@ozen-ui/kit 0.11.0 → 0.12.0

package/__inner__/esm/components/ThemeProvider/localization/localization.js

@@ -3,31 +3,31 @@ export var localization = {
     RU: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Загрузка'
+                'aria-label': 'Загрузка',
             },
             FilePicker: {
-                clearText: 'Очистить поле'
-            }
-        }
+                clearText: 'Очистить поле',
+            },
+        },
     },
     KZN: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Жүктеу'
+                'aria-label': 'Жүктеу',
             },
             FilePicker: {
-                clearText: 'Өрісті тазалаңыз'
-            }
-        }
+                clearText: 'Өрісті тазалаңыз',
+            },
+        },
     },
     ENG: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Loading'
+                'aria-label': 'Loading',
             },
             FilePicker: {
-                clearText: 'Clear field'
-            }
-        }
-    }
+                clearText: 'Clear field',
+            },
+        },
+    },
 };

package/__inner__/esm/components/ThemeProvider/themes/themeBBusinessDefault.js

@@ -18,7 +18,7 @@ export var themeBBusinessDefault = {
         shadow: 'ozenDefault',
         breakpoint: 'ozenDefault',
         zIndex: 'ozenDefault',
-        transition: 'ozenDefault'
+        transition: 'ozenDefault',
     },
-    defaultProps: {}
+    defaultProps: {},
 };

package/__inner__/esm/components/ThemeProvider/themes/themeOzenDark.js

@@ -18,7 +18,7 @@ export var themeOzenDark = {
         shadow: 'ozenDefault',
         breakpoint: 'ozenDefault',
         zIndex: 'ozenDefault',
-        transition: 'ozenDefault'
+        transition: 'ozenDefault',
     },
-    defaultProps: {}
+    defaultProps: {},
 };

package/__inner__/esm/components/ThemeProvider/themes/themeOzenDefault.js

@@ -18,7 +18,7 @@ export var themeOzenDefault = {
         shadow: 'ozenDefault',
         breakpoint: 'ozenDefault',
         zIndex: 'ozenDefault',
-        transition: 'ozenDefault'
+        transition: 'ozenDefault',
     },
-    defaultProps: {}
+    defaultProps: {},
 };

package/__inner__/esm/components/Toggle/Toggle.js

@@ -10,7 +10,7 @@ export var cnToggle = cn('Toggle');
 export var Toggle = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Toggle'
+        name: 'Toggle',
     });
     var _a = props.align, align = _a === void 0 ? 'center' : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? 'right' : _b, _c = props.size, size = _c === void 0 ? 'm' : _c, className = props.className, label = props.label, labelProps = props.labelProps, disabled = props.disabled, checked = props.checked, inputRef = props.inputRef, other = __rest(props, ["align", "labelPlacement", "size", "className", "label", "labelProps", "disabled", "checked", "inputRef"]);
     return (React.createElement(FormControlLabel, __assign({ label: label, size: size, labelPlacement: labelPlacement, disabled: disabled, align: align, className: className, ref: ref }, labelProps),

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -12,17 +12,17 @@ import { TOOLTIP_DEFAULT_ARROW, TOOLTIP_DEFAULT_DELAY_ENTER, TOOLTIP_DEFAULT_DEL
 export var cnTooltip = cn('Tooltip');
 export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tooltip' });
-    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.variant, variant = _c === void 0 ? TOOLTIP_DEFAULT_VARIANT : _c, _d = props.offset, offset = _d === void 0 ? TOOLTIP_DEFAULT_OFFSET : _d, _e = props.delayEnter, delayEnter = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _e, _f = props.delayLeave, delayLeave = _f === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _f, _g = props.arrow, arrow = _g === void 0 ? TOOLTIP_DEFAULT_ARROW : _g, _h = props.shouldWrapChildren, shouldWrapChildren = _h === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _h, _j = props.disabled, disabled = _j === void 0 ? TOOLTIP_DEFAULT_DISABLED : _j, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "variant", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose"]);
-    var _k = __read(useState(), 2), delay = _k[0], setDelay = _k[1];
-    var _l = __read(useState(), 2), hasFocus = _l[0], setHasFocus = _l[1];
-    var _m = __read(useState(), 2), hasHover = _m[0], setHasHover = _m[1];
+    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.variant, variant = _c === void 0 ? TOOLTIP_DEFAULT_VARIANT : _c, _d = props.offset, offset = _d === void 0 ? TOOLTIP_DEFAULT_OFFSET : _d, _e = props.delayEnter, delayEnter = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _e, _f = props.delayLeave, delayLeave = _f === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _f, _g = props.arrow, arrow = _g === void 0 ? TOOLTIP_DEFAULT_ARROW : _g, _h = props.shouldWrapChildren, shouldWrapChildren = _h === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _h, _j = props.disabled, disabled = _j === void 0 ? TOOLTIP_DEFAULT_DISABLED : _j, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, other = __rest(props, ["trigger", "size", "variant", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose", "as"]);
+    var _l = __read(useState(), 2), delay = _l[0], setDelay = _l[1];
+    var _m = __read(useState(), 2), hasFocus = _m[0], setHasFocus = _m[1];
+    var _o = __read(useState(), 2), hasHover = _o[0], setHasHover = _o[1];
     var anchorRef = useRef(null);
-    var _o = __read(useControlled({
+    var _p = __read(useControlled({
         value: openProp,
         defaultValue: false,
         name: 'Tooltip',
-        state: 'open'
-    }), 2), openState = _o[0], setOpenState = _o[1];
+        state: 'open',
+    }), 2), openState = _p[0], setOpenState = _p[1];
     useEffect(function () {
         setDelay(openState ? delayLeave : delayEnter);
     }, [openState, delayEnter, delayLeave]);
@@ -38,7 +38,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
         }
         setOpenState(open);
     };
-    var _p = __read(useDebounceCallback(handleOpen, delay), 1), debounceSetOpen = _p[0];
+    var _q = __read(useDebounceCallback(handleOpen, delay), 1), debounceSetOpen = _q[0];
     var resolveChildren = useMemo(function () {
         return typeof children !== 'object' || shouldWrapChildren ? (React.createElement("span", null, children)) : (children);
     }, [children, shouldWrapChildren]);
@@ -99,7 +99,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
             onMouseLeave: function (e) {
                 handleMouseLeave();
                 onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
-            }
+            },
         };
     }, [
         childrenProps,
@@ -112,8 +112,8 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, as: TOOLTIP_DEFAULT_TAG, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
-                size: size
+        React.createElement(Popover, __assign({ anchorRef: anchorRef, as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
+                size: size,
             }, disableEnforceFocus: true, disableReturnFocus: true }), label)));
 });
 Tooltip.displayName = 'Tooltip';

package/__inner__/esm/components/Typography/Typography.js

@@ -76,7 +76,7 @@ export var cnTypography = cn('Typography');
 export var Typography = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Typography'
+        name: 'Typography',
     });
     var _a = props.variant, variant = _a === void 0 ? TYPOGRAPHY_DEFAULT_VARIANT : _a, _b = props.color, color = _b === void 0 ? TYPOGRAPHY_DEFAULT_COLOR : _b, _c = props.noWrap, noWrap = _c === void 0 ? TYPOGRAPHY_DEFAULT_NO_WRAP : _c, _d = props.defaultMargin, defaultMargin = _d === void 0 ? TYPOGRAPHY_DEFAULT_DEFAULT_MARGIN : _d, as = props.as, children = props.children, align = props.align, display = props.display, className = props.className, other = __rest(props, ["variant", "color", "noWrap", "defaultMargin", "as", "children", "align", "display", "className"]);
     // Устанавливает варианту соответсвующий тэг по умолчанию
@@ -87,7 +87,7 @@ export var Typography = polymorphicComponentWithRef(function (inProps, ref) {
             color: color,
             align: align,
             noWrap: noWrap,
-            display: display
+            display: display,
         }, [className]), ref: ref }, other), children));
 });
 Typography.displayName = 'Typography';

package/__inner__/esm/components/Typography/utils.js

@@ -24,5 +24,5 @@ export var matchVariantToTag = {
     'text-3xs': 'p',
     'text-3xs_1': 'p',
     'caption-3xs': 'span',
-    'caption-3xs_1': 'span'
+    'caption-3xs_1': 'span',
 };

package/__inner__/esm/hooks/useBreakpoints/useBreakpoints.js

@@ -6,7 +6,7 @@ var breakpoint = {
     xs: '(min-width: 0px)',
     s: '(min-width: 640px)',
     m: '(min-width: 1024px)',
-    l: '(min-width: 1280px)'
+    l: '(min-width: 1280px)',
 };
 export function useBreakpoints() {
     var _a = __read(useState(breakpointVariant.reduce(function (acc, key) {
@@ -34,7 +34,7 @@ export function useBreakpoints() {
         catch (e_1_1) { e_1 = { error: e_1_1 }; }
         finally {
             try {
-                if (breakpointVariant_1_1 && !breakpointVariant_1_1.done && (_a = breakpointVariant_1["return"])) _a.call(breakpointVariant_1);
+                if (breakpointVariant_1_1 && !breakpointVariant_1_1.done && (_a = breakpointVariant_1.return)) _a.call(breakpointVariant_1);
             }
             finally { if (e_1) throw e_1.error; }
         }
@@ -49,7 +49,7 @@ export function useBreakpoints() {
             catch (e_2_1) { e_2 = { error: e_2_1 }; }
             finally {
                 try {
-                    if (matchMedias_1_1 && !matchMedias_1_1.done && (_a = matchMedias_1["return"])) _a.call(matchMedias_1);
+                    if (matchMedias_1_1 && !matchMedias_1_1.done && (_a = matchMedias_1.return)) _a.call(matchMedias_1);
                 }
                 finally { if (e_2) throw e_2.error; }
             }

package/__inner__/esm/hooks/useClickOutside/useClickOutside.js

@@ -18,6 +18,6 @@ export function useClickOutside(_a) {
             }
         },
         active: active,
-        options: options
+        options: options,
     });
 }

package/__inner__/esm/hooks/useCounter/useCounter.js

@@ -11,6 +11,6 @@ export function useCounter(_a) {
         increment: increment,
         decrement: decrement,
         reset: reset,
-        setCount: setCount
+        setCount: setCount,
     };
 }

package/__inner__/esm/hooks/useFocusTrap/useFocusTrap.js

@@ -7,7 +7,7 @@ export function useFocusTrap(_a) {
     var _b = _a === void 0 ? {
         active: true,
         focusinTrap: true,
-        keyDownTrap: true
+        keyDownTrap: true,
     } : _a, 
     /** Признак активности ловушки */
     _c = _b.active, 
@@ -36,7 +36,7 @@ export function useFocusTrap(_a) {
                 }
             }
         },
-        active: active && focusinTrap
+        active: active && focusinTrap,
     });
     useEventListener({
         eventName: 'keydown',
@@ -61,7 +61,7 @@ export function useFocusTrap(_a) {
                 }
             }
         },
-        active: active && keyDownTrap
+        active: active && keyDownTrap,
     });
     return elRef;
 }

package/__inner__/esm/hooks/useThemeVars/useThemeVars.js

@@ -26,7 +26,7 @@ export function useThemeVars() {
         catch (e_1_1) { e_1 = { error: e_1_1 }; }
         finally {
             try {
-                if (_d && !_d.done && (_a = _c["return"])) _a.call(_c);
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
             }
             finally { if (e_1) throw e_1.error; }
         }

package/__inner__/esm/hooks/useTimer/useTimer.js

@@ -6,7 +6,7 @@ export function useTimer(_a) {
     var _b = _a.startTime, startTime = _b === void 0 ? 0 : _b, _c = _a.endTime, endTime = _c === void 0 ? 0 : _c, _d = _a.interval, interval = _d === void 0 ? 1000 : _d, onTimerEnd = _a.onTimerEnd;
     var _e = __read(useState({
         count: startTime,
-        isTimerRunning: false
+        isTimerRunning: false,
     }), 2), state = _e[0], setState = _e[1];
     var savedOnTimerEnd = useRef();
     var timerCallback = function () {
@@ -19,7 +19,7 @@ export function useTimer(_a) {
             }
             return {
                 isTimerRunning: newCount !== endTime,
-                count: newCount
+                count: newCount,
             };
         });
     };
@@ -27,7 +27,7 @@ export function useTimer(_a) {
     var resetTimer = useCallback(function () {
         setState(function () { return ({
             isTimerRunning: false,
-            count: startTime
+            count: startTime,
         }); });
     }, [startTime]);
     var pauseTimer = useCallback(function () {
@@ -40,7 +40,7 @@ export function useTimer(_a) {
                 // Если счетчик завершился – сбрасываем счетчик
                 // Если не завершился продолжаем с текущего счетчика
                 count: count === endTime ? startTime : count,
-                isTimerRunning: startTime !== endTime
+                isTimerRunning: startTime !== endTime,
             });
         });
     }, [startTime, endTime]);
@@ -71,6 +71,6 @@ export function useTimer(_a) {
         isTimerRunning: state.isTimerRunning,
         startTimer: startTimer,
         pauseTimer: pauseTimer,
-        resetTimer: resetTimer
+        resetTimer: resetTimer,
     };
 }

package/__inner__/esm/mixins/MixSpacing/MixSpacing.js

@@ -37,6 +37,6 @@ export var spacing = function (props) {
         pt: pt || py || p,
         pr: pr || px || p,
         pb: pb || py || p,
-        pl: pl || px || p
+        pl: pl || px || p,
     });
 };

package/__inner__/esm/utils/animateProperty.js

@@ -2,7 +2,7 @@ var timingFunctions = {
     linear: function (time) { return time; },
     'ease-in': function (time) { return Math.pow(time, 1.675); },
     'ease-out': function (time) { return 1 - Math.pow((1 - time), 1.675); },
-    'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); }
+    'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); },
 };
 /** Анимирует числовое свойство элемента */
 export var animateProperty = function (property, element, to, options) {

package/__inner__/esm/utils/getIconSizeToFormElement.js

@@ -3,6 +3,6 @@ var matchIconSizeToFormElement = {
     xs: 's',
     s: 's',
     m: 'm',
-    l: 'm'
+    l: 'm',
 };
 export var getIconSizeToFormElement = function (size) { return matchIconSizeToFormElement === null || matchIconSizeToFormElement === void 0 ? void 0 : matchIconSizeToFormElement[size]; };

package/__inner__/esm/utils/scrollContainerToElement.js

@@ -11,13 +11,13 @@ export function scrollContainerToElement(_a) {
     if (elementBottom > scrollBottom) {
         container.scrollTo({
             behavior: behavior,
-            top: elementBottom - container.clientHeight
+            top: elementBottom - container.clientHeight,
         });
     }
     else if (element.offsetTop - element.offsetHeight < container.scrollTop) {
         container.scrollTo({
             behavior: behavior,
-            top: element.offsetTop - element.offsetHeight
+            top: element.offsetTop - element.offsetHeight,
         });
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "React component library",
   "files": [
     "*"