@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.10

package/select-with-tags/cssm/components/tag-list/index.js

@@ -7,8 +7,10 @@ require('@alfalab/hooks');
 require('../../../../form-control/cssm');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-require('../../component-ee1e345e.js');
+require('../tag/index.module.css');
+require('../tag/component.js');
 require('../../utils/calculate-collapse-size.js');
+require('./index.module.css');
 var components_tagList_component = require('./component.js');
 
 

package/select-with-tags/cssm/index.js

@@ -8,8 +8,10 @@ require('@alfalab/hooks');
 require('../../form-control/cssm');
 require('../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-require('./component-ee1e345e.js');
+require('./components/tag/index.module.css');
+require('./components/tag/component.js');
 require('./utils/calculate-collapse-size.js');
+require('./components/tag-list/index.module.css');
 require('./components/tag-list/component.js');
 require('./utils/match.js');
 var component = require('./component.js');

package/skeleton/cssm/Component.js

@@ -2,19 +2,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Skeleton = function (_a) {
     var _b;
     var visible = _a.visible, _c = _a.animate, animate = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId, children = _a.children;
     if (visible) {
-        return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, (_b = {}, _b[styles.animate] = animate, _b), className), "data-test-id": dataTestId }, children));
+        return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, (_b = {}, _b[styles__default['default'].animate] = animate, _b), className), "data-test-id": dataTestId }, children));
     }
     return React__default['default'].createElement("div", { "data-test-id": dataTestId }, children);
 };

package/skeleton/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/slider/cssm/Component.js

@@ -4,12 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,8 +52,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var Slider = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 100 : _d, _e = _a.step, step = _e === void 0 ? 1 : _e, _f = _a.value, value = _f === void 0 ? 0 : _f, steps = _a.steps, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = __rest(_a, ["min", "max", "step", "value", "steps", "className", "onChange", "dataTestId"]);
@@ -61,7 +61,7 @@ var Slider = React.forwardRef(function (_a, ref) {
     var dividedWithoutRemainder = range % step === 0;
     var validValue = Math.max(min, Math.min(value, max));
     var rangeProps = {
-        className: cn__default['default'](styles.range, (_b = {}, _b[styles.focused] = focused, _b)),
+        className: cn__default['default'](styles__default['default'].range, (_b = {}, _b[styles__default['default'].focused] = focused, _b)),
         type: 'range',
         min: min,
         max: max,
@@ -69,7 +69,7 @@ var Slider = React.forwardRef(function (_a, ref) {
         step: dividedWithoutRemainder ? step : undefined,
     };
     var progressProps = {
-        className: styles.progress,
+        className: styles__default['default'].progress,
         max: range,
         value: validValue - min,
     };
@@ -78,8 +78,8 @@ var Slider = React.forwardRef(function (_a, ref) {
             onChange(event, { value: +event.target.value });
         }
     }, [onChange]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: styles.rangeWrapper },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        React__default['default'].createElement("div", { className: styles__default['default'].rangeWrapper },
             React__default['default'].createElement("input", __assign({}, rangeProps, restProps, { ref: mergeRefs__default['default']([ref, inputRef]), onChange: handleInputChange })),
             steps),
         React__default['default'].createElement("progress", __assign({}, progressProps))));

package/slider/cssm/index.js

@@ -5,6 +5,7 @@ require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./index.module.css');
 
 
 

package/slider-input/cssm/Component.js

@@ -4,11 +4,13 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsSlider = require('../../slider/cssm');
 var coreComponentsInput = require('../../input/cssm');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -49,8 +51,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var SliderInput = React.forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _c = _a.value, value = _c === void 0 ? '' : _c, _d = _a.min, min = _d === void 0 ? 0 : _d, _e = _a.max, max = _e === void 0 ? 100 : _e, _f = _a.step, step = _f === void 0 ? 1 : _f, block = _a.block, _g = _a.sliderValue, sliderValue = _g === void 0 ? +value : _g, _h = _a.steps, steps = _h === void 0 ? [] : _h, _j = _a.size, size = _j === void 0 ? 's' : _j, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _k = _a.Input, Input = _k === void 0 ? coreComponentsInput.Input : _k, _l = _a.customInputProps, customInputProps = _l === void 0 ? {} : _l, dataTestId = _a.dataTestId, error = _a.error, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "sliderValue", "steps", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "dataTestId", "error"]);
@@ -70,16 +70,16 @@ var SliderInput = React.forwardRef(function (_a, ref) {
         if (onInputChange)
             onInputChange(event, { value: getValidInputValue(payload.value) });
     }, [getValidInputValue, onChange, onInputChange]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, (_b = {},
-            _b[styles.block] = block,
-            _b[styles.filled] = Boolean(value),
-            _b[styles.hasLabel] = label,
-            _b[styles.hasError] = Boolean(error),
-            _b), styles[size], className), "data-test-id": dataTestId },
-        React__default['default'].createElement(Input, __assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default['default'](inputClassName, styles.input), focusedClassName: cn__default['default'](focusedClassName, styles.focused), fieldClassName: cn__default['default'](fieldClassName, styles.field), inputMode: 'numeric', pattern: '[0-9]*', error: error, bottomAddons: !disabled && (React__default['default'].createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onChange: handleSliderChange, ref: ref, value: Number.isNaN(sliderValue) ? 0 : sliderValue, disabled: disabled || readOnly, className: cn__default['default'](styles.slider, sliderClassName) })), rightAddons: (info || rightAddons) && (React__default['default'].createElement(React.Fragment, null,
-                info && React__default['default'].createElement("span", { className: styles.info }, info),
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, (_b = {},
+            _b[styles__default['default'].block] = block,
+            _b[styles__default['default'].filled] = Boolean(value),
+            _b[styles__default['default'].hasLabel] = label,
+            _b[styles__default['default'].hasError] = Boolean(error),
+            _b), styles__default['default'][size], className), "data-test-id": dataTestId },
+        React__default['default'].createElement(Input, __assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default['default'](inputClassName, styles__default['default'].input), focusedClassName: cn__default['default'](focusedClassName, styles__default['default'].focused), fieldClassName: cn__default['default'](fieldClassName, styles__default['default'].field), inputMode: 'numeric', pattern: '[0-9]*', error: error, bottomAddons: !disabled && (React__default['default'].createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onChange: handleSliderChange, ref: ref, value: Number.isNaN(sliderValue) ? 0 : sliderValue, disabled: disabled || readOnly, className: cn__default['default'](styles__default['default'].slider, sliderClassName) })), rightAddons: (info || rightAddons) && (React__default['default'].createElement(React.Fragment, null,
+                info && React__default['default'].createElement("span", { className: styles__default['default'].info }, info),
                 rightAddons)) })),
-        steps.length > 0 && !error && (React__default['default'].createElement("div", { className: cn__default['default'](styles.steps, stepsClassName) }, steps.map(function (stepLabel, i) {
+        steps.length > 0 && !error && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].steps, stepsClassName) }, steps.map(function (stepLabel, i) {
             return React.isValidElement(stepLabel) ? (React.cloneElement(stepLabel, { key: i })) : (
             // eslint-disable-next-line react/no-array-index-key
             React__default['default'].createElement("span", { key: i }, stepLabel));

package/slider-input/cssm/index.js

@@ -5,6 +5,7 @@ require('react');
 require('classnames');
 require('../../slider/cssm');
 require('../../input/cssm');
+require('./index.module.css');
 
 
 

package/space/cssm/Component.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Item = require('./Item-09e1c4dc.js');
 var React = require('react');
 var classNames = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var SpaceSizes = {
     s: 12,
@@ -34,14 +34,14 @@ var Space = React.forwardRef(function (props, ref) {
     if (childNodes.length === 0) {
         return null;
     }
-    var directionClassName = styles[direction];
-    var alignClassName = styles[align];
-    var containerClassName = classNames__default['default'](styles.spaceContainer, directionClassName, (_a = {},
+    var directionClassName = styles__default['default'][direction];
+    var alignClassName = styles__default['default'][align];
+    var containerClassName = classNames__default['default'](styles__default['default'].spaceContainer, directionClassName, (_a = {},
         _a[alignClassName] = align,
-        _a[styles.spaceContainerFullWidth] = fullWidth,
+        _a[styles__default['default'].spaceContainerFullWidth] = fullWidth,
         _a), className);
-    var itemClassName = classNames__default['default'](styles.spaceItem, (_b = {},
-        _b[styles.spaceItemFullWidth] = fullWidth,
+    var itemClassName = classNames__default['default'](styles__default['default'].spaceItem, (_b = {},
+        _b[styles__default['default'].spaceItemFullWidth] = fullWidth,
         _b));
     var nodes = childNodes.map(function (child, i) { return (
     /* eslint-disable react/no-array-index-key */

package/space/cssm/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('./Item-09e1c4dc.js');
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/spinner/cssm/Component.js

@@ -2,19 +2,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Spinner = function (_a) {
     var _b;
     var _c = _a.size, size = _c === void 0 ? 's' : _c, visible = _a.visible, id = _a.id, className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](className, styles.spinner, styles[size], (_b = {},
-            _b[styles.visible] = visible,
+    return (React__default['default'].createElement("span", { className: cn__default['default'](className, styles__default['default'].spinner, styles__default['default'][size], (_b = {},
+            _b[styles__default['default'].visible] = visible,
             _b)), id: id, "data-test-id": dataTestId }));
 };
 

package/spinner/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/status/cssm/Component.js

@@ -2,18 +2,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
     var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, styles[color], styles[view], className), "data-test-id": dataTestId }, children));
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][color], styles__default['default'][view], className), "data-test-id": dataTestId }, children));
 };
 
 exports.Status = Status;

package/status/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/stepped-progress-bar/cssm/Component.js

@@ -3,20 +3,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTypography = require('../../typography/cssm');
-var components_stepBar_Component = require('./Component-b08aa12d.js');
+require('./components/step-bar/index.module.css');
+var components_stepBar_Component = require('./components/step-bar/Component.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var SteppedProgressBar = function (_a) {
     var maxStep = _a.maxStep, description = _a.description, _b = _a.step, step = _b === void 0 ? 0 : _b, view = _a.view, dataTestId = _a.dataTestId, className = _a.className;
     var validMaxSteps = maxStep <= 0 ? 1 : maxStep;
     var isViewString = typeof view === 'string';
-    return (React__default['default'].createElement("div", { className: cn__default['default'](components_stepBar_Component.styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: components_stepBar_Component.styles.stepsContainer }, Array.from(Array(validMaxSteps), function (_, index) { return (React__default['default'].createElement(components_stepBar_Component.StepBar, { key: index, isDone: index < step, view: (isViewString ? view : view === null || view === void 0 ? void 0 : view[index]) })); })),
-        description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { tag: 'div', className: components_stepBar_Component.styles.description, view: 'primary-small' },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        React__default['default'].createElement("div", { className: styles__default['default'].stepsContainer }, Array.from(Array(validMaxSteps), function (_, index) { return (React__default['default'].createElement(components_stepBar_Component.StepBar, { key: index, isDone: index < step, view: (isViewString ? view : view === null || view === void 0 ? void 0 : view[index]) })); })),
+        description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { tag: 'div', className: styles__default['default'].description, view: 'primary-small' },
             "\u0428\u0430\u0433 ",
             step,
             " \u0438\u0437 ",

package/stepped-progress-bar/cssm/components/step-bar/Component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { SteppedProgressBarView } from "../../Component";
+type StepBarProps = {
+    isDone: boolean;
+    view?: SteppedProgressBarView;
+};
+declare const StepBar: FC<StepBarProps>;
+export { StepBar };

package/stepped-progress-bar/cssm/components/step-bar/Component.js

@@ -1,9 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('classnames');
-var components_stepBar_Component = require('../../Component-b08aa12d.js');
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
-exports.StepBar = components_stepBar_Component.StepBar;
+var StepBar = React.memo(function (_a) {
+    var isDone = _a.isDone, _b = _a.view, view = _b === void 0 ? 'positive' : _b;
+    return (React__default['default'].createElement("span", { "data-test-id": isDone ? 'on' : 'off', className: cn__default['default'](styles__default['default'].bar, isDone && styles__default['default'][view]) }));
+});
+
+exports.StepBar = StepBar;

package/stepped-progress-bar/cssm/components/step-bar/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-b08aa12d";
+export * from "./Component";

package/stepped-progress-bar/cssm/components/step-bar/index.js

@@ -2,7 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-var components_stepBar_Component = require('../../Component-b08aa12d.js');
+require('./index.module.css');
+var components_stepBar_Component = require('./Component.js');
 
 
 

package/stepped-progress-bar/cssm/index.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../typography/cssm');
-require('./Component-b08aa12d.js');
+require('./components/step-bar/index.module.css');
+require('./components/step-bar/Component.js');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/switch/cssm/Component.js

@@ -4,12 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,8 +52,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var Switch = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = __rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "label", "hint", "name", "value", "className", "onChange", "dataTestId"]);
@@ -64,20 +64,20 @@ var Switch = React.forwardRef(function (_a, ref) {
     }, [onChange, name]);
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    React__default['default'].createElement("label", { className: cn__default['default'](styles.component, styles[align], className, (_b = {},
-            _b[styles.disabled] = disabled,
-            _b[styles.inactive] = inactive,
-            _b[styles.checked] = checked,
-            _b[styles.reversed] = reversed,
-            _b[styles.focused] = focused,
-            _b[styles.block] = block,
+    React__default['default'].createElement("label", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][align], className, (_b = {},
+            _b[styles__default['default'].disabled] = disabled,
+            _b[styles__default['default'].inactive] = inactive,
+            _b[styles__default['default'].checked] = checked,
+            _b[styles__default['default'].reversed] = reversed,
+            _b[styles__default['default'].focused] = focused,
+            _b[styles__default['default'].block] = block,
             _b)), ref: mergeRefs__default['default']([labelRef, ref]) },
         React__default['default'].createElement("input", __assign({ type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId }, restProps)),
-        React__default['default'].createElement("span", { className: styles.switch }),
-        (label || hint) && (React__default['default'].createElement("span", { className: styles.content },
-            label && React__default['default'].createElement("span", { className: styles.label }, label),
-            hint && React__default['default'].createElement("span", { className: styles.hint }, hint))),
-        addons && React__default['default'].createElement("span", { className: styles.addons }, addons)));
+        React__default['default'].createElement("span", { className: styles__default['default'].switch }),
+        (label || hint) && (React__default['default'].createElement("span", { className: styles__default['default'].content },
+            label && React__default['default'].createElement("span", { className: styles__default['default'].label }, label),
+            hint && React__default['default'].createElement("span", { className: styles__default['default'].hint }, hint))),
+        addons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, addons)));
 });
 
 exports.Switch = Switch;

package/switch/cssm/index.js

@@ -5,6 +5,7 @@ require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./index.module.css');
 
 
 

package/table/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-00a18da9.js');
+require('./tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./components/thead/Component.js');

package/table/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-00a18da9.js');
+require('../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./thead/Component.js');

package/table/components/pagination/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');

package/table/components/pagination/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/table/components/pagination/select-field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../../button');

package/table/components/table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 require('../thead/Component.js');

package/table/components/table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 require('../thead/Component.js');

package/table/components/table/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 require('classnames');
 var components_thead_Component = require('../thead/Component.js');

package/table/components/tbody/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 

package/table/components/tbody/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 var components_tbody_Component = require('./Component.js');

package/table/components/tcell/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');

package/table/components/tcell/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/table/components/texpandable-row/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 var components_trow_Component = require('../trow/Component.js');

package/table/components/texpandable-row/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 require('../trow/Component.js');

package/table/components/thead/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');
 

package/table/components/thead/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-00a18da9.js');
+require('../../tslib.es6-64173f0b.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./Component.js');

package/table/components/thead-cell/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-00a18da9.js');
+var tslib_es6 = require('../../tslib.es6-64173f0b.js');
 var React = require('react');
 var cn = require('classnames');