@consta/uikit 4.2.1 → 4.3.0

package/README.md

@@ -46,7 +46,7 @@ const App = () => (
 );
 ```
 
-[Что такое темы и как с ними работать](http://uikit.consta.design/?path=/docs/thematization-what-are-themes--page)
+[Что такое темы и как с ними работать](https://portal.consta.design/libs/portal/theme-themeabout)
 
 ## Документация и стенд
 
@@ -56,8 +56,8 @@ const App = () => (
 
 ## Контрибьюторам
 
-Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://uikit.consta.design/libs/uikit/custom-contribute).
+Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://portal.consta.design/libs/portal/custom-contribute).
 
 ## Лицензия
 
-Дизайн-систему можно использовать бесплатно, она распространяется на условиях открытой [лицензии MIT](https://consta.gazprom-neft.ru/static/licence_mit.pdf).
+Дизайн-систему можно использовать бесплатно, она распространяется на условиях открытой [лицензии MIT](https://consta.design/static/licence_mit.pdf).

package/__internal__/src/components/AvatarGroup/helpers.d.ts

@@ -6,7 +6,7 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     children?: undefined;
     items?: ITEM[] | undefined;
     visibleCount?: number | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

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

@@ -8,7 +8,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     getItemSubMenu: BreadcrumbsPropGetItemSubMenu<DefaultItem>;
     items: DefaultItem[];
     onItemClick?: import("./types").BreadcrumbsPropOnItemClick<DefaultItem> | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     onlyIconRoot?: boolean | undefined;
     fitMode?: "scroll" | "dropdown" | undefined;
     lastItemIsLink?: boolean | undefined;

package/__internal__/src/components/CheckboxGroup/helper.d.ts

@@ -12,7 +12,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     name?: string | undefined;
     direction?: "row" | "column" | undefined;
     size?: "m" | "l" | undefined;
-    view?: "ghost" | "primary" | undefined;
+    view?: "primary" | "ghost" | undefined;
     disabled?: boolean | undefined;
     className?: string | undefined;
     defaultChecked?: boolean | undefined;

package/__internal__/src/components/ChoiceGroup/helper.d.ts

@@ -4,12 +4,12 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     getItemLabel: ChoiceGroupPropGetItemLabel<ChoiceGroupDefaultItem>;
     getItemIcon: ChoiceGroupPropGetItemIcon<ChoiceGroupDefaultItem>;
     getItemDisabled: ChoiceGroupPropGetItemDisabled<ChoiceGroupDefaultItem>;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
-    view?: "ghost" | "primary" | "secondary" | undefined;
+    view?: "primary" | "ghost" | "secondary" | undefined;
     width?: "default" | "full" | undefined;
     onlyIcon?: boolean | undefined;
-    iconSize?: import("../../icons/Icon").IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     items: ChoiceGroupDefaultItem[];
     name: string;
     disabled?: boolean | undefined;

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

@@ -1,49 +1,8 @@
 import './Collapse.css';
-import React from 'react';
-import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { CollapseIconPropDirection } from './CollapseIcon/CollapseIcon';
-export declare const collapsePropSize: readonly ["m", "l", "s", "xs", "2xs"];
-export declare type CollapsePropSize = typeof collapsePropSize[number];
-export declare const collapsePropSizeDefault: "m";
-export declare const collapsePropView: readonly ["primary", "secondary"];
-export declare type CollapsePropView = typeof collapsePropView[number];
-export declare const collapsePropViewDefault: "primary";
-export declare const collapsePropHorizontalSpace: readonly ["3xs", "6xl", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
-export declare type CollapsePropHorizontalSpace = typeof collapsePropHorizontalSpace[number];
-export declare const collapsePropIconPosition: readonly ["left", "right"];
-export declare type CollapsePropIconPosition = typeof collapsePropIconPosition[number];
-export declare const collapsePropIconPositionDefault: "left";
-export declare const collapsePropDirectionIcon: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
-export declare const collapsePropDirectionIconDefault: "up";
-export declare const collapsePropCloseDirectionIconDefault: "down";
+import { IconPropSize } from '../../icons/Icon/Icon';
+import { CollapseComponent, CollapsePropSize } from './types';
 export declare const COMPONENT_NAME: "Collapse";
-declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
-    size?: CollapsePropSize;
-    icon?: IconComponent;
-    view?: CollapsePropView;
-    divider?: boolean;
-    label: string;
-    horizontalSpace?: CollapsePropHorizontalSpace;
-    hoverEffect?: boolean;
-    isOpen?: boolean;
-} & ({
-    closeIcon?: IconComponent;
-    directionIcon?: never;
-    closeDirectionIcon?: never;
-} | {
-    closeIcon?: never;
-    directionIcon?: CollapseIconPropDirection;
-    closeDirectionIcon?: CollapseIconPropDirection;
-}) & ({
-    iconPosition?: 'left';
-    rightSide?: React.ReactNode;
-} | {
-    iconPosition?: 'right';
-    rightSide?: never;
-}), HTMLDivElement>;
-declare type Collapse = (props: CollapseProps) => React.ReactElement | null;
 export declare const cnCollapse: import("@bem-react/classname").ClassNameFormatter;
 export declare const sizeIconMap: Record<CollapsePropSize, IconPropSize>;
-export declare const Collapse: Collapse;
-export {};
+export declare const Collapse: CollapseComponent;
+export * from './types';

package/__internal__/src/components/Collapse/Collapse.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];import"./Collapse.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon,collapseIconPropDirection}from"./CollapseIcon/CollapseIcon";export var collapsePropSize=["m","l","s","xs","2xs"];export var collapsePropSizeDefault=collapsePropSize[0];export var collapsePropView=["primary","secondary"];export var collapsePropViewDefault=collapsePropView[0];export var collapsePropHorizontalSpace=["3xs","6xl","5xl","4xl","3xl","2xl","xl","l","m","s","xs","2xs"];export var collapsePropIconPosition=["left","right"];export var collapsePropIconPositionDefault=collapsePropIconPosition[0];export var collapsePropDirectionIcon=collapseIconPropDirection;export var collapsePropDirectionIconDefault=collapsePropDirectionIcon[0];export var collapsePropCloseDirectionIconDefault=collapsePropDirectionIcon[2];export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.label,f=d.size,g=void 0===f?collapsePropSizeDefault:f,h=d.view,i=void 0===h?collapsePropViewDefault:h,j=d.className,k=d.isOpen,l=d.children,m=d.hoverEffect,n=d.divider,o=d.icon,p=void 0===o?IconArrowDown:o,q=d.closeIcon,r=d.rightSide,s=d.horizontalSpace,t=d.iconPosition,u=void 0===t?collapsePropIconPositionDefault:t,v=d.directionIcon,w=void 0===v?collapsePropDirectionIconDefault:v,x=d.closeDirectionIcon,y=void 0===x?collapsePropCloseDirectionIconDefault:x,z=d.style,A=_objectWithoutProperties(d,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:g,view:i,horizontalSpace:s},[j]),style:z},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:m,iconPosition:u})},A),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:u}),size:getByMap(sizeIconMap,g),icon:p,closeIcon:q,isOpen:k,direction:w,closeDirection:y}),React.createElement(Text,{className:cnCollapse("LabelText"),view:i,size:g},e),"left"===u&&renderSide(r)),React.createElement("div",{className:cnCollapse("Body",{isOpen:k,divider:n})},React.createElement("div",{className:cnCollapse("Content")},l)))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];import"./Collapse.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon}from"./CollapseIcon/CollapseIcon";import{collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"./types";export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.label,f=d.size,g=void 0===f?collapsePropSizeDefault:f,h=d.view,i=void 0===h?collapsePropViewDefault:h,j=d.className,k=d.isOpen,l=d.children,m=d.hoverEffect,n=d.divider,o=d.icon,p=void 0===o?IconArrowDown:o,q=d.closeIcon,r=d.rightSide,s=d.horizontalSpace,t=d.iconPosition,u=void 0===t?collapsePropIconPositionDefault:t,v=d.directionIcon,w=void 0===v?collapsePropDirectionIconDefault:v,x=d.closeDirectionIcon,y=void 0===x?collapsePropCloseDirectionIconDefault:x,z=d.style,A=_objectWithoutProperties(d,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:g,view:i,horizontalSpace:s},[j]),style:z},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:m,iconPosition:u})},A),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:u}),size:getByMap(sizeIconMap,g),icon:p,closeIcon:q,isOpen:k,direction:w,closeDirection:y}),"object"==typeof e?React.createElement("div",{className:cnCollapse("LabelText")},e):React.createElement(Text,{className:cnCollapse("LabelText"),view:i,size:g},e),"left"===u&&renderSide(r)),React.createElement("div",{className:cnCollapse("Body",{isOpen:k,divider:n})},React.createElement("div",{className:cnCollapse("Content")},l)))});export*from"./types";
 //# sourceMappingURL=Collapse.js.map

package/__internal__/src/components/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["React","useRef","useForkRef","IconArrowDown","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapseIconPropDirection","collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","Collapse","forwardRef","props","ref","collapseRef","label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport {\n  CollapseIcon,\n  CollapseIconPropDirection,\n  collapseIconPropDirection,\n} from './CollapseIcon/CollapseIcon';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\ntype CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: string;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\ntype Collapse = (props: CollapseProps) => React.ReactElement | null;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nexport const Collapse: Collapse = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view, horizontalSpace }, [className])}\n      style={style}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        <Text className={cnCollapse('LabelText')} view={view} size={size}>\n          {label}\n        </Text>\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div className={cnCollapse('Body', { isOpen, divider })}>\n        <div className={cnCollapse('Content')}>{children}</div>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["React","useRef","useForkRef","IconArrowDown","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","Collapse","forwardRef","props","ref","collapseRef","label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconPropSize } from '../../icons/Icon/Icon';\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport { CollapseIcon } from './CollapseIcon/CollapseIcon';\nimport {\n  CollapseComponent,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  CollapseProps,\n  CollapsePropSize,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nexport const Collapse: CollapseComponent = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view, horizontalSpace }, [className])}\n      style={style}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        {typeof label === 'object' ? (\n          <div className={cnCollapse('LabelText')}>{label}</div>\n        ) : (\n          <Text className={cnCollapse('LabelText')} view={view} size={size}>\n            {label}\n          </Text>\n        )}\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div className={cnCollapse('Body', { isOpen, divider })}>\n        <div className={cnCollapse('Content')}>{children}</div>\n      </div>\n    </div>\n  );\n});\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.d.ts

@@ -1,16 +1,4 @@
 import './CollapseIcon.css';
 import React from 'react';
-import { IconProps, IconPropSize } from "../../../icons/Icon";
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
-export declare const collapseIconPropDirection: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
-export declare type CollapseIconPropDirection = typeof collapseIconPropDirection[number];
-export declare type CollapseIconProps = PropsWithHTMLAttributes<{
-    size: IconPropSize;
-    icon: React.FC<IconProps>;
-    isOpen?: boolean;
-    cildren?: never;
-    closeIcon?: React.FC<IconProps>;
-    direction?: CollapseIconPropDirection;
-    closeDirection?: CollapseIconPropDirection;
-}, HTMLSpanElement>;
+import { CollapseIconProps } from '../types';
 export declare const CollapseIcon: React.FC<CollapseIconProps>;

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","closeIcon","direction","closeDirection","isOpen","className"];import"./CollapseIcon.css";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{cnIcon}from"../../../icons/Icon";import{cn}from"../../../utils/bem";export var collapseIconPropDirection=["up","right","down","left","upRight","downRight","upLeft","downLeft"];var cnCollapseIcon=cn("CollapseIcon"),animateTimeout=300;export var CollapseIcon=function(a){var b=a.size,c=a.icon,d=a.closeIcon,e=a.direction,f=a.closeDirection,g=a.isOpen,h=a.className,i=_objectWithoutProperties(a,_excluded),j=useRef(null),k=useRef(null);return d?React.createElement("span",{className:cnCollapseIcon("Wrapper",[cnIcon({size:b}),h])},React.createElement(Transition,{in:!g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:j},function(a){return React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:j}))}),React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:k},function(a){return React.createElement(d,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:k}))})):React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({isOpen:g,direction:e,closeDirection:f},[h]),size:b}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","closeIcon","direction","closeDirection","isOpen","className"];import"./CollapseIcon.css";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{cnIcon}from"../../../icons/Icon";import{cn}from"../../../utils/bem";var cnCollapseIcon=cn("CollapseIcon"),animateTimeout=300;export var CollapseIcon=function(a){var b=a.size,c=a.icon,d=a.closeIcon,e=a.direction,f=a.closeDirection,g=a.isOpen,h=a.className,i=_objectWithoutProperties(a,_excluded),j=useRef(null),k=useRef(null);return d?React.createElement("span",{className:cnCollapseIcon("Wrapper",[cnIcon({size:b}),h])},React.createElement(Transition,{in:!g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:j},function(a){return React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:j}))}),React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:k},function(a){return React.createElement(d,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:k}))})):React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({isOpen:g,direction:e,closeDirection:f},[h]),size:b}))};
 //# sourceMappingURL=CollapseIcon.js.map

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseIcon.js","names":["React","useRef","Transition","cnIcon","cn","collapseIconPropDirection","cnCollapseIcon","animateTimeout","CollapseIcon","props","size","Icon","icon","CloseIcon","closeIcon","direction","closeDirection","isOpen","className","otherProps","iconRef","closeIconRef","animate"],"sources":["../../../../../../src/components/Collapse/CollapseIcon/CollapseIcon.tsx"],"sourcesContent":["import './CollapseIcon.css';\n\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnIcon, IconProps, IconPropSize } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nconst cnCollapseIcon = cn('CollapseIcon');\nconst animateTimeout = 300;\n\nexport const CollapseIcon: React.FC<CollapseIconProps> = (props) => {\n  const {\n    size,\n    icon: Icon,\n    closeIcon: CloseIcon,\n    direction,\n    closeDirection,\n    isOpen,\n    className,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n  const closeIconRef = useRef<HTMLSpanElement>(null);\n\n  if (CloseIcon) {\n    return (\n      <span\n        className={cnCollapseIcon('Wrapper', [cnIcon({ size }), className])}\n      >\n        <Transition\n          in={!isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={iconRef}\n        >\n          {(animate) => (\n            <Icon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={iconRef}\n            />\n          )}\n        </Transition>\n        <Transition\n          in={isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={closeIconRef}\n        >\n          {(animate) => (\n            <CloseIcon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={closeIconRef}\n            />\n          )}\n        </Transition>\n      </span>\n    );\n  }\n  return (\n    <Icon\n      {...otherProps}\n      className={cnCollapseIcon({ isOpen, direction, closeDirection }, [\n        className,\n      ])}\n      size={size}\n    />\n  );\n};\n"],"mappings":"iLAAA,2BAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,2BACA,OAASC,EAAT,0BAGA,MAAO,IAAMC,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,C,GA0BDC,eAAc,CAAGF,EAAE,CAAC,cAAD,C,CACnBG,cAAc,CAAG,G,CAEvB,MAAO,IAAMC,aAAyC,CAAG,SAACC,CAAD,CAAW,IAEhEC,EAFgE,CAU9DD,CAV8D,CAEhEC,IAFgE,CAG1DC,CAH0D,CAU9DF,CAV8D,CAGhEG,IAHgE,CAIrDC,CAJqD,CAU9DJ,CAV8D,CAIhEK,SAJgE,CAKhEC,CALgE,CAU9DN,CAV8D,CAKhEM,SALgE,CAMhEC,CANgE,CAU9DP,CAV8D,CAMhEO,cANgE,CAOhEC,CAPgE,CAU9DR,CAV8D,CAOhEQ,MAPgE,CAQhEC,CARgE,CAU9DT,CAV8D,CAQhES,SARgE,CAS7DC,CAT6D,0BAU9DV,CAV8D,YAY5DW,CAAO,CAAGnB,MAAM,CAAkB,IAAlB,CAZ4C,CAa5DoB,CAAY,CAAGpB,MAAM,CAAkB,IAAlB,CAbuC,OAe9DY,EAf8D,CAiB9D,4BACE,SAAS,CAAEP,cAAc,CAAC,SAAD,CAAY,CAACH,MAAM,CAAC,CAAEO,IAAI,CAAJA,CAAF,CAAD,CAAP,CAAmBQ,CAAnB,CAAZ,CAD3B,EAGE,oBAAC,UAAD,EACE,GAAI,CAACD,CADP,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEa,CAJX,EAMG,SAACE,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEU,CAJP,GADD,CANH,CAHF,CAkBE,oBAAC,UAAD,EACE,GAAIH,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEc,CAJX,EAMG,SAACC,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEW,CAJP,GADD,CANH,CAlBF,CAjB8D,CAsDhE,oBAAC,CAAD,kBACMF,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEW,MAAM,CAANA,CAAF,CAAUF,SAAS,CAATA,CAAV,CAAqBC,cAAc,CAAdA,CAArB,CAAD,CAAwC,CAC/DE,CAD+D,CAAxC,CAF3B,CAKE,IAAI,CAAER,CALR,GAQH,CA9DM"}
+{"version":3,"file":"CollapseIcon.js","names":["React","useRef","Transition","cnIcon","cn","cnCollapseIcon","animateTimeout","CollapseIcon","props","size","Icon","icon","CloseIcon","closeIcon","direction","closeDirection","isOpen","className","otherProps","iconRef","closeIconRef","animate"],"sources":["../../../../../../src/components/Collapse/CollapseIcon/CollapseIcon.tsx"],"sourcesContent":["import './CollapseIcon.css';\n\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnIcon } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\n\nimport { CollapseIconProps } from '../types';\n\nconst cnCollapseIcon = cn('CollapseIcon');\nconst animateTimeout = 300;\n\nexport const CollapseIcon: React.FC<CollapseIconProps> = (props) => {\n  const {\n    size,\n    icon: Icon,\n    closeIcon: CloseIcon,\n    direction,\n    closeDirection,\n    isOpen,\n    className,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n  const closeIconRef = useRef<HTMLSpanElement>(null);\n\n  if (CloseIcon) {\n    return (\n      <span\n        className={cnCollapseIcon('Wrapper', [cnIcon({ size }), className])}\n      >\n        <Transition\n          in={!isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={iconRef}\n        >\n          {(animate) => (\n            <Icon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={iconRef}\n            />\n          )}\n        </Transition>\n        <Transition\n          in={isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={closeIconRef}\n        >\n          {(animate) => (\n            <CloseIcon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={closeIconRef}\n            />\n          )}\n        </Transition>\n      </span>\n    );\n  }\n  return (\n    <Icon\n      {...otherProps}\n      className={cnCollapseIcon({ isOpen, direction, closeDirection }, [\n        className,\n      ])}\n      size={size}\n    />\n  );\n};\n"],"mappings":"iLAAA,2BAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,2BACA,OAASC,EAAT,0B,GAIMC,eAAc,CAAGD,EAAE,CAAC,cAAD,C,CACnBE,cAAc,CAAG,G,CAEvB,MAAO,IAAMC,aAAyC,CAAG,SAACC,CAAD,CAAW,IAEhEC,EAFgE,CAU9DD,CAV8D,CAEhEC,IAFgE,CAG1DC,CAH0D,CAU9DF,CAV8D,CAGhEG,IAHgE,CAIrDC,CAJqD,CAU9DJ,CAV8D,CAIhEK,SAJgE,CAKhEC,CALgE,CAU9DN,CAV8D,CAKhEM,SALgE,CAMhEC,CANgE,CAU9DP,CAV8D,CAMhEO,cANgE,CAOhEC,CAPgE,CAU9DR,CAV8D,CAOhEQ,MAPgE,CAQhEC,CARgE,CAU9DT,CAV8D,CAQhES,SARgE,CAS7DC,CAT6D,0BAU9DV,CAV8D,YAY5DW,CAAO,CAAGlB,MAAM,CAAkB,IAAlB,CAZ4C,CAa5DmB,CAAY,CAAGnB,MAAM,CAAkB,IAAlB,CAbuC,OAe9DW,EAf8D,CAiB9D,4BACE,SAAS,CAAEP,cAAc,CAAC,SAAD,CAAY,CAACF,MAAM,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAP,CAAmBQ,CAAnB,CAAZ,CAD3B,EAGE,oBAAC,UAAD,EACE,GAAI,CAACD,CADP,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEa,CAJX,EAMG,SAACE,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEU,CAJP,GADD,CANH,CAHF,CAkBE,oBAAC,UAAD,EACE,GAAIH,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEc,CAJX,EAMG,SAACC,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEW,CAJP,GADD,CANH,CAlBF,CAjB8D,CAsDhE,oBAAC,CAAD,kBACMF,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEW,MAAM,CAANA,CAAF,CAAUF,SAAS,CAATA,CAAV,CAAqBC,cAAc,CAAdA,CAArB,CAAD,CAAwC,CAC/DE,CAD+D,CAAxC,CAF3B,CAKE,IAAI,CAAER,CALR,GAQH,CA9DM"}

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { IconComponent, IconProps, IconPropSize } from "../../icons/Icon";
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare const collapsePropSize: readonly ["m", "l", "s", "xs", "2xs"];
+export declare type CollapsePropSize = typeof collapsePropSize[number];
+export declare const collapsePropSizeDefault: "m";
+export declare const collapsePropView: readonly ["primary", "secondary"];
+export declare type CollapsePropView = typeof collapsePropView[number];
+export declare const collapsePropViewDefault: "primary";
+export declare const collapsePropHorizontalSpace: readonly ["3xs", "6xl", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
+export declare type CollapsePropHorizontalSpace = typeof collapsePropHorizontalSpace[number];
+export declare const collapsePropIconPosition: readonly ["left", "right"];
+export declare type CollapsePropIconPosition = typeof collapsePropIconPosition[number];
+export declare const collapsePropIconPositionDefault: "left";
+export declare const collapseIconPropDirection: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
+export declare type CollapseIconPropDirection = typeof collapseIconPropDirection[number];
+export declare type CollapseIconProps = PropsWithHTMLAttributes<{
+    size: IconPropSize;
+    icon: React.FC<IconProps>;
+    isOpen?: boolean;
+    cildren?: never;
+    closeIcon?: React.FC<IconProps>;
+    direction?: CollapseIconPropDirection;
+    closeDirection?: CollapseIconPropDirection;
+}, HTMLSpanElement>;
+export declare const collapsePropDirectionIcon: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
+export declare const collapsePropDirectionIconDefault: "up";
+export declare const collapsePropCloseDirectionIconDefault: "down";
+export declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
+    size?: CollapsePropSize;
+    icon?: IconComponent;
+    view?: CollapsePropView;
+    divider?: boolean;
+    label: React.ReactNode;
+    horizontalSpace?: CollapsePropHorizontalSpace;
+    hoverEffect?: boolean;
+    isOpen?: boolean;
+} & ({
+    closeIcon?: IconComponent;
+    directionIcon?: never;
+    closeDirectionIcon?: never;
+} | {
+    closeIcon?: never;
+    directionIcon?: CollapseIconPropDirection;
+    closeDirectionIcon?: CollapseIconPropDirection;
+}) & ({
+    iconPosition?: 'left';
+    rightSide?: React.ReactNode;
+} | {
+    iconPosition?: 'right';
+    rightSide?: never;
+}), HTMLDivElement>;
+export declare type CollapseComponent = (props: CollapseProps) => React.ReactElement | null;

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

@@ -0,0 +1,2 @@
+export var collapsePropSize=["m","l","s","xs","2xs"];export var collapsePropSizeDefault=collapsePropSize[0];export var collapsePropView=["primary","secondary"];export var collapsePropViewDefault=collapsePropView[0];export var collapsePropHorizontalSpace=["3xs","6xl","5xl","4xl","3xl","2xl","xl","l","m","s","xs","2xs"];export var collapsePropIconPosition=["left","right"];export var collapsePropIconPositionDefault=collapsePropIconPosition[0];export var collapseIconPropDirection=["up","right","down","left","upRight","downRight","upLeft","downLeft"];export var collapsePropDirectionIcon=collapseIconPropDirection;export var collapsePropDirectionIconDefault=collapsePropDirectionIcon[0];export var collapsePropCloseDirectionIconDefault=collapsePropDirectionIcon[2];
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/Collapse/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent, IconProps, IconPropSize } from '##/icons/Icon';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: React.ReactNode;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n  props: CollapseProps,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA0BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB"}

package/__internal__/src/components/CollapseGroup/helpers.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { CollapsePropHorizontalSpace, CollapsePropSize, CollapsePropView } from '../Collapse/Collapse';
-import { CollapseIconPropDirection } from '../Collapse/CollapseIcon/CollapseIcon';
+import { CollapseIconPropDirection, CollapsePropHorizontalSpace, CollapsePropSize, CollapsePropView } from '../Collapse/Collapse';
 export declare type DefaultItem = {
-    label: string;
+    label: React.ReactNode;
     content: React.ReactNode;
     rightSide?: React.ReactNode | React.ReactNode[];
 };
@@ -13,7 +12,7 @@ export declare type CollapseGroupPropOnOpen<IS_ACCORDION> = (params: {
     value: (IS_ACCORDION extends true ? number : number[]) | null;
 }) => void;
 export declare type CollapseGroupPropOpened<IS_ACCORDION> = (IS_ACCORDION extends true ? number : number[]) | null | undefined;
-declare type CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
+declare type CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;
 declare type CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;
 declare type CollapseGroupPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | React.ReactNode[] | undefined;
 export declare type CollapseGroupProps<ITEM, IS_ACCORDION extends boolean> = PropsWithHTMLAttributesAndRef<{
@@ -64,9 +63,9 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     children?: undefined;
     icon?: IconComponent | undefined;
     divider?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
+    size?: "m" | "s" | "xs" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
-    horizontalSpace?: "xs" | "s" | "m" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
+    horizontalSpace?: "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
     hoverEffect?: boolean | undefined;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
@@ -80,7 +79,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "view" | "size" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
+    label: React.ReactNode;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
 }) & (ITEM extends {
@@ -97,9 +96,9 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     children?: undefined;
     icon?: IconComponent | undefined;
     divider?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
+    size?: "m" | "s" | "xs" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
-    horizontalSpace?: "xs" | "s" | "m" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
+    horizontalSpace?: "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
     hoverEffect?: boolean | undefined;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
@@ -113,7 +112,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "view" | "size" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
+    label: React.ReactNode;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
 }) & (ITEM extends {

package/__internal__/src/components/CollapseGroup/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemContent","content","defaultGetItemRightSide","rightSide","withDefaultGetters","props","getItemLabel","getItemContent","getItemRightSide"],"sources":["../../../../../src/components/CollapseGroup/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  CollapsePropHorizontalSpace,\n  CollapsePropSize,\n  CollapsePropView,\n} from '../Collapse/Collapse';\nimport { CollapseIconPropDirection } from '../Collapse/CollapseIcon/CollapseIcon';\n\nexport type DefaultItem = {\n  label: string;\n  content: React.ReactNode;\n  rightSide?: React.ReactNode | React.ReactNode[];\n};\n\nexport type CollapseGroupPropOnOpen<IS_ACCORDION> = (params: {\n  e: React.MouseEvent<HTMLDivElement, MouseEvent>;\n  value: (IS_ACCORDION extends true ? number : number[]) | null;\n}) => void;\n\nexport type CollapseGroupPropOpened<IS_ACCORDION> =\n  | (IS_ACCORDION extends true ? number : number[])\n  | null\n  | undefined;\n\ntype CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\ntype CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | React.ReactNode[] | undefined;\n\nexport type CollapseGroupProps<\n  ITEM,\n  IS_ACCORDION extends boolean,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    isAccordion?: IS_ACCORDION;\n    children?: never;\n    icon?: IconComponent;\n    divider?: boolean;\n    size?: CollapsePropSize;\n    view?: CollapsePropView;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION>;\n    opened?: CollapseGroupPropOpened<IS_ACCORDION>;\n    getItemLabel?: CollapseGroupPropGetItemLabel<ITEM>;\n    getItemContent?: CollapseGroupPropGetItemContent<ITEM>;\n  } & (\n    | {\n        closeIcon: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM>;\n        }\n      | {\n          iconPosition?: 'right';\n          getItemRightSide?: never;\n        }\n    ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: CollapseGroupPropGetItemLabel<ITEM> }) &\n  (ITEM extends { content: DefaultItem['content'] }\n    ? {}\n    : { getItemContent: CollapseGroupPropGetItemContent<ITEM> });\n\nexport const defaultGetItemLabel: CollapseGroupPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemContent: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.content;\nexport const defaultGetItemRightSide: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.rightSide;\n\nexport type CollapseGroupComponent = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) => React.ReactElement | null;\n\nexport type CollapseGroupRenderFunction = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n  };\n}\n"],"mappings":"qqBAkFA,MAAO,IAAMA,oBAA+D,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,KAFqE,CAAxE,CAGP,MAAO,IAAMC,sBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,OAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,SAAf,CAFG,CAmBP,MAAO,SAASC,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBT,mBAFtC,CAGEU,cAAc,CAAEF,CAAK,CAACE,cAAN,EAAwBP,qBAH1C,CAIEQ,gBAAgB,CAAEH,CAAK,CAACG,gBAAN,EAA0BN,uBAJ9C,EAMD"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemContent","content","defaultGetItemRightSide","rightSide","withDefaultGetters","props","getItemLabel","getItemContent","getItemRightSide"],"sources":["../../../../../src/components/CollapseGroup/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  CollapseIconPropDirection,\n  CollapsePropHorizontalSpace,\n  CollapsePropSize,\n  CollapsePropView,\n} from '../Collapse/Collapse';\n\nexport type DefaultItem = {\n  label: React.ReactNode;\n  content: React.ReactNode;\n  rightSide?: React.ReactNode | React.ReactNode[];\n};\n\nexport type CollapseGroupPropOnOpen<IS_ACCORDION> = (params: {\n  e: React.MouseEvent<HTMLDivElement, MouseEvent>;\n  value: (IS_ACCORDION extends true ? number : number[]) | null;\n}) => void;\n\nexport type CollapseGroupPropOpened<IS_ACCORDION> =\n  | (IS_ACCORDION extends true ? number : number[])\n  | null\n  | undefined;\n\ntype CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | React.ReactNode[] | undefined;\n\nexport type CollapseGroupProps<\n  ITEM,\n  IS_ACCORDION extends boolean,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    isAccordion?: IS_ACCORDION;\n    children?: never;\n    icon?: IconComponent;\n    divider?: boolean;\n    size?: CollapsePropSize;\n    view?: CollapsePropView;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION>;\n    opened?: CollapseGroupPropOpened<IS_ACCORDION>;\n    getItemLabel?: CollapseGroupPropGetItemLabel<ITEM>;\n    getItemContent?: CollapseGroupPropGetItemContent<ITEM>;\n  } & (\n    | {\n        closeIcon: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM>;\n        }\n      | {\n          iconPosition?: 'right';\n          getItemRightSide?: never;\n        }\n    ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: CollapseGroupPropGetItemLabel<ITEM> }) &\n  (ITEM extends { content: DefaultItem['content'] }\n    ? {}\n    : { getItemContent: CollapseGroupPropGetItemContent<ITEM> });\n\nexport const defaultGetItemLabel: CollapseGroupPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemContent: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.content;\nexport const defaultGetItemRightSide: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.rightSide;\n\nexport type CollapseGroupComponent = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) => React.ReactElement | null;\n\nexport type CollapseGroupRenderFunction = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n  };\n}\n"],"mappings":"qqBAkFA,MAAO,IAAMA,oBAA+D,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,KAFqE,CAAxE,CAGP,MAAO,IAAMC,sBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,OAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,SAAf,CAFG,CAmBP,MAAO,SAASC,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBT,mBAFtC,CAGEU,cAAc,CAAEF,CAAK,CAACE,cAAN,EAAwBP,qBAH1C,CAIEQ,gBAAgB,CAAEH,CAAK,CAACG,gBAAN,EAA0BN,uBAJ9C,EAMD"}

package/__internal__/src/components/Combobox/helpers.d.ts

@@ -104,7 +104,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     disabled?: boolean | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
-    size?: "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     placeholder?: string | undefined;
     ariaLabel?: string | undefined;

package/__internal__/src/components/ContextMenu/helpers.d.ts

@@ -4,7 +4,7 @@ import { TextPropSize } from '../Text/Text';
 import { ContextMenuGroupDefault, ContextMenuItemDefault, ContextMenuPropGetGroupId, ContextMenuPropGetGroupLabel, ContextMenuPropGetItemAs, ContextMenuPropGetItemAttributes, ContextMenuPropGetItemDisabled, ContextMenuPropGetItemGroupId, ContextMenuPropGetItemKey, ContextMenuPropGetItemLabel, ContextMenuPropGetItemLeftIcon, ContextMenuPropGetItemLeftSide, ContextMenuPropGetItemOnClick, ContextMenuPropGetItemRightIcon, ContextMenuPropGetItemRightSide, ContextMenuPropGetItemStatus, ContextMenuPropGetItemSubMenu, ContextMenuProps, ContextMenuPropSize, GetLevelsParams, Level, MappersGroup } from './types';
 export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<ITEM, GROUP>): ({
     items: ITEM[];
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
     offset?: import("../Popover").PopoverPropOffset | undefined;
     groups?: GROUP[] | undefined;
@@ -45,7 +45,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
     getGroupLabel: ContextMenuPropGetGroupLabel<ContextMenuGroupDefault> | ContextMenuPropGetGroupLabel<GROUP>;
 }) | ({
     items: ITEM[];
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
     offset?: import("../Popover").PopoverPropOffset | undefined;
     groups?: GROUP[] | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts

@@ -10,7 +10,7 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
@@ -26,7 +26,7 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: import("../../../icons/Icon").IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts

@@ -10,7 +10,7 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
@@ -26,7 +26,7 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: import("../../../icons/Icon").IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.d.ts

@@ -10,7 +10,7 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
@@ -26,7 +26,7 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: import("../../../icons/Icon").IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts

@@ -10,7 +10,7 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
@@ -26,7 +26,7 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: import("../../../icons/Icon").IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.d.ts

@@ -10,7 +10,7 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
@@ -26,7 +26,7 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: import("../../../icons/Icon").IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.css

@@ -1 +1 @@
-.DateTimeTypeDateTime_withTime{display:flex;position:relative}.DateTimeTypeDateTime_withTime:after{background:var(--color-bg-border);content:"";display:block;height:100%;left:calc((var(--control-height-s) + (var(--space-3xs)*2))*7 + var(--space-s) + var(--root-padding-left));position:absolute;top:0;width:1px}.DateTimeTypeDateTime-Date_withTime{padding-right:var(--space-s)}.DateTimeTypeDateTime-Time{padding-left:var(--space-s)}
+.DateTimeTypeDateTime_withTime{display:flex;position:relative}.DateTimeTypeDateTime_withTime:after{background:var(--color-bg-border);content:"";display:block;height:100%;left:calc((var(--control-height-s) + (var(--space-3xs)*2))*7 + var(--space-l) + var(--root-padding-left));position:absolute;top:0;width:1px}.DateTimeTypeDateTime-Date_withTime{box-sizing:initial;padding-right:var(--space-l)}.DateTimeTypeDateTime-Time{box-sizing:initial;padding-left:var(--space-s)}

package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.css

@@ -1 +1 @@
-.DateTimeTypeTime{width:calc((var(--control-height-s) + (var(--space-3xs)*2))*3)}.DateTimeTypeTime-Grid{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:1;--date-time-grid-row-gap:0;display:flex;height:calc(var(--date-time-cell-height)*7);justify-content:center}.DateTimeTypeTime-Label{display:block;height:var(--control-height-s);line-height:var(--control-height-s);margin-bottom:var(--space-s)}
+.DateTimeTypeTime{width:calc((var(--control-height-s) + (var(--space-3xs)*2))*3 + var(--space-xs)*2)}.DateTimeTypeTime-Grid{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:1;--date-time-grid-row-gap:0;display:flex;gap:var(--space-xs);height:calc(var(--date-time-cell-height)*7);justify-content:center}.DateTimeTypeTime-Label{display:block;height:var(--control-height-s);line-height:var(--control-height-s);margin-bottom:var(--space-s)}

package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.d.ts

@@ -3,7 +3,7 @@ import { EventInterceptorHandler } from '../EventInterceptor';
 export declare const useCheckboxEventsHandler: <P extends {
     checked: boolean | undefined;
     size?: "m" | "l" | undefined;
-    view?: "ghost" | "primary" | undefined;
+    view?: "primary" | "ghost" | undefined;
     align?: "center" | "top" | undefined;
     disabled?: boolean | undefined;
     intermediate?: boolean | undefined;
@@ -24,7 +24,7 @@ export declare const useCheckboxEventsHandler: <P extends {
 } & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | keyof {
     checked: boolean | undefined;
     size?: "m" | "l" | undefined;
-    view?: "ghost" | "primary" | undefined;
+    view?: "primary" | "ghost" | undefined;
     align?: "center" | "top" | undefined;
     disabled?: boolean | undefined;
     intermediate?: boolean | undefined;

package/__internal__/src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.d.ts

@@ -46,7 +46,7 @@ export declare const useTextFieldEventsHandler: <P extends {
     type?: string | undefined;
     disabled?: boolean | undefined;
     maxLength?: number | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
     state?: "alert" | "success" | "warning" | undefined;
@@ -70,7 +70,7 @@ export declare const useTextFieldEventsHandler: <P extends {
     inputContainerRef?: React.Ref<HTMLDivElement> | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: IconPropSize | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     children?: undefined;
     label?: string | undefined;
     caption?: string | undefined;

package/__internal__/src/components/ProgressLine/helpers.d.ts

@@ -2,7 +2,7 @@
 import { ProgressLineItemDefault, ProgressLinePropGetItemLabel, ProgressLineProps } from './types';
 export declare function withDefaultGetters<ITEM>(props: ProgressLineProps<ITEM>): {
     getItemLabel: ProgressLinePropGetItemLabel<ProgressLineItemDefault> | ProgressLinePropGetItemLabel<ITEM>;
-    size?: "s" | "m" | undefined;
+    size?: "m" | "s" | undefined;
     value?: number | undefined;
     steps?: ITEM[] | undefined;
     defaultChecked?: boolean | undefined;