npm - @consta/uikit - Versions diffs - 3.18.0 → 3.18.3 - Mend

@consta/uikit 3.18.0 → 3.18.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (577) hide show

package/Popover/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Popover",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/PortalWithTheme/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/PortalWithTheme",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ProgressSpin/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ProgressSpin",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ProgressStepBarCanary/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ProgressStepBarCanary",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/README.md CHANGED Viewed

@@ -8,13 +8,13 @@ Consta — дизайн-система для разработки интерф
 ### Библиотека компонентов
-[Репозиторий](https://github.com/consta-design-system/uikit) | [NPM](https://www.npmjs.com/package/@consta/uikit) | [Документация и стенд](https://consta-uikit.vercel.app/?path=/story/common-about--page) | [Макеты](https://www.figma.com/community/file/853774806786762374)
+[Репозиторий](https://github.com/consta-design-system/uikit) | [NPM](https://www.npmjs.com/package/@consta/uikit) | [Документация и стенд](http://uikit.gizeasy.ru/?path=/story/common-about--page) | [Макеты](https://www.figma.com/community/file/853774806786762374)
 ### Библиотека графиков
-[Репозиторий](https://github.com/consta-design-system/charts) | [NPM](https://www.npmjs.com/package/@consta/charts) | [Документация и стенд](https://consta-charts.vercel.app/) | [Макеты](https://www.figma.com/community/file/982611119114314434)
+[Репозиторий](https://github.com/consta-design-system/charts) | [NPM](https://www.npmjs.com/package/@consta/charts) | [Документация и стенд](http://charts.gizeasy.ru) | [Макеты](https://www.figma.com/community/file/982611119114314434)
-[>> Посмотреть все библиотеки](https://consta-uikit.vercel.app/?path=/docs/common-about-github--page)
+[>> Посмотреть все библиотеки](http://uikit.gizeasy.ru/?path=/docs/common-about-github--page)
 <hr>
@@ -46,17 +46,17 @@ const App = () => (
 );
 ```
-[Что такое темы и как с ними работать](https://consta-uikit.vercel.app/?path=/docs/thematization-what-are-themes--page)
+[Что такое темы и как с ними работать](http://uikit.gizeasy.ru/?path=/docs/thematization-what-are-themes--page)
 ## Документация и стенд
 На стенде можно менять параметры и смотреть, как меняются компоненты. Документация — во вкладке у каждого компонента.
-[Вперёд, к стенду](https://consta-uikit.vercel.app/)
+[Вперёд, к стенду](http://uikit.gizeasy.ru/)
 ## Контрибьюторам
-Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://consta-uikit.vercel.app/?path=/docs/common-develop-contributors--page).
+Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](http://uikit.gizeasy.ru/?path=/docs/common-develop-contributors--page).
 ## Лицензия

package/Radio/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Radio",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/RadioGroup/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/RadioGroup",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Responses/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Responses403/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses403",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Responses404/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses404",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Responses500/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses500",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Responses503/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses503",
-  "version": "3.18.0",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesConnectionError/package.json CHANGED Viewed

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

package/ResponsesDeleted/package.json CHANGED Viewed

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

package/ResponsesEmptyBox/package.json CHANGED Viewed

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

package/ResponsesEmptyPockets/package.json CHANGED Viewed

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

package/ResponsesExit/package.json CHANGED Viewed

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

package/ResponsesImage/package.json CHANGED Viewed

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

package/ResponsesImage403/package.json CHANGED Viewed

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

package/ResponsesImage404/package.json CHANGED Viewed

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

package/ResponsesImage500/package.json CHANGED Viewed

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

package/ResponsesImage503/package.json CHANGED Viewed

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

package/ResponsesImageConnectionError/package.json CHANGED Viewed

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

package/ResponsesImageDeleted/package.json CHANGED Viewed

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

package/ResponsesImageEmptyBox/package.json CHANGED Viewed

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

package/ResponsesImageEmptyPockets/package.json CHANGED Viewed

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

package/ResponsesImageNothingFound/package.json CHANGED Viewed

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

package/ResponsesImageSuccess/package.json CHANGED Viewed

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

package/ResponsesNothingFound/package.json CHANGED Viewed

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

package/ResponsesSuccess/package.json CHANGED Viewed

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

package/Select/package.json CHANGED Viewed

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

package/Sidebar/package.json CHANGED Viewed

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

package/Skeleton/package.json CHANGED Viewed

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

package/SliderCanary/package.json CHANGED Viewed

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

package/SnackBar/package.json CHANGED Viewed

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

package/Steps/package.json CHANGED Viewed

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

package/Switch/package.json CHANGED Viewed

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

package/SwitchGroup/package.json CHANGED Viewed

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

package/Table/package.json CHANGED Viewed

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

package/Tabs/package.json CHANGED Viewed

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

package/Tag/package.json CHANGED Viewed

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

package/TagBase/package.json CHANGED Viewed

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

package/Text/package.json CHANGED Viewed

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

package/TextField/package.json CHANGED Viewed

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

package/Theme/package.json CHANGED Viewed

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

package/ThemeToggler/package.json CHANGED Viewed

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

package/Timer/package.json CHANGED Viewed

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

package/Tooltip/package.json CHANGED Viewed

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

package/User/package.json CHANGED Viewed

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

package/UserSelect/package.json CHANGED Viewed

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

package/UserSelectDeprecated/package.json CHANGED Viewed

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

package/__internal__/cjs-src/components/Calendar/Calendar.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import './Calendar.css';
 import { CalendarComponent } from './helpers';
 export declare const cnCalendar: import("@bem-react/classname").ClassNameFormatter;
+export declare const COMPONENT_NAME: "Calendar";
 export declare const Calendar: CalendarComponent;
 export * from './CalendarCell/CalendarCell';
 export * from './CalendarDay/CalendarDay';

package/__internal__/cjs-src/components/Calendar/Calendar.js CHANGED Viewed

@@ -1,11 +1,13 @@
 "use strict";
 exports.__esModule = true;
-exports.Calendar = exports.cnCalendar = void 0;
+exports.Calendar = exports.COMPONENT_NAME = exports.cnCalendar = void 0;
 var tslib_1 = require("tslib");
 require("./Calendar.css");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
+var useForkRef_1 = require("../../hooks/useForkRef/useForkRef");
 var bem_1 = require("../../utils/bem");
 var getByMap_1 = require("../../utils/getByMap");
+var usePropsHandler_1 = require("../EventInterceptor/usePropsHandler");
 var CalendarViewOneMonth_1 = require("./CalendarViewOneMonth/CalendarViewOneMonth");
 var CalendarViewSlider_1 = require("./CalendarViewSlider/CalendarViewSlider");
 var CalendarViewTwoMonths_1 = require("./CalendarViewTwoMonths/CalendarViewTwoMonths");
@@ -16,10 +18,12 @@ var viewMap = {
     twoMonths: CalendarViewTwoMonths_1.CalendarViewTwoMonths,
     slider: CalendarViewSlider_1.CalendarViewSlider
 };
+exports.COMPONENT_NAME = 'Calendar';
 exports.Calendar = react_1["default"].forwardRef(function (props, ref) {
-    var _a = props.view, view = _a === void 0 ? helpers_1.calendarPropViewDefault : _a, className = props.className, otherProps = tslib_1.__rest(props, ["view", "className"]);
+    var calendarRef = react_1.useRef(null);
+    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, calendarRef), _b = _a.view, view = _b === void 0 ? helpers_1.calendarPropViewDefault : _b, className = _a.className, otherProps = tslib_1.__rest(_a, ["view", "className"]);
     var ViewComponent = getByMap_1.getByMap(viewMap, view);
-    return react_1["default"].createElement(ViewComponent, tslib_1.__assign({}, otherProps, { ref: ref, className: exports.cnCalendar(null, [className]) }));
+    return (react_1["default"].createElement(ViewComponent, tslib_1.__assign({}, otherProps, { ref: useForkRef_1.useForkRef([ref, calendarRef]), className: exports.cnCalendar(null, [className]) })));
 });
 tslib_1.__exportStar(require("./CalendarCell/CalendarCell"), exports);
 tslib_1.__exportStar(require("./CalendarDay/CalendarDay"), exports);

package/__internal__/cjs-src/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -33,6 +33,8 @@ declare type Props = {
     tabIndex?: number;
     inputRef?: React.Ref<HTMLInputElement>;
     children?: never;
+    for?: string;
+    inputId?: string;
 };
 export declare type CheckboxProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;
 export declare const COMPONENT_NAME: "Checkbox";

package/__internal__/cjs-src/components/Checkbox/Checkbox.js CHANGED Viewed

@@ -18,13 +18,13 @@ exports.COMPONENT_NAME = 'Checkbox';
 exports.cnCheckbox = bem_1.cn(exports.COMPONENT_NAME);
 exports.Checkbox = react_1["default"].forwardRef(function (props, ref) {
     var checkboxRef = react_1["default"].useRef(null);
-    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, checkboxRef), _b = _a.checked, checked = _b === void 0 ? false : _b, name = _a.name, _c = _a.size, size = _c === void 0 ? exports.checkboxPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? exports.checkboxPropViewDefault : _d, _e = _a.align, align = _e === void 0 ? exports.checkboxPropAlignDefault : _e, disabled = _a.disabled, _f = _a.intermediate, intermediate = _f === void 0 ? false : _f, className = _a.className, label = _a.label, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, readOnly = _a.readOnly, required = _a.required, step = _a.step, tabIndex = _a.tabIndex, inputRef = _a.inputRef, otherProps = tslib_1.__rest(_a, ["checked", "name", "size", "view", "align", "disabled", "intermediate", "className", "label", "onChange", "onFocus", "onBlur", "readOnly", "required", "step", "tabIndex", "inputRef"]);
+    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, checkboxRef), _b = _a.checked, checked = _b === void 0 ? false : _b, name = _a.name, _c = _a.size, size = _c === void 0 ? exports.checkboxPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? exports.checkboxPropViewDefault : _d, _e = _a.align, align = _e === void 0 ? exports.checkboxPropAlignDefault : _e, disabled = _a.disabled, _f = _a.intermediate, intermediate = _f === void 0 ? false : _f, className = _a.className, label = _a.label, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, readOnly = _a.readOnly, required = _a.required, step = _a.step, tabIndex = _a.tabIndex, inputId = _a.inputId, inputRef = _a.inputRef, otherProps = tslib_1.__rest(_a, ["checked", "name", "size", "view", "align", "disabled", "intermediate", "className", "label", "onChange", "onFocus", "onBlur", "readOnly", "required", "step", "tabIndex", "inputId", "inputRef"]);
     var handleChange = function (e) {
         if (onChange) {
             onChange({ e: e, checked: !checked });
         }
     };
     return (react_1["default"].createElement("label", tslib_1.__assign({}, otherProps, { className: exports.cnCheckbox({ size: size, view: view, disabled: disabled, intermediate: intermediate, align: align }, [className]), ref: useForkRef_1.useForkRef([ref, checkboxRef]) }),
-        react_1["default"].createElement("input", { type: "checkbox", name: name, className: exports.cnCheckbox('Input', [MixFocus_1.cnMixFocus()]), checked: checked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, readOnly: readOnly, required: required, step: step, tabIndex: tabIndex, ref: inputRef }),
+        react_1["default"].createElement("input", { type: "checkbox", name: name, className: exports.cnCheckbox('Input', [MixFocus_1.cnMixFocus()]), checked: checked, id: inputId, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, readOnly: readOnly, required: required, step: step, tabIndex: tabIndex, ref: inputRef }),
         label && react_1["default"].createElement("span", { className: exports.cnCheckbox('Label') }, label)));
 });

package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.css CHANGED Viewed

@@ -5,13 +5,16 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  max-width: 100%;
   background-color: var(--choice-group-bg-color);
   border-radius: var(--choice-radius);
   -webkit-box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
           box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
 }
+  .ChoiceGroup_truncate {
+    max-width: 100%;
+  }
   .ChoiceGroup_view_primary {
       --choice-bg-color: var(--color-control-bg-primary);
       --choice-text-color: var(--color-control-typo-primary);

package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.d.ts CHANGED Viewed

@@ -37,6 +37,7 @@ declare type Props<ITEM, MULTIPLE extends boolean = false> = PropsWithHTMLAttrib
     value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;
     onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;
     multiple?: MULTIPLE;
+    truncate?: boolean;
     children?: never;
 }, HTMLDivElement>;
 declare type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(props: Props<ITEM, MULTIPLE>) => React.ReactElement | null;