@ozen-ui/kit 0.11.0 → 0.13.0

package/__inner__/cjs/components/FieldControl/FieldControl.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldControl = exports.cnFieldControl = exports.FIELD_CONTROL_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 require("./FieldControl.css");
@@ -13,7 +13,7 @@ exports.cnFieldControl = (0, classname_1.cn)('FieldControl');
 exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'FieldControl'
+        name: 'FieldControl',
     });
     var _a = props.as, Tag = _a === void 0 ? exports.FIELD_CONTROL_DEFAULT_TAG : _a, sizeProp = props.size, disabledProp = props.disabled, requiredProp = props.required, errorProp = props.error, fullWidthProp = props.fullWidth, filledProp = props.filled, focusedProp = props.focused, children = props.children, className = props.className, otherProp = tslib_1.__rest(props, ["as", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className"]);
     var focused = focusedProp;
@@ -30,7 +30,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
         disabled: disabled,
         required: required,
         error: error,
-        fullWidth: fullWidth
+        fullWidth: fullWidth,
     };
     var _b = tslib_1.__read((0, react_1.useState)(initialState), 2), state = _b[0], setState = _b[1];
     var label = state.label, value = state.value;
@@ -55,7 +55,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
     if (fullWidth === undefined && state.fullWidth) {
         fullWidth = state.fullWidth;
     }
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldControl)({
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldControl)({
             error: error,
             fullWidth: fullWidth,
             disabled: disabled,
@@ -63,9 +63,9 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
             size: size,
             filled: filled,
             focused: focused,
-            hasLabel: !!label
+            hasLabel: !!label,
         }, [className]) }, otherProp, { ref: ref }),
-        react_1["default"].createElement(index_1.FieldControlContext.Provider, { value: [
+        react_1.default.createElement(index_1.FieldControlContext.Provider, { value: [
                 {
                     error: error,
                     fullWidth: fullWidth,
@@ -74,7 +74,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
                     size: size,
                     filled: filled,
                     focused: focused,
-                    value: value
+                    value: value,
                 },
                 setState,
             ] }, children)));

package/__inner__/cjs/components/FieldControl/FieldControlContext.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldControlContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-exports.FieldControlContext = react_1["default"].createContext([{}, function () { return undefined; }]);
+exports.FieldControlContext = react_1.default.createContext([{}, function () { return undefined; }]);

package/__inner__/cjs/components/FieldControl/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FieldControl"), exports);
 tslib_1.__exportStar(require("./FieldControlContext"), exports);

package/__inner__/cjs/components/FieldHint/FieldHint.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldHint = exports.cnFieldHint = exports.FIELD_HINT_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 require("./FieldHint.css");
@@ -31,6 +31,6 @@ exports.FieldHint = (0, react_1.forwardRef)(function (_a, ref) {
             disabled = fieldControl.disabled;
         }
     }
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldHint)({ error: error, disabled: disabled, size: size }, [className]) }, other, { ref: ref }), children));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldHint)({ error: error, disabled: disabled, size: size }, [className]) }, other, { ref: ref }), children));
 });
 exports.FieldHint.displayName = 'FieldHint';

package/__inner__/cjs/components/FieldHint/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FieldHint"), exports);

package/__inner__/cjs/components/FieldIcon/FieldIcon.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldIcon = exports.cnFieldIcon = exports.FIELD_ICON_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 require("./FieldIcon.css");
@@ -15,7 +15,7 @@ var resolveChildren = function (Content, size) {
         return Content;
     }
     if ((0, react_is_1.isValidElementType)(Content)) {
-        return react_1["default"].createElement(Content, { size: size && (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size) });
+        return react_1.default.createElement(Content, { size: size && (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size) });
     }
     return null;
 };
@@ -33,6 +33,6 @@ exports.FieldIcon = (0, react_1.forwardRef)(function (_a, ref) {
             size = fieldControl.size;
         }
     }
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldIcon)({ size: size }, [className]) }, other, { ref: ref }), resolveChildren(icon, size)));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldIcon)({ size: size }, [className]) }, other, { ref: ref }), resolveChildren(icon, size)));
 });
 exports.FieldIcon.displayName = 'FieldIcon';

package/__inner__/cjs/components/FieldIcon/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FieldIcon"), exports);

package/__inner__/cjs/components/FieldInput/FieldInput.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldInput = exports.cnFieldInput = exports.FIELD_INPUT_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -19,7 +19,7 @@ exports.FieldInput = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         value: valueProp,
         name: 'FieldInput',
         state: 'value',
-        defaultValue: defaultValue
+        defaultValue: defaultValue,
     }), 2), valueState = _e[0], setValueState = _e[1];
     var filled = !!valueState || valueState === 0;
     var required = requiredProp;
@@ -50,6 +50,6 @@ exports.FieldInput = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         setFocused(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldInput)({}, [className]), required: required, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, defaultValue: defaultValue, value: valueProp }, other, { ref: ref }), children));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldInput)({}, [className]), required: required, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, defaultValue: defaultValue, value: valueProp }, other, { ref: ref }), children));
 });
 exports.FieldInput.displayName = 'FieldInput';

package/__inner__/cjs/components/FieldInput/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FieldInput"), exports);

package/__inner__/cjs/components/FieldLabel/FieldLabel.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldLabel = exports.cnFieldLabel = exports.FIELD_LABEL_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 require("./FieldLabel.css");
@@ -42,9 +42,9 @@ exports.FieldLabel = (0, react_1.forwardRef)(function (_a, ref) {
             filled = fieldControl.filled;
         }
     }
-    return (react_1["default"].createElement(Tag, { className: (0, exports.cnFieldLabel)({ filled: filled, shrink: shrink, focused: focused, disabled: disabled, size: size, required: required }, [className]), ref: ref },
+    return (react_1.default.createElement(Tag, { className: (0, exports.cnFieldLabel)({ filled: filled, shrink: shrink, focused: focused, disabled: disabled, size: size, required: required }, [className]), ref: ref },
         children,
         " ",
-        required && react_1["default"].createElement("sup", null, "*")));
+        required && react_1.default.createElement("sup", null, "*")));
 });
 exports.FieldLabel.displayName = 'FieldLabel';

package/__inner__/cjs/components/FieldLabel/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FieldLabel"), exports);

package/__inner__/cjs/components/Fieldset/Fieldset.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fieldset = exports.cnFieldset = exports.FIELDSET_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 require("./Fieldset.css");
@@ -10,6 +10,6 @@ exports.cnFieldset = (0, classname_1.cn)('Fieldset');
 exports.Fieldset = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, other = tslib_1.__rest(_a, ["className"]);
     var Tag = exports.FIELDSET_DEFAULT_TAG;
-    return react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldset)({}, [className]) }, other, { ref: ref }));
+    return react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldset)({}, [className]) }, other, { ref: ref }));
 });
 exports.Fieldset.displayName = 'Fieldset';

package/__inner__/cjs/components/Fieldset/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Fieldset"), exports);

package/__inner__/cjs/components/File/File.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.File = exports.fileColorVariant = exports.cnFile = void 0;
 var tslib_1 = require("tslib");
 require("./File.css");
@@ -17,13 +17,13 @@ exports.File = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(fu
     var _a = props.as, Tag = _a === void 0 ? constants_1.FILE_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? constants_1.FILE_DEFAULT_COLOR : _b, error = props.error, loading = props.loading, className = props.className, children = props.children, other = tslib_1.__rest(props, ["as", "color", "error", "loading", "className", "children"]);
     var resolvedChildren = (0, react_1.useMemo)(function () {
         if (loading) {
-            return react_1["default"].createElement(Loader_1.Loader, { color: "var(--color-content-disabled)", size: "s" });
+            return react_1.default.createElement(Loader_1.Loader, { color: "var(--color-content-disabled)", size: "s" });
         }
         if (error) {
-            return (react_1["default"].createElement(icons_1.WarningTriangleOutlineIcon, { color: "var(--color-content-error)", size: "s" }));
+            return (react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { color: "var(--color-content-error)", size: "s" }));
         }
         return children;
     }, [children, loading, error]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFile)({ error: error, loading: loading, color: color }, [className]) }, other, { ref: ref }), resolvedChildren));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFile)({ error: error, loading: loading, color: color }, [className]) }, other, { ref: ref }), resolvedChildren));
 });
 exports.File.displayName = 'File';

package/__inner__/cjs/components/File/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FILE_DEFAULT_TAG = exports.FILE_DEFAULT_COLOR = void 0;
 exports.FILE_DEFAULT_COLOR = 'main';
 exports.FILE_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/File/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./File"), exports);

package/__inner__/cjs/components/FilePicker/FilePicker.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilePicker = exports.cnFilePicker = void 0;
 var tslib_1 = require("tslib");
 require("./FilePicker.css");
@@ -19,7 +19,7 @@ exports.cnFilePicker = (0, classname_1.cn)('FilePicker');
 exports.FilePicker = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'FilePicker'
+        name: 'FilePicker',
     }), _b = _a.size, size = _b === void 0 ? constants_1.FILE_PICKER_DEFAULT_SIZE : _b, _c = _a.placeholder, placeholder = _c === void 0 ? constants_1.FILE_PICKER_DEFAULT_PLACEHOLDER : _c, _d = _a.disabled, disabled = _d === void 0 ? constants_1.FILE_PICKER_DEFAULT_DISABLED : _d, _e = _a.required, required = _e === void 0 ? constants_1.FILE_PICKER_DEFAULT_REQUIRED : _e, _f = _a.fullWidth, fullWidth = _f === void 0 ? constants_1.FILE_PICKER_DEFAULT_FULL_WIDTH : _f, _g = _a.disableTruncate, disableTruncate = _g === void 0 ? constants_1.FILE_PICKER_DEFAULT_DISABLE_TRUNCATE : _g, _h = _a.multiple, multiple = _h === void 0 ? constants_1.FILE_PICKER_DEFAULT_MULTIPLE : _h, _j = _a.clearText, clearText = _j === void 0 ? constants_1.FILE_PICKER_DEFAULT_MULTIPLE_CLEAR_TEXT : _j, _k = _a.renderRight, renderRight = _k === void 0 ? icons_1.AttachmentIcon : _k, renderValueProp = _a.renderValue, onChangeProp = _a.onChange, onClearProp = _a.onClear, inputRefProp = _a.inputRef, fileList = _a.fileList, accept = _a.accept, id = _a.id, name = _a.name, label = _a.label, autoFocus = _a.autoFocus, error = _a.error, hint = _a.hint, renderLeft = _a.renderLeft, labelProps = _a.labelProps, inputProps = _a.inputProps, labelRef = _a.labelRef, className = _a.className, other = tslib_1.__rest(_a, ["size", "placeholder", "disabled", "required", "fullWidth", "disableTruncate", "multiple", "clearText", "renderRight", "renderValue", "onChange", "onClear", "inputRef", "fileList", "accept", "id", "name", "label", "autoFocus", "error", "hint", "renderLeft", "labelProps", "inputProps", "labelRef", "className"]);
     var fieldRef = (0, react_1.useRef)(null);
     var inputRef = (0, react_1.useRef)(null);
@@ -55,7 +55,7 @@ exports.FilePicker = (0, react_1.forwardRef)(function (inProps, ref) {
             ? renderValueProp(file)
             : (0, constants_1.FILE_PICKER_DEFAULT_VALUE_RENDERER)(file, disableTruncate);
     };
-    return (react_1["default"].createElement("div", tslib_1.__assign({}, other, { className: (0, exports.cnFilePicker)('', {
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { className: (0, exports.cnFilePicker)('', {
             hasLabel: !!label,
             hasValue: !!(fileList === null || fileList === void 0 ? void 0 : fileList.length),
             size: size,
@@ -63,17 +63,17 @@ exports.FilePicker = (0, react_1.forwardRef)(function (inProps, ref) {
             focused: focused,
             disabled: disabled,
             required: required,
-            fullWidth: fullWidth
+            fullWidth: fullWidth,
         }, [className]), ref: (0, useMultiRef_1.useMultiRef)([fieldRef, ref]) }),
-        react_1["default"].createElement("label", { className: (0, exports.cnFilePicker)('Body') },
-            react_1["default"].createElement(FieldIcon_1.FieldIcon, { className: (0, exports.cnFilePicker)('RenderLeft'), icon: renderLeft, size: size }),
-            react_1["default"].createElement("div", { className: (0, exports.cnFilePicker)('FieldContainer') },
-                label && (react_1["default"].createElement(FieldLabel_1.FieldLabel, tslib_1.__assign({ filled: !!(fileList === null || fileList === void 0 ? void 0 : fileList.length), focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: (0, exports.cnFilePicker)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label)),
-                react_1["default"].createElement("input", tslib_1.__assign({ id: id, name: name, autoFocus: autoFocus, onFocus: handleFocus, onBlur: handleBlur, className: (0, exports.cnFilePicker)('Input'), required: required, disabled: disabled, accept: accept, multiple: multiple }, inputProps, { onChange: onChange, onKeyDown: onKeyDown, ref: (0, useMultiRef_1.useMultiRef)([inputRef, inputRefProp]), type: "file" })),
-                (fileList === null || fileList === void 0 ? void 0 : fileList.length) ? (react_1["default"].createElement("span", { className: (0, exports.cnFilePicker)('FileName') }, renderValue(fileList, disableTruncate))) : (react_1["default"].createElement("span", { "aria-placeholder": placeholder, className: (0, exports.cnFilePicker)('Placeholder') }, placeholder))),
-            !!(fileList === null || fileList === void 0 ? void 0 : fileList.length) && onClearProp && (react_1["default"].createElement(IconButton_1.IconButton, { tabIndex: -1, variant: "function", "aria-label": clearText, ref: clearRef, onClick: onClear, size: size, icon: icons_1.CloseIcon })),
-            react_1["default"].createElement(FieldIcon_1.FieldIcon, { className: (0, exports.cnFilePicker)('RenderRight'), icon: renderRight, size: size }),
-            react_1["default"].createElement(Fieldset_1.Fieldset, { className: (0, exports.cnFilePicker)('Fieldset') })),
-        react_1["default"].createElement(FieldHint_1.FieldHint, { size: size, error: error, disabled: disabled }, hint)));
+        react_1.default.createElement("label", { className: (0, exports.cnFilePicker)('Body') },
+            react_1.default.createElement(FieldIcon_1.FieldIcon, { className: (0, exports.cnFilePicker)('RenderLeft'), icon: renderLeft, size: size }),
+            react_1.default.createElement("div", { className: (0, exports.cnFilePicker)('FieldContainer') },
+                label && (react_1.default.createElement(FieldLabel_1.FieldLabel, tslib_1.__assign({ filled: !!(fileList === null || fileList === void 0 ? void 0 : fileList.length), focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: (0, exports.cnFilePicker)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label)),
+                react_1.default.createElement("input", tslib_1.__assign({ id: id, name: name, autoFocus: autoFocus, onFocus: handleFocus, onBlur: handleBlur, className: (0, exports.cnFilePicker)('Input'), required: required, disabled: disabled, accept: accept, multiple: multiple }, inputProps, { onChange: onChange, onKeyDown: onKeyDown, ref: (0, useMultiRef_1.useMultiRef)([inputRef, inputRefProp]), type: "file" })),
+                (fileList === null || fileList === void 0 ? void 0 : fileList.length) ? (react_1.default.createElement("span", { className: (0, exports.cnFilePicker)('FileName') }, renderValue(fileList, disableTruncate))) : (react_1.default.createElement("span", { "aria-placeholder": placeholder, className: (0, exports.cnFilePicker)('Placeholder') }, placeholder))),
+            !!(fileList === null || fileList === void 0 ? void 0 : fileList.length) && onClearProp && (react_1.default.createElement(IconButton_1.IconButton, { tabIndex: -1, variant: "function", "aria-label": clearText, ref: clearRef, onClick: onClear, size: size, icon: icons_1.CloseIcon })),
+            react_1.default.createElement(FieldIcon_1.FieldIcon, { className: (0, exports.cnFilePicker)('RenderRight'), icon: renderRight, size: size }),
+            react_1.default.createElement(Fieldset_1.Fieldset, { className: (0, exports.cnFilePicker)('Fieldset') })),
+        react_1.default.createElement(FieldHint_1.FieldHint, { size: size, error: error, disabled: disabled }, hint)));
 });
 exports.FilePicker.displayName = 'FilePicker';

package/__inner__/cjs/components/FilePicker/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FILE_PICKER_DEFAULT_VALUE_RENDERER = exports.FILE_PICKER_DEFAULT_MULTIPLE_CLEAR_TEXT = exports.FILE_PICKER_DEFAULT_MULTIPLE = exports.FILE_PICKER_DEFAULT_DISABLE_TRUNCATE = exports.FILE_PICKER_DEFAULT_FULL_WIDTH = exports.FILE_PICKER_DEFAULT_REQUIRED = exports.FILE_PICKER_DEFAULT_DISABLED = exports.FILE_PICKER_DEFAULT_PLACEHOLDER = exports.FILE_PICKER_DEFAULT_SIZE = void 0;
 var tslib_1 = require("tslib");
 exports.FILE_PICKER_DEFAULT_SIZE = 'm';

package/__inner__/cjs/components/FilePicker/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./types"), exports);
 tslib_1.__exportStar(require("./FilePicker"), exports);

package/__inner__/cjs/components/FilePicker/types.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FormControlLabel/FormControlLabel.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormControlLabel = exports.cnFormControlLabel = exports.formControlLabelLabelPlacementVariant = exports.formControlLabelAlignVariant = void 0;
 var tslib_1 = require("tslib");
 require("./FormControlLabel.css");
@@ -16,13 +16,13 @@ exports.formControlLabelLabelPlacementVariant = ['left', 'right'];
 exports.cnFormControlLabel = (0, classname_1.cn)('FormControlLabel');
 exports.FormControlLabel = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? constants_1.FORM_CONTROL_DEFAULT_SIZE : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.FORM_CONTROL_DEFAULT_AS : _c, _d = _a.labelPlacement, labelPlacement = _d === void 0 ? constants_1.FORM_CONTROL_DEFAULT_LABEL_PLACEMENT : _d, children = _a.children, label = _a.label, align = _a.align, disabled = _a.disabled, className = _a.className, other = tslib_1.__rest(_a, ["size", "as", "labelPlacement", "children", "label", "align", "disabled", "className"]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFormControlLabel)({
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFormControlLabel)({
             align: align,
             labelPlacement: labelPlacement,
             disabled: disabled,
-            size: size
+            size: size,
         }, [className]), ref: ref }, other),
         children,
-        label !== null && label !== undefined && (react_1["default"].createElement("span", { className: (0, exports.cnFormControlLabel)('Content') }, label))));
+        label !== null && label !== undefined && (react_1.default.createElement("span", { className: (0, exports.cnFormControlLabel)('Content') }, label))));
 });
 exports.FormControlLabel.displayName = 'FormControlLabel';

package/__inner__/cjs/components/FormControlLabel/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FORM_CONTROL_DEFAULT_LABEL_PLACEMENT = exports.FORM_CONTROL_DEFAULT_AS = exports.FORM_CONTROL_DEFAULT_SIZE = void 0;
 exports.FORM_CONTROL_DEFAULT_SIZE = 'm';
 exports.FORM_CONTROL_DEFAULT_AS = 'label';

package/__inner__/cjs/components/FormControlLabel/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FormControlLabel"), exports);

package/__inner__/cjs/components/FormGroup/FormGroup.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormGroup = exports.cnFormGroup = void 0;
 var tslib_1 = require("tslib");
 require("./FormGroup.css");
@@ -12,9 +12,9 @@ exports.cnFormGroup = (0, classname_1.cn)('FormGroup');
 exports.FormGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'FormGroup'
+        name: 'FormGroup',
     });
     var _a = props.direction, direction = _a === void 0 ? constants_1.FORM_GROUP_DEFAULT_DIRECTION : _a, _b = props.as, Tag = _b === void 0 ? constants_1.FORM_GROUP_DEFAULT_AS : _b, _c = props.size, size = _c === void 0 ? constants_1.FORM_GROUP_DEFAULT_SIZE : _c, children = props.children, className = props.className, other = tslib_1.__rest(props, ["direction", "as", "size", "children", "className"]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFormGroup)({ direction: direction, size: size }, [className]) }, other, { ref: ref }), children));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFormGroup)({ direction: direction, size: size }, [className]) }, other, { ref: ref }), children));
 });
 exports.FormGroup.displayName = 'FormGroup';

package/__inner__/cjs/components/FormGroup/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FORM_GROUP_DEFAULT_SIZE = exports.FORM_GROUP_DEFAULT_AS = exports.FORM_GROUP_DEFAULT_DIRECTION = void 0;
 exports.FORM_GROUP_DEFAULT_DIRECTION = 'row';
 exports.FORM_GROUP_DEFAULT_AS = 'div';

package/__inner__/cjs/components/FormGroup/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FormGroup"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FormGroup/types.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.formGroupDirectionVariant = void 0;
 exports.formGroupDirectionVariant = [
     'row',

package/__inner__/cjs/components/FormTitle/FormTitle.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormTitle = exports.cnFormTitle = void 0;
 var tslib_1 = require("tslib");
 require("./FormTitle.css");
@@ -12,9 +12,9 @@ exports.cnFormTitle = (0, classname_1.cn)('FormTitle');
 exports.FormTitle = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'FormTitle'
+        name: 'FormTitle',
     });
     var _a = props.size, size = _a === void 0 ? constants_1.FORM_TITLE_DEFAULT_SIZE : _a, className = props.className, children = props.children, other = tslib_1.__rest(props, ["size", "className", "children"]);
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, exports.cnFormTitle)({ size: size }, [className]) }, other, { ref: ref }), children));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnFormTitle)({ size: size }, [className]) }, other, { ref: ref }), children));
 });
 exports.FormTitle.displayName = 'FormTitle';

package/__inner__/cjs/components/FormTitle/constants.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FORM_TITLE_DEFAULT_SIZE = void 0;
 exports.FORM_TITLE_DEFAULT_SIZE = 'm';

package/__inner__/cjs/components/FormTitle/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FormTitle"), exports);

package/__inner__/cjs/components/Grid/Grid.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = exports.cnGrid = exports.gridGapVariant = exports.gridColsVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Grid.css");
@@ -30,9 +30,9 @@ exports.cnGrid = (0, classname_1.cn)('Grid');
 exports.Grid = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Grid'
+        name: 'Grid',
     });
     var _a = props.cols, cols = _a === void 0 ? constants_1.GRID_DEFAULT_COLS : _a, _b = props.gap, gap = _b === void 0 ? constants_1.GRID_DEFAULT_GAP : _b, _c = props.as, Tag = _c === void 0 ? constants_1.GRID_DEFAULT_TAG : _c, colGap = props.colGap, rowGap = props.rowGap, children = props.children, className = props.className, other = tslib_1.__rest(props, ["cols", "gap", "as", "colGap", "rowGap", "children", "className"]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)((0, exports.cnGrid)({}), (0, useGrid_1.useGenerateGridModsCn)(exports.cnGrid, { cols: cols, gap: gap, colGap: colGap, rowGap: rowGap }), className) }, other, { ref: ref }), children));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)((0, exports.cnGrid)({}), (0, useGrid_1.useGenerateGridModsCn)(exports.cnGrid, { cols: cols, gap: gap, colGap: colGap, rowGap: rowGap }), className) }, other, { ref: ref }), children));
 });
 exports.Grid.displayName = 'Grid';

package/__inner__/cjs/components/Grid/GridItem.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridItem = exports.cnGridItem = exports.gridItemRowVariant = exports.gridItemColVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Grid.css");
@@ -17,14 +17,14 @@ exports.cnGridItem = (0, classname_1.cn)('GridItem');
 exports.GridItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'GridItem'
+        name: 'GridItem',
     });
     var children = props.children, className = props.className, col = props.col, colStart = props.colStart, row = props.row, rowStart = props.rowStart, _a = props.as, Tag = _a === void 0 ? 'div' : _a, other = tslib_1.__rest(props, ["children", "className", "col", "colStart", "row", "rowStart", "as"]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)((0, exports.cnGridItem)({}), (0, useGrid_1.useGenerateGridModsCn)(exports.cnGridItem, {
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)((0, exports.cnGridItem)({}), (0, useGrid_1.useGenerateGridModsCn)(exports.cnGridItem, {
             col: col,
             colStart: colStart,
             row: row,
-            rowStart: rowStart
+            rowStart: rowStart,
         }), className) }, other, { ref: ref }), children));
 });
 exports.GridItem.displayName = 'GridItem';

package/__inner__/cjs/components/Grid/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.GRID_DEFAULT_TAG = exports.GRID_DEFAULT_GAP = exports.GRID_DEFAULT_COLS = void 0;
 exports.GRID_DEFAULT_COLS = 12;
 exports.GRID_DEFAULT_GAP = '2xl';

package/__inner__/cjs/components/Grid/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Grid"), exports);
 tslib_1.__exportStar(require("./GridItem"), exports);

package/__inner__/cjs/components/Grid/useGrid.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGenerateGridModsCn = void 0;
 var tslib_1 = require("tslib");
 var classnames_1 = require("@bem-react/classnames");

package/__inner__/cjs/components/IconButton/IconButton.css

@@ -177,11 +177,14 @@
     --icon-button-font-color: var(--color-content-disabled);
   }
 
+  .IconButton_variant_contained.IconButton_disabled svg, .IconButton_variant_contained.IconButton_loading svg, .IconButton_variant_outlined.IconButton_disabled svg, .IconButton_variant_outlined.IconButton_loading svg, .IconButton_variant_ghost.IconButton_disabled svg, .IconButton_variant_ghost.IconButton_loading svg, .IconButton_variant_function.IconButton_disabled svg, .IconButton_variant_function.IconButton_loading svg, .IconButton_variant_floating.IconButton_disabled svg, .IconButton_variant_floating.IconButton_loading svg {
+      color: currentcolor;
+    }
+
   .IconButton_variant_contained.IconButton_disabled,
   .IconButton_variant_contained.IconButton_loading,
   .IconButton_variant_floating.IconButton_disabled,
   .IconButton_variant_floating.IconButton_loading {
-    --icon-button-bg-color: var(--color-background-disabled);
     --icon-button-hover-bg-color: var(--color-background-disabled);
     --icon-button-active-bg-color: var(--color-background-disabled);
   }

package/__inner__/cjs/components/IconButton/IconButton.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = exports.cnIconButton = exports.iconButtonVariant = exports.iconButtonColorVariant = void 0;
 var tslib_1 = require("tslib");
 require("./IconButton.css");
@@ -25,12 +25,12 @@ var loaderSizeMapper = {
     xs: 's',
     s: 's',
     m: 'm',
-    l: 'l'
+    l: 'l',
 };
 exports.IconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'IconButton'
+        name: 'IconButton',
     });
     var _a = props.size, size = _a === void 0 ? constants_1.ICON_BUTTON_DEFAULT_SIZE : _a, _b = props.variant, variant = _b === void 0 ? constants_1.ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.ICON_BUTTON_DEFAULT_COLOR : _c, _d = props.as, Tag = _d === void 0 ? constants_1.ICON_BUTTON_DEFAULT_TAG : _d, iconColor = props.iconColor, compressed = props.compressed, loading = props.loading, disabled = props.disabled, className = props.className, Icon = props.icon, onClick = props.onClick, rounded = props.rounded, other = tslib_1.__rest(props, ["size", "variant", "color", "as", "iconColor", "compressed", "loading", "disabled", "className", "icon", "onClick", "rounded"]);
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
@@ -42,21 +42,21 @@ exports.IconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
     };
     var resolvedChildren = (0, react_1.useMemo)(function () {
         if (loading) {
-            return (react_1["default"].createElement(Loader_1.Loader, { className: (0, exports.cnIconButton)('Loader'), color: "var(--color-content-disabled)", size: loaderSizeMapper[size] }));
+            return (react_1.default.createElement(Loader_1.Loader, { className: (0, exports.cnIconButton)('Loader'), color: "var(--color-content-disabled)", size: loaderSizeMapper[size] }));
         }
         if ((0, react_is_1.isValidElementType)(Icon)) {
-            return react_1["default"].createElement(Icon, { size: iconSize, color: iconColor });
+            return react_1.default.createElement(Icon, { size: iconSize, color: iconColor });
         }
         return null;
     }, [loading, size, iconColor, iconSize, Icon]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnIconButton)({
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnIconButton)({
             variant: variant,
             size: size,
             color: color,
             disabled: disabled,
             loading: loading,
             compressed: compressed,
-            rounded: rounded
+            rounded: rounded,
         }, [className]), disabled: isInteractionPrevented, onClick: handleClick }, (isInteractionPrevented && { tabIndex: -1 }), other, { ref: ref }), resolvedChildren));
 });
 exports.IconButton.displayName = 'IconButton';

package/__inner__/cjs/components/IconButton/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ICON_BUTTON_DEFAULT_TAG = exports.ICON_BUTTON_DEFAULT_COLOR = exports.ICON_BUTTON_DEFAULT_VARIANT = exports.ICON_BUTTON_DEFAULT_SIZE = void 0;
 exports.ICON_BUTTON_DEFAULT_SIZE = 'm';
 exports.ICON_BUTTON_DEFAULT_VARIANT = 'ghost';

package/__inner__/cjs/components/IconButton/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./IconButton"), exports);