@alfalab/core-components 44.7.3 → 44.7.5

package/pure-cell/esm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/content/index.js

@@ -1,4 +1,4 @@
-export { c as Content } from '../../component-ad434ecc.js';
+export { c as Content } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { F as Footer } from '../../component-ad434ecc.js';
+export { F as Footer } from '../../component-3a569191.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/footer/index.js

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-ad434ecc.js';
+export { F as Footer } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer-button/component.js

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import '../../../../button/esm';
 import '../../../../shared/esm';
-export { d as FooterButton } from '../../component-ad434ecc.js';
+export { d as FooterButton } from '../../component-3a569191.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/footer-button/index.js

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-ad434ecc.js';
+export { d as FooterButton } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer-text/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { e as FooterText } from '../../component-ad434ecc.js';
+export { e as FooterText } from '../../component-3a569191.js';
 import 'tslib';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/esm/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/footer-text/index.js

@@ -1,4 +1,4 @@
-export { e as FooterText } from '../../component-ad434ecc.js';
+export { e as FooterText } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/graphics/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { G as Graphics } from '../../component-ad434ecc.js';
+export { G as Graphics } from '../../component-3a569191.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/graphics/index.js

@@ -1,4 +1,4 @@
-export { G as Graphics } from '../../component-ad434ecc.js';
+export { G as Graphics } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { M as Main } from '../../component-ad434ecc.js';
+export { M as Main } from '../../component-3a569191.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-ad434ecc.js';
+export { M as Main } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { T as Text } from '../../component-ad434ecc.js';
+export { T as Text } from '../../component-3a569191.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ad434ecc";
+export * from "../../component-3a569191";

package/pure-cell/esm/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-ad434ecc.js';
+export { T as Text } from '../../component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-ad434ecc.js';
+export { P as PureCell } from './component-3a569191.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component-24b54ef1.js');
+var components_addon_component = require('./component-52e9e2ba.js');
 
 
 

package/pure-cell/modern/component-fd7196d2.d.ts

@@ -66,22 +66,22 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
     }>;
     Text: React.FC<{
         children?: React.ReactNode;
-        rowLimit?: 2 | 1 | undefined;
+        rowLimit?: 1 | 2 | undefined;
         view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "component-primary" | undefined;
         titleWeight?: "bold" | "regular" | undefined;
-        titleColor: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
+        titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
         value?: React.ReactNode;
-        valueColor?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+        valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
         dataTestId?: string | undefined;
     }>;
     Amount: React.FC<{
         weight?: "bold" | "normal" | undefined;
         textView?: "component" | "primary-small" | undefined;
-        color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+        color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
         dataTestId?: string | undefined;
     } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     AmountTitle: React.FC<{
-        color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+        color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
         titleProps?: import("../../typography").TitleProps | undefined;
         dataTestId?: string | undefined;
     } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;

package/pure-cell/modern/component.js

@@ -3,7 +3,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../comment/modern';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-1c8b86d9.js';
+export { P as PureCell, f as PureCellContext } from './component-0c8c9493.js';
 import '../../shared/modern';
 import '../../amount/modern';
 import '../../typography/modern';

package/pure-cell/modern/components/addon/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { A as Addon } from '../../component-1c8b86d9.js';
+export { A as Addon } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/addon/index.js

@@ -1,4 +1,4 @@
-export { A as Addon } from '../../component-1c8b86d9.js';
+export { A as Addon } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/amount/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../amount/modern';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { a as Amount } from '../../component-1c8b86d9.js';
+export { a as Amount } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/amount/index.js

@@ -1,4 +1,4 @@
-export { a as Amount } from '../../component-1c8b86d9.js';
+export { a as Amount } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/amount-title/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../amount/modern';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { b as AmountTitle } from '../../component-1c8b86d9.js';
+export { b as AmountTitle } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/amount-title/index.js

@@ -1,4 +1,4 @@
-export { b as AmountTitle } from '../../component-1c8b86d9.js';
+export { b as AmountTitle } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/category/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { C as Category } from '../../component-1c8b86d9.js';
+export { C as Category } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/category/index.js

@@ -1,4 +1,4 @@
-export { C as Category } from '../../component-1c8b86d9.js';
+export { C as Category } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { c as Content } from '../../component-1c8b86d9.js';
+export { c as Content } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/content/index.js

@@ -1,4 +1,4 @@
-export { c as Content } from '../../component-1c8b86d9.js';
+export { c as Content } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { F as Footer } from '../../component-1c8b86d9.js';
+export { F as Footer } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/footer/index.js

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-1c8b86d9.js';
+export { F as Footer } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer-button/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../button/modern';
 import '../../../../shared/modern';
-export { d as FooterButton } from '../../component-1c8b86d9.js';
+export { d as FooterButton } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/footer-button/index.js

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-1c8b86d9.js';
+export { d as FooterButton } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer-text/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { e as FooterText } from '../../component-1c8b86d9.js';
+export { e as FooterText } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/footer-text/index.js

@@ -1,4 +1,4 @@
-export { e as FooterText } from '../../component-1c8b86d9.js';
+export { e as FooterText } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/graphics/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { G as Graphics } from '../../component-1c8b86d9.js';
+export { G as Graphics } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/graphics/index.js

@@ -1,4 +1,4 @@
-export { G as Graphics } from '../../component-1c8b86d9.js';
+export { G as Graphics } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { M as Main } from '../../component-1c8b86d9.js';
+export { M as Main } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-1c8b86d9.js';
+export { M as Main } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { T as Text } from '../../component-1c8b86d9.js';
+export { T as Text } from '../../component-0c8c9493.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-1c8b86d9";
+export * from "../../component-0c8c9493";

package/pure-cell/modern/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-1c8b86d9.js';
+export { T as Text } from '../../component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-1c8b86d9.js';
+export { P as PureCell } from './component-0c8c9493.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/segmented-control/Component.d.ts

@@ -42,5 +42,11 @@ type SegmentedControlProps = {
      */
     style?: React.CSSProperties;
 };
+declare const SIZE_TO_CLASSNAME_MAP: {
+    xxs: string;
+    xs: string;
+    32: string;
+    40: string;
+};
 declare const SegmentedControl: FC<SegmentedControlProps>;
-export { SegmentedControlProps, SegmentedControl };
+export { SegmentedControlProps, SIZE_TO_CLASSNAME_MAP, SegmentedControl };

package/segmented-control/Component.js

@@ -13,7 +13,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var defaultColors = {"wrapper":"segmented-control__wrapper_17qg3","segment":"segmented-control__segment_17qg3","selected":"segmented-control__selected_17qg3","selectedBox":"segmented-control__selectedBox_17qg3"};
 require('./default.css');
 
-var styles = {"wrapper":"segmented-control__wrapper_5iyul","container":"segmented-control__container_5iyul","inner":"segmented-control__inner_5iyul","segment":"segmented-control__segment_5iyul","selected":"segmented-control__selected_5iyul","xs":"segmented-control__xs_5iyul","rounded":"segmented-control__rounded_5iyul","rectangular":"segmented-control__rectangular_5iyul","selectedBox":"segmented-control__selectedBox_5iyul","xxs":"segmented-control__xxs_5iyul"};
+var styles = {"wrapper":"segmented-control__wrapper_5iyul","container":"segmented-control__container_5iyul","inner":"segmented-control__inner_5iyul","segment":"segmented-control__segment_5iyul","selected":"segmented-control__selected_5iyul","size-40":"segmented-control__size-40_5iyul","rounded":"segmented-control__rounded_5iyul","rectangular":"segmented-control__rectangular_5iyul","selectedBox":"segmented-control__selectedBox_5iyul","size-32":"segmented-control__size-32_5iyul"};
 require('./index.css');
 
 var invertedColors = {"wrapper":"segmented-control__wrapper_1sc9j","segment":"segmented-control__segment_1sc9j","selected":"segmented-control__selected_1sc9j","selectedBox":"segmented-control__selectedBox_1sc9j"};
@@ -24,6 +24,12 @@ var colorStyles = {
     inverted: invertedColors,
 };
 var MAX_SEGMENTS = 5;
+var SIZE_TO_CLASSNAME_MAP = {
+    xxs: 'size-32',
+    xs: 'size-40',
+    32: 'size-32',
+    40: 'size-40',
+};
 var SegmentedControl = function (_a) {
     var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, style = _a.style;
     var wrapperRef = React.useRef(null);
@@ -61,7 +67,7 @@ var SegmentedControl = function (_a) {
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     React__default.default.createElement(context.SegmentedControlContext.Provider, { value: { onChange: onChange, colors: colors } },
         React__default.default.createElement("div", { ref: wrapperRef, className: className, style: style, "data-test-id": dataTestId },
-            React__default.default.createElement("div", { className: cn__default.default(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size]) },
+            React__default.default.createElement("div", { className: cn__default.default(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[SIZE_TO_CLASSNAME_MAP[size]]) },
                 React__default.default.createElement("div", { className: cn__default.default(styles.container) },
                     React__default.default.createElement("div", { className: cn__default.default(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
                     React__default.default.createElement("div", { className: cn__default.default(styles.inner), ref: innerRef }, React__default.default.Children.map(children, function (item) {
@@ -76,4 +82,5 @@ var SegmentedControl = function (_a) {
         content && React__default.default.createElement("div", { className: cn__default.default(contentClassName) }, content)));
 };
 
+exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;
 exports.SegmentedControl = SegmentedControl;

package/segmented-control/cssm/Component.d.ts

@@ -42,5 +42,11 @@ type SegmentedControlProps = {
      */
     style?: React.CSSProperties;
 };
+declare const SIZE_TO_CLASSNAME_MAP: {
+    xxs: string;
+    xs: string;
+    32: string;
+    40: string;
+};
 declare const SegmentedControl: FC<SegmentedControlProps>;
-export { SegmentedControlProps, SegmentedControl };
+export { SegmentedControlProps, SIZE_TO_CLASSNAME_MAP, SegmentedControl };

package/segmented-control/cssm/Component.js

@@ -21,6 +21,12 @@ var colorStyles = {
     inverted: invertedColors__default.default,
 };
 var MAX_SEGMENTS = 5;
+var SIZE_TO_CLASSNAME_MAP = {
+    xxs: 'size-32',
+    xs: 'size-40',
+    32: 'size-32',
+    40: 'size-40',
+};
 var SegmentedControl = function (_a) {
     var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, style = _a.style;
     var wrapperRef = React.useRef(null);
@@ -58,7 +64,7 @@ var SegmentedControl = function (_a) {
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     React__default.default.createElement(context.SegmentedControlContext.Provider, { value: { onChange: onChange, colors: colors } },
         React__default.default.createElement("div", { ref: wrapperRef, className: className, style: style, "data-test-id": dataTestId },
-            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapper, colorStyles[colors].wrapper, styles__default.default[shape], styles__default.default[size]) },
+            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapper, colorStyles[colors].wrapper, styles__default.default[shape], styles__default.default[SIZE_TO_CLASSNAME_MAP[size]]) },
                 React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container) },
                     React__default.default.createElement("div", { className: cn__default.default(styles__default.default.selectedBox, colorStyles[colors].selectedBox, styles__default.default[shape]), ref: selectedBoxRef }),
                     React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner), ref: innerRef }, React__default.default.Children.map(children, function (item) {
@@ -73,4 +79,5 @@ var SegmentedControl = function (_a) {
         content && React__default.default.createElement("div", { className: cn__default.default(contentClassName) }, content)));
 };
 
+exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;
 exports.SegmentedControl = SegmentedControl;

package/segmented-control/cssm/index.js

@@ -5,5 +5,6 @@ var components_segment_Component = require('./components/segment/Component.js');
 
 
 
+exports.SIZE_TO_CLASSNAME_MAP = Component.SIZE_TO_CLASSNAME_MAP;
 exports.SegmentedControl = Component.SegmentedControl;
 exports.Segment = components_segment_Component.Segment;

package/segmented-control/cssm/index.module.css

@@ -43,16 +43,16 @@
 } .selected:before,
     .selected + .segment:before {
         opacity: 0;
-    } .xs {
+    } .size-40 {
     height: var(--size-xs-height)
-} .xs .rounded,
-    .xs:has(.rounded) {
+} .size-40 .rounded,
+    .size-40:has(.rounded) {
         border-radius: var(--border-radius-xxl);
-    } .xs:has(.rectangular) {
+    } .size-40:has(.rectangular) {
         border-radius: var(--border-radius-l)
-    } .xs:has(.rectangular) .selectedBox {
+    } .size-40:has(.rectangular) .selectedBox {
             border-radius: 10px;
-        } .xxs {
+        } .size-32 {
     height: var(--size-xxs-height);
 } .rounded {
     border-radius: var(--border-radius-xl);

package/segmented-control/esm/Component.d.ts

@@ -42,5 +42,11 @@ type SegmentedControlProps = {
      */
     style?: React.CSSProperties;
 };
+declare const SIZE_TO_CLASSNAME_MAP: {
+    xxs: string;
+    xs: string;
+    32: string;
+    40: string;
+};
 declare const SegmentedControl: FC<SegmentedControlProps>;
-export { SegmentedControlProps, SegmentedControl };
+export { SegmentedControlProps, SIZE_TO_CLASSNAME_MAP, SegmentedControl };