npm - @alfalab/core-components - Versions diffs - 46.1.0-beta.1 → 46.1.0-beta.2 - Mend

@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

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 (797) hide show

package/calendar/cssm/components/select-button/index.module.css CHANGED Viewed

@@ -45,7 +45,7 @@
     /* disabled */
     /* marker */
-} :global(.cc-calendar) .button {
+} :global(.cc-calendar) .button.button {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -55,23 +55,23 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } :global(.cc-calendar) .button:not(:disabled):hover {
+    } :global(.cc-calendar) .button.button:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } :global(.cc-calendar) .button.filled {
+        } :global(.cc-calendar) .button.button.filled {
             background-color: var(--color-light-neutral-translucent-300)
-        } :global(.cc-calendar) .button.filled:not(:disabled):hover {
+        } :global(.cc-calendar) .button.button.filled:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } :global(.cc-calendar) .button.current {
+            } :global(.cc-calendar) .button.button.current {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } :global(.cc-calendar) .button.selected,
-        :global(.cc-calendar) .button.selected:disabled {
+        } :global(.cc-calendar) .button.button.selected,
+        :global(.cc-calendar) .button.button.selected:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } :global(.cc-calendar) .button.selected:not(:disabled):hover, :global(.cc-calendar) .button.selected:disabled:not(:disabled):hover {
+        } :global(.cc-calendar) .button.button.selected:not(:disabled):hover, :global(.cc-calendar) .button.button.selected:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } :global(.cc-calendar) .button > * {
+            } :global(.cc-calendar) .button.button > * {
             flex-grow: 1;
         }

package/calendar/esm/Component.responsive.js CHANGED Viewed

@@ -74,5 +74,6 @@ var CalendarResponsive = forwardRef(function (_a, ref) {
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React.createElement(CalendarDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(CalendarMobile, __assign({}, restProps, { ref: ref })));
 });
+CalendarResponsive.displayName = 'CalendarResponsive';
 export { CalendarResponsive };

package/calendar/esm/components/month-year-header/index.css CHANGED Viewed

@@ -43,7 +43,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_f9dud {
+} .cc-calendar .calendar__button_f9dud.calendar__button_f9dud {
         border-radius: var(--border-radius-s);
     } .calendar__month_f9dud {
     flex-basis: 65%

package/calendar/esm/components/select-button/index.css CHANGED Viewed

@@ -46,7 +46,7 @@
     /* disabled */
     /* marker */
-} .cc-calendar .calendar__button_1tvz6 {
+} .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,23 +56,23 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } .cc-calendar .calendar__button_1tvz6:not(:disabled):hover {
+    } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_1tvz6.calendar__filled_1tvz6 {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__filled_1tvz6 {
             background-color: var(--color-light-neutral-translucent-300)
-        } .cc-calendar .calendar__button_1tvz6.calendar__filled_1tvz6:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__filled_1tvz6:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_1tvz6.calendar__current_1tvz6 {
+            } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__current_1tvz6 {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6,
-        .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:disabled {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6,
+        .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:not(:disabled):hover, .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:not(:disabled):hover, .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_1tvz6 > * {
+            } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6 > * {
             flex-grow: 1;
         }

package/calendar/modern/Component.responsive.js CHANGED Viewed

@@ -72,5 +72,6 @@ const CalendarResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref)
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`);
     return isDesktop ? (React.createElement(CalendarDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarMobile, { ...restProps, ref: ref }));
 });
+CalendarResponsive.displayName = 'CalendarResponsive';
 export { CalendarResponsive };

package/calendar/modern/components/month-year-header/index.css CHANGED Viewed

@@ -43,7 +43,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_f9dud {
+} .cc-calendar .calendar__button_f9dud.calendar__button_f9dud {
         border-radius: var(--border-radius-s);
     } .calendar__month_f9dud {
     flex-basis: 65%

package/calendar/modern/components/select-button/index.css CHANGED Viewed

@@ -46,7 +46,7 @@
     /* disabled */
     /* marker */
-} .cc-calendar .calendar__button_1tvz6 {
+} .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,23 +56,23 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } .cc-calendar .calendar__button_1tvz6:not(:disabled):hover {
+    } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_1tvz6.calendar__filled_1tvz6 {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__filled_1tvz6 {
             background-color: var(--color-light-neutral-translucent-300)
-        } .cc-calendar .calendar__button_1tvz6.calendar__filled_1tvz6:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__filled_1tvz6:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_1tvz6.calendar__current_1tvz6 {
+            } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__current_1tvz6 {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6,
-        .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:disabled {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6,
+        .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:not(:disabled):hover, .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:not(:disabled):hover, .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_1tvz6 > * {
+            } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6 > * {
             flex-grow: 1;
         }

package/calendar-with-skeleton/Component.js CHANGED Viewed

@@ -33,5 +33,6 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row })),
                 React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row }))))));
 });
+CalendarWithSkeleton.displayName = 'CalendarWithSkeleton';
 exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/calendar-with-skeleton/cssm/Component.js CHANGED Viewed

@@ -32,5 +32,6 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row })),
                 React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row }))))));
 });
+CalendarWithSkeleton.displayName = 'CalendarWithSkeleton';
 exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/calendar-with-skeleton/esm/Component.js CHANGED Viewed

@@ -26,5 +26,6 @@ var CalendarWithSkeleton = forwardRef(function (_a, ref) {
                 React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row })),
                 React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
 });
+CalendarWithSkeleton.displayName = 'CalendarWithSkeleton';
 export { CalendarWithSkeleton };

package/calendar-with-skeleton/modern/Component.js CHANGED Viewed

@@ -23,5 +23,6 @@ const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = tru
                 React.createElement(Skeleton, { ...skeletonProps, className: styles.row }),
                 React.createElement(Skeleton, { ...skeletonProps, className: styles.row })))));
 });
+CalendarWithSkeleton.displayName = 'CalendarWithSkeleton';
 export { CalendarWithSkeleton };

package/chart/Component.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { OptionsProps } from "./types/index";
-declare const Chart: (props: OptionsProps) => React.JSX.Element | null;
+declare const Chart: {
+    (props: OptionsProps): React.JSX.Element | null;
+    displayName: string;
+};
 export { Chart };

package/chart/Component.js CHANGED Viewed

@@ -260,5 +260,7 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
+Chart.displayName = 'Chart';
+recharts.ResponsiveContainer.displayName = 'ResponsiveContainer';
 exports.Chart = Chart;

package/chart/cssm/Component.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { OptionsProps } from "./types/index";
-declare const Chart: (props: OptionsProps) => React.JSX.Element | null;
+declare const Chart: {
+    (props: OptionsProps): React.JSX.Element | null;
+    displayName: string;
+};
 export { Chart };

package/chart/cssm/Component.js CHANGED Viewed

@@ -259,5 +259,7 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
+Chart.displayName = 'Chart';
+recharts.ResponsiveContainer.displayName = 'ResponsiveContainer';
 exports.Chart = Chart;

package/chart/esm/Component.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { OptionsProps } from "./types/index";
-declare const Chart: (props: OptionsProps) => React.JSX.Element | null;
+declare const Chart: {
+    (props: OptionsProps): React.JSX.Element | null;
+    displayName: string;
+};
 export { Chart };

package/chart/esm/Component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
+import { ResponsiveContainer, Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ComposedChart } from 'recharts';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
 import { Dot } from './components/Dot/index.js';
 import { Legends } from './components/Legends/index.js';
@@ -266,5 +266,7 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
+Chart.displayName = 'Chart';
+ResponsiveContainer.displayName = 'ResponsiveContainer';
 export { Chart };

package/chart/modern/Component.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { OptionsProps } from "./types/index";
-declare const Chart: (props: OptionsProps) => React.JSX.Element | null;
+declare const Chart: {
+    (props: OptionsProps): React.JSX.Element | null;
+    displayName: string;
+};
 export { Chart };

package/chart/modern/Component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
+import { ResponsiveContainer, Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ComposedChart } from 'recharts';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
 import { Dot } from './components/Dot/index.js';
 import { Legends } from './components/Legends/index.js';
@@ -260,5 +260,7 @@ const Chart = (props) => {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
+Chart.displayName = 'Chart';
+ResponsiveContainer.displayName = 'ResponsiveContainer';
 export { Chart };

package/checkbox/Component.js CHANGED Viewed

@@ -59,5 +59,6 @@ var Checkbox = React.forwardRef(function (_a, ref) {
 Checkbox.defaultProps = {
     indeterminate: false,
 };
+Checkbox.displayName = 'Checkbox';
 exports.Checkbox = Checkbox;

package/checkbox/cssm/Component.js CHANGED Viewed

@@ -58,5 +58,6 @@ var Checkbox = React.forwardRef(function (_a, ref) {
 Checkbox.defaultProps = {
     indeterminate: false,
 };
+Checkbox.displayName = 'Checkbox';
 exports.Checkbox = Checkbox;

package/checkbox/esm/Component.js CHANGED Viewed

@@ -51,5 +51,6 @@ var Checkbox = forwardRef(function (_a, ref) {
 Checkbox.defaultProps = {
     indeterminate: false,
 };
+Checkbox.displayName = 'Checkbox';
 export { Checkbox };

package/checkbox/modern/Component.js CHANGED Viewed

@@ -48,5 +48,6 @@ const Checkbox = forwardRef(({ checked, label, hint, size = 20, boxClassName, co
 Checkbox.defaultProps = {
     indeterminate: false,
 };
+Checkbox.displayName = 'Checkbox';
 export { Checkbox };

package/code-input/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var CodeInput = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.CodeInputDesktop : mobile_Component_mobile.CodeInputMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
+CodeInput.displayName = 'CodeInput';
 exports.CodeInput = CodeInput;

package/code-input/cssm/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var CodeInput = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.CodeInputDesktop : mobile_Component_mobile.CodeInputMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
+CodeInput.displayName = 'CodeInput';
 exports.CodeInput = CodeInput;

package/code-input/esm/Component.responsive.js CHANGED Viewed

@@ -14,5 +14,6 @@ var CodeInput = forwardRef(function (_a, ref) {
     var Component = isDesktop ? CodeInputDesktop : CodeInputMobile;
     return React.createElement(Component, __assign({ ref: ref }, restProps));
 });
+CodeInput.displayName = 'CodeInput';
 export { CodeInput };

package/code-input/modern/Component.responsive.js CHANGED Viewed

@@ -12,5 +12,6 @@ const CodeInput = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const Component = isDesktop ? CodeInputDesktop : CodeInputMobile;
     return React.createElement(Component, { ref: ref, ...restProps });
 });
+CodeInput.displayName = 'CodeInput';
 export { CodeInput };

package/collapse/Component.js CHANGED Viewed

@@ -76,5 +76,6 @@ var Collapse = React.forwardRef(function (_a, ref) {
             React__default.default.createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React__default.default.createElement(coreComponentsLink.Link, { className: cn__default.default((_c = {}, _c[styles.expandedLabel] = isExpanded, _c)), pseudo: true, onClick: handleExpandedChange, rightAddons: React__default.default.createElement(ToggledIcon, { className: styles.toggleIcon }) }, isExpanded ? expandedLabel : collapsedLabel))));
 });
+Collapse.displayName = 'Collapse';
 exports.Collapse = Collapse;

package/collapse/cssm/Component.js CHANGED Viewed

@@ -75,5 +75,6 @@ var Collapse = React.forwardRef(function (_a, ref) {
             React__default.default.createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React__default.default.createElement(coreComponentsLink.Link, { className: cn__default.default((_c = {}, _c[styles__default.default.expandedLabel] = isExpanded, _c)), pseudo: true, onClick: handleExpandedChange, rightAddons: React__default.default.createElement(ToggledIcon, { className: styles__default.default.toggleIcon }) }, isExpanded ? expandedLabel : collapsedLabel))));
 });
+Collapse.displayName = 'Collapse';
 exports.Collapse = Collapse;

package/collapse/esm/Component.js CHANGED Viewed

@@ -68,5 +68,6 @@ var Collapse = forwardRef(function (_a, ref) {
             React.createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React.createElement(Link, { className: cn((_c = {}, _c[styles.expandedLabel] = isExpanded, _c)), pseudo: true, onClick: handleExpandedChange, rightAddons: React.createElement(ToggledIcon, { className: styles.toggleIcon }) }, isExpanded ? expandedLabel : collapsedLabel))));
 });
+Collapse.displayName = 'Collapse';
 export { Collapse };

package/collapse/modern/Component.js CHANGED Viewed

@@ -66,5 +66,6 @@ const Collapse = forwardRef(({ expanded, collapsedLabel, expandedLabel, children
             React.createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React.createElement(Link, { className: cn({ [styles.expandedLabel]: isExpanded }), pseudo: true, onClick: handleExpandedChange, rightAddons: React.createElement(ToggledIcon, { className: styles.toggleIcon }) }, isExpanded ? expandedLabel : collapsedLabel))));
 });
+Collapse.displayName = 'Collapse';
 export { Collapse };

package/custom-button/Component.js CHANGED Viewed

@@ -24,5 +24,6 @@ var CustomButton = React__default.default.forwardRef(function (_a, ref) {
         _b));
     return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { view: 'primary', ref: ref, className: buttonClassName, loading: loading }), children));
 });
+CustomButton.displayName = 'CustomButton';
 exports.CustomButton = CustomButton;

package/custom-button/cssm/Component.js CHANGED Viewed

@@ -23,5 +23,6 @@ var CustomButton = React__default.default.forwardRef(function (_a, ref) {
         _b));
     return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { view: 'primary', ref: ref, className: buttonClassName, loading: loading }), children));
 });
+CustomButton.displayName = 'CustomButton';
 exports.CustomButton = CustomButton;

package/custom-button/esm/Component.js CHANGED Viewed

@@ -17,5 +17,6 @@ var CustomButton = React.forwardRef(function (_a, ref) {
         _b));
     return (React.createElement(Button, __assign({}, buttonProps, { view: 'primary', ref: ref, className: buttonClassName, loading: loading }), children));
 });
+CustomButton.displayName = 'CustomButton';
 export { CustomButton };

package/custom-button/modern/Component.js CHANGED Viewed

@@ -17,5 +17,6 @@ const CustomButton = React.forwardRef(({ children, className, loading, backgroun
     });
     return (React.createElement(Button, { ...buttonProps, view: 'primary', ref: ref, className: buttonClassName, loading: loading }, children));
 });
+CustomButton.displayName = 'CustomButton';
 export { CustomButton };

package/custom-picker-button/Component.responsive.js CHANGED Viewed

@@ -16,5 +16,6 @@ var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
+CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
 exports.CustomPickerButtonResponsive = CustomPickerButtonResponsive;

package/custom-picker-button/cssm/Component.responsive.js CHANGED Viewed

@@ -16,5 +16,6 @@ var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
+CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
 exports.CustomPickerButtonResponsive = CustomPickerButtonResponsive;

package/custom-picker-button/esm/Component.responsive.js CHANGED Viewed

@@ -16,5 +16,6 @@ var CustomPickerButtonResponsive = forwardRef(function (_a, ref) {
     var isDesktop = useMatchMedia(query)[0];
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(CustomPickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
+CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
 export { CustomPickerButtonResponsive };

package/custom-picker-button/modern/Component.responsive.js CHANGED Viewed

@@ -14,5 +14,6 @@ const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer
     const [isDesktop] = useMatchMedia(query);
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(CustomPickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));
 });
+CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
 export { CustomPickerButtonResponsive };

package/drawer/Component.js CHANGED Viewed

@@ -73,6 +73,7 @@ var Drawer = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
             React__default.default.createElement("div", { className: styles.content }, children))));
 });
+Drawer.displayName = 'Drawer';
 exports.ANIMATION_DURATION = ANIMATION_DURATION;
 exports.Drawer = Drawer;

package/drawer/cssm/Component.js CHANGED Viewed

@@ -72,6 +72,7 @@ var Drawer = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
             React__default.default.createElement("div", { className: styles__default.default.content }, children))));
 });
+Drawer.displayName = 'Drawer';
 exports.ANIMATION_DURATION = ANIMATION_DURATION;
 exports.Drawer = Drawer;

package/drawer/esm/Component.js CHANGED Viewed

@@ -66,5 +66,6 @@ var Drawer = forwardRef(function (_a, ref) {
         React.createElement(CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
             React.createElement("div", { className: styles.content }, children))));
 });
+Drawer.displayName = 'Drawer';
 export { ANIMATION_DURATION, Drawer, DrawerContext };

package/drawer/modern/Component.js CHANGED Viewed

@@ -66,5 +66,6 @@ const Drawer = forwardRef(({ open, className, children, contentTransitionProps,
         React.createElement(CSSTransition, { ...{ ...contentProps, ...contentTransitionProps }, appear: true, in: open },
             React.createElement("div", { className: styles.content }, children))));
 });
+Drawer.displayName = 'Drawer';
 export { ANIMATION_DURATION, Drawer, DrawerContext };

package/filter-tag/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var FilterTag = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+FilterTag.displayName = 'FilterTag';
 exports.FilterTag = FilterTag;

package/filter-tag/components/base-filter-tag/Component.d.ts CHANGED Viewed

@@ -43,6 +43,11 @@ type BaseFilterTagProps = {
      * Показывать крестик для очистки выбора
      */
     showClear?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Используйте props shape и view

package/filter-tag/components/base-filter-tag/Component.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var commonStyles = {"component":"filter-tag__component_1tg2x","disabled":"filter-tag__disabled_1tg2x","rounded":"filter-tag__rounded_1tg2x","size-32":"filter-tag__size-32_1tg2x","size-40":"filter-tag__size-40_1tg2x","size-48":"filter-tag__size-48_1tg2x","checked":"filter-tag__checked_1tg2x","content":"filter-tag__content_1tg2x","focused":"filter-tag__focused_1tg2x","chevron":"filter-tag__chevron_1tg2x","valueButton":"filter-tag__valueButton_1tg2x","outlined":"filter-tag__outlined_1tg2x","filled":"filter-tag__filled_1tg2x","open":"filter-tag__open_1tg2x","close":"filter-tag__close_1tg2x","clear":"filter-tag__clear_1tg2x","iconWrapper":"filter-tag__iconWrapper_1tg2x"};
+var commonStyles = {"component":"filter-tag__component_1tg2x","block":"filter-tag__block_1tg2x","disabled":"filter-tag__disabled_1tg2x","rounded":"filter-tag__rounded_1tg2x","size-32":"filter-tag__size-32_1tg2x","size-40":"filter-tag__size-40_1tg2x","size-48":"filter-tag__size-48_1tg2x","checked":"filter-tag__checked_1tg2x","content":"filter-tag__content_1tg2x","focused":"filter-tag__focused_1tg2x","chevron":"filter-tag__chevron_1tg2x","valueButton":"filter-tag__valueButton_1tg2x","outlined":"filter-tag__outlined_1tg2x","filled":"filter-tag__filled_1tg2x","open":"filter-tag__open_1tg2x","close":"filter-tag__close_1tg2x","clear":"filter-tag__clear_1tg2x","iconWrapper":"filter-tag__iconWrapper_1tg2x"};
 require('./index.css');
 var isKeyBoardEvent = function (event) {
@@ -29,7 +29,7 @@ var SIZE_TO_CLASSNAME_MAP = {
 };
 var BaseFilterTag = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, className = _a.className, dataTestId = _a.dataTestId, _j = _a.styles, styles = _j === void 0 ? {} : _j;
+    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, _j = _a.block, block = _j === void 0 ? false : _j, className = _a.className, dataTestId = _a.dataTestId, _k = _a.styles, styles = _k === void 0 ? {} : _k;
     var valueRef = React.useRef(null);
     var focused = hooks.useFocus(valueRef, 'keyboard')[0];
     var handleClear = function (event) {
@@ -53,6 +53,7 @@ var BaseFilterTag = React.forwardRef(function (_a, ref) {
             _b[styles.disabled] = disabled,
             _b[commonStyles.focused] = focused,
             _b[commonStyles.open] = open,
+            _b[commonStyles.block] = block,
             _b)), ref: ref, "data-test-id": dataTestId, onClick: disabled ? undefined : onClick },
         React__default.default.createElement("button", { type: 'button', ref: valueRef, disabled: disabled, className: cn__default.default(commonStyles.valueButton, styles.valueButton, commonStyles[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], commonStyles[shapeClassName], styles[shapeClassName], commonStyles[view], (_c = {},
                 _c[styles[view]] = Boolean(styles[view]),
@@ -61,6 +62,7 @@ var BaseFilterTag = React.forwardRef(function (_a, ref) {
                 _c[commonStyles.open] = open,
                 _c[commonStyles.close] = !showClear,
                 _c[styles.close] = !showClear,
+                _c[commonStyles.block] = block,
                 _c)) },
             React__default.default.createElement("span", { className: commonStyles.content }, children),
             React__default.default.createElement("span", { className: commonStyles.chevron }, ['size-40', 'size-32'].includes(SIZE_TO_CLASSNAME_MAP[size]) ? (React__default.default.createElement(ChevronDownCompactSIcon.ChevronDownCompactSIcon, null)) : (React__default.default.createElement(ChevronDownMIcon.ChevronDownMIcon, null)))),

package/filter-tag/components/base-filter-tag/index.css CHANGED Viewed

@@ -101,7 +101,9 @@
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_1tg2x.filter-tag__disabled_1tg2x {
+} .filter-tag__component_1tg2x.filter-tag__block_1tg2x {
+        width: 100%;
+    } .filter-tag__component_1tg2x.filter-tag__disabled_1tg2x {
         background-color: var(--tag-outlined-background-color-disabled);
     } .filter-tag__component_1tg2x.filter-tag__rounded_1tg2x.filter-tag__size-32_1tg2x {
             border-radius: var(--tag-rounded-xxs-border-radius);
@@ -153,7 +155,10 @@
     border-style: solid;
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: 0
-} .filter-tag__valueButton_1tg2x:disabled {
+} .filter-tag__valueButton_1tg2x.filter-tag__block_1tg2x {
+        width: inherit;
+        justify-content: center;
+    } .filter-tag__valueButton_1tg2x:disabled {
         cursor: var(--disabled-cursor)
     } .filter-tag__valueButton_1tg2x:disabled > .filter-tag__chevron_1tg2x {
             color: var(--color-light-graphic-tertiary);

package/filter-tag/cssm/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var FilterTag = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+FilterTag.displayName = 'FilterTag';
 exports.FilterTag = FilterTag;

package/filter-tag/cssm/components/base-filter-tag/Component.d.ts CHANGED Viewed

@@ -43,6 +43,11 @@ type BaseFilterTagProps = {
      * Показывать крестик для очистки выбора
      */
     showClear?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Используйте props shape и view