@cube-dev/ui-kit 0.9.1 → 0.9.2

package/dist/cjs/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ const Form_1 = require("../../forms/Form/Form");
 const useForm_1 = require("../../forms/Form/useForm");
 const Content_1 = require("../../content/Content");
 const Submit_1 = require("../../actions/Button/Submit");
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const ButtonGroup_1 = require("../../actions/ButtonGroup/ButtonGroup");
 const Header_1 = require("../../content/Header");
 const DialogForm = (props, ref) => {
@@ -33,19 +33,19 @@ const DialogForm = (props, ref) => {
         },
     }));
     function onLocalDismiss() {
-        onDismiss?.();
-        form?.resetFields();
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        form === null || form === void 0 ? void 0 : form.resetFields();
         setOpen(false);
     }
     return ((0, jsx_runtime_1.jsx)(DialogContainer_1.DialogContainer, { onDismiss: onLocalDismiss, isDismissable: true, children: open && ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { qa: qa || 'DialogForm', form: form, name: name, onSubmit: async (data) => {
-                            await onSubmit?.(data);
+                            await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(data));
                             setOpen(false);
                             if (!preserve && form) {
                                 form.resetFields();
                             }
                         }, onSubmitFailed: onSubmitFailed, defaultValues: defaultValues, onValuesChange: onValuesChange, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, children: [typeof children === 'function'
                                 ? children(onLocalDismiss)
-                                : children, !noActions ? ((0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), (0, jsx_runtime_1.jsx)(Button_1.Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0)) }, void 0));
+                                : children, !noActions ? ((0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0)) }, void 0));
 };
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.

package/dist/cjs/components/overlays/Dialog/DialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Dialog/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Dialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Modal/OpenTransition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Modal/Overlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -19,11 +19,11 @@ function Overlay(props, ref) {
     let containerRef = (0, react_1.useRef)(container);
     let handleEntered = (0, react_1.useCallback)(() => {
         setExited(false);
-        onEntered?.();
+        onEntered === null || onEntered === void 0 ? void 0 : onEntered();
     }, [onEntered]);
     let handleExited = (0, react_1.useCallback)(() => {
         setExited(true);
-        onExited?.();
+        onExited === null || onExited === void 0 ? void 0 : onExited();
     }, [onExited]);
     // Don't un-render the overlay while it's transitioning out.
     let mountOverlay = isOpen || !exited;

package/dist/cjs/components/overlays/Modal/Popover.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Modal/Tray.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Modal/Underlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Modal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Tooltip/TooltipProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -46,7 +46,8 @@ function TooltipTrigger(props) {
         return (0, jsx_runtime_1.jsx)(Block_1.Block, { children: trigger }, void 0);
     }
     function onClick(e) {
-        e?.currentTarget?.parentNode.click();
+        var _a;
+        (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.parentNode.click();
     }
     return ((0, jsx_runtime_1.jsxs)(focus_1.FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? ((0, jsx_runtime_1.jsx)(ActiveZone_1.ActiveZone, { onClick: onClick, children: trigger }, void 0)) : (trigger), (0, jsx_runtime_1.jsx)(context_1.TooltipContext.Provider, { value: {
                     state,

package/dist/cjs/components/overlays/Tooltip/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -61,6 +61,7 @@ const TRIGGER_STYLES = {
     cursor: 'pointer',
 };
 function ComboBox(props, ref) {
+    var _a;
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
     let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
@@ -124,7 +125,7 @@ function ComboBox(props, ref) {
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_1.cloneElement)(validationIcon);
-    let comboBoxWidth = inputRef?.current?.offsetWidth;
+    let comboBoxWidth = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let comboBoxField = ((0, jsx_runtime_1.jsxs)(Base_1.Base, { ref: ref, qa: "ComboBoxWrapper", ...(0, react_2.modAttrs)({
             invalid: isInvalid,
             valid: validationState === 'valid',

package/dist/cjs/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -118,6 +118,7 @@ const OPTION_STYLES = {
     preset: 't3m',
 };
 function Select(props, ref) {
+    var _a;
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
     let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, suffix, listBoxStyles, overlayStyles, message, description, direction = 'bottom', shouldFlip = true, requiredMark = true, placeholder, tooltip, size, styles, ...otherProps } = props;
@@ -157,7 +158,7 @@ function Select(props, ref) {
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_3.cloneElement)(validationIcon);
-    let triggerWidth = triggerRef?.current?.offsetWidth;
+    let triggerWidth = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let selectField = ((0, jsx_runtime_1.jsxs)(Base_1.Base, { qa: "SelectWrapper", mods: {
             invalid: isInvalid,
             valid: validationState === 'valid',

package/dist/cjs/components/portal/Portal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/portal/PortalProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/portal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/portal/storybook/templates/basic.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/portal/storybook/templates/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/portal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -24,17 +24,19 @@ function usePortal(props) {
     const [mountRoot, setMountRoot] = (0, react_1.useState)(null);
     onMountRef.current = onMount;
     (0, react_1.useEffect)(() => {
+        var _a, _b;
         if (!isDisabled) {
             const contextRoot = portalContext.root;
-            const currentRoot = root?.current ?? null;
-            const currentContextRoot = contextRoot?.current ?? null;
+            const currentRoot = (_a = root === null || root === void 0 ? void 0 : root.current) !== null && _a !== void 0 ? _a : null;
+            const currentContextRoot = (_b = contextRoot === null || contextRoot === void 0 ? void 0 : contextRoot.current) !== null && _b !== void 0 ? _b : null;
             (0, tiny_invariant_1.default)(!(contextRoot === null && currentRoot === null), 'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component');
-            setMountRoot(currentRoot ?? currentContextRoot);
+            setMountRoot(currentRoot !== null && currentRoot !== void 0 ? currentRoot : currentContextRoot);
         }
     }, [root, portalContext.root, isDisabled]);
     (0, react_1.useEffect)(() => {
+        var _a;
         if (isDisabled || mountRoot) {
-            onMountRef.current?.();
+            (_a = onMountRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountRef);
         }
     }, [isDisabled, mountRoot]);
     return {

package/dist/cjs/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/status/Spin/Spin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/components/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/data/themes.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/provider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/providers/BreakpointsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/providers/StylesProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/services/notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/shared/form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/shared/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/stories/FormFieldArgs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/stories/components/ConfirmDeletionDialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/stories/components/DialogFormApp.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ function DialogFormApp() {
     function onDismiss() {
         console.log('Deletion is cancelled');
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { onPress: () => ConfirmDeletionDialogFormRef?.current?.open(), children: "Delete the instance" }, void 0), (0, jsx_runtime_1.jsx)(ConfirmDeletionDialogForm_1.ConfirmDeletionDialogForm, { ref: ConfirmDeletionDialogFormRef, name: "instanceName", onSubmit: onConfirm, onDismiss: onDismiss }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { onPress: () => { var _a; return (_a = ConfirmDeletionDialogFormRef === null || ConfirmDeletionDialogFormRef === void 0 ? void 0 : ConfirmDeletionDialogFormRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: "Delete the instance" }, void 0), (0, jsx_runtime_1.jsx)(ConfirmDeletionDialogForm_1.ConfirmDeletionDialogForm, { ref: ConfirmDeletionDialogFormRef, name: "instanceName", onSubmit: onConfirm, onDismiss: onDismiss }, void 0)] }, void 0));
 }
 exports.DialogFormApp = DialogFormApp;
 

package/dist/cjs/stories/components/StyledButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Block = exports.GlobalStyledHeading = exports.StyledButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_1 = require("../../styled");
-const Button_1 = require("../../components/actions/Button/Button");
-exports.StyledButton = (0, styled_1.styled)(Button_1.Button, {
+const actions_1 = require("../../components/actions");
+exports.StyledButton = (0, styled_1.styled)(actions_1.Button, {
     styles: {
         padding: '3x 6x',
         preset: 't1',

package/dist/cjs/stories/lists/baseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/styled/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 

package/dist/cjs/styled/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.2
  * Released under the MIT license.
  */
 
@@ -41,7 +41,8 @@ const mergeStyles_1 = require("../utils/mergeStyles");
 const warnings_1 = require("../utils/warnings");
 // Implementation
 function styled(Component, options) {
-    (0, warnings_1.deprecationWarning)(options?.props == null, {
+    var _a, _b, _c, _d, _e, _f;
+    (0, warnings_1.deprecationWarning)((options === null || options === void 0 ? void 0 : options.props) == null, {
         property: 'props',
         name: 'styled api',
         betterAlternative: "inline props directly in styled(), eg: styled({ type: 'confirm' })",
@@ -56,11 +57,11 @@ function styled(Component, options) {
             let css = `${styles ? `\n{}${selector}{${(0, renderStyles_1.renderStyles)(styles, zones)}}` : ''}`;
             return (0, jsx_runtime_1.jsx)(Element, { css: css }, void 0);
         };
-        _Component.displayName = `CubeStyled(${Element.displayName ?? Element.name ?? Component})`;
+        _Component.displayName = `CubeStyled(${(_b = (_a = Element.displayName) !== null && _a !== void 0 ? _a : Element.name) !== null && _b !== void 0 ? _b : Component})`;
         return _Component;
     }
     if ((0, react_is_1.isValidElementType)(Component)) {
-        let { styles: extendStyles, props: legacyDefaultProps, name, tag: extendTag, ...defaultProps } = options ?? {};
+        let { styles: extendStyles, props: legacyDefaultProps, name, tag: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
         const _StyledComponent = (0, react_1.forwardRef)((props, ref) => {
             const { styles, styleName, as, ...restProps } = props;
             const mergedStyles = (0, react_1.useMemo)(() => {
@@ -69,9 +70,9 @@ function styled(Component, options) {
                 }
                 return extendStyles;
             }, [styles]);
-            return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...legacyDefaultProps, ...defaultProps, ...restProps, styles: mergedStyles, styleName: styleName ?? name, as: as ?? extendTag }, void 0));
+            return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...legacyDefaultProps, ...defaultProps, ...restProps, styles: mergedStyles, styleName: styleName !== null && styleName !== void 0 ? styleName : name, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
         });
-        _StyledComponent.displayName = `CubeStyled(${Component.displayName ?? Component.name ?? 'Anonymous'})`;
+        _StyledComponent.displayName = `CubeStyled(${(_d = (_c = Component.displayName) !== null && _c !== void 0 ? _c : Component.name) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
         return _StyledComponent;
     }
     options = Component;
@@ -88,17 +89,17 @@ function styled(Component, options) {
             }
             return map;
         }, {}), [props]);
-        let contextStyles = (0, StylesProvider_1.useContextStyles)(styleName ?? name, props);
+        let contextStyles = (0, StylesProvider_1.useContextStyles)(styleName !== null && styleName !== void 0 ? styleName : name, props);
         let allStyles = (0, react_1.useMemo)(() => (0, mergeStyles_1.mergeStyles)(defaultStyles, contextStyles, styles, propStyles), [contextStyles, styles, propStyles]);
         let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
-        let zones = (0, responsive_1.pointsToZones)(breakpoints ?? contextBreakpoints);
-        css = `${typeof defaultCSS === 'function' ? defaultCSS(props) : defaultCSS ?? ''}${typeof css === 'function' ? css(props) : css ?? ''}${allStyles ? (0, renderStyles_1.renderStyles)(allStyles, zones) : ''}`;
+        let zones = (0, responsive_1.pointsToZones)(breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints);
+        css = `${typeof defaultCSS === 'function' ? defaultCSS(props) : defaultCSS !== null && defaultCSS !== void 0 ? defaultCSS : ''}${typeof css === 'function' ? css(props) : css !== null && css !== void 0 ? css : ''}${allStyles ? (0, renderStyles_1.renderStyles)(allStyles, zones) : ''}`;
         if (mods) {
             Object.assign(props, (0, react_2.modAttrs)(mods));
         }
-        return ((0, jsx_runtime_1.jsx)(Element, { as: as ?? tag, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...legacyDefaultProps, ...defaultProps, ...props, ref: ref, css: css }, void 0));
+        return ((0, jsx_runtime_1.jsx)(Element, { as: as !== null && as !== void 0 ? as : tag, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...legacyDefaultProps, ...defaultProps, ...props, ref: ref, css: css }, void 0));
     });
-    _StyledComponent.displayName = `CubeStyled(${Element.displayName ?? Element.name ?? tag})`;
+    _StyledComponent.displayName = `CubeStyled(${(_f = (_e = Element.displayName) !== null && _e !== void 0 ? _e : Element.name) !== null && _f !== void 0 ? _f : tag})`;
     return _StyledComponent;
 }
 exports.styled = styled;