@cube-dev/ui-kit 0.14.15 → 0.15.0

package/cjs/components/forms/Slider/elements.js

@@ -0,0 +1,128 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderElement = exports.SliderControlsElement = exports.SliderGradeElement = exports.SliderGradationElement = exports.SliderTrackContainerElement = exports.SliderThumbElement = void 0;
+const tasty_1 = require("../../../tasty");
+exports.SliderThumbElement = (0, tasty_1.tasty)({
+    styles: {
+        top: '@slider-thumb-offset-top',
+        left: '@slider-thumb-offset-left',
+        width: '2x',
+        height: '2x',
+        fill: {
+            '': '#purple',
+            hovered: '#purple-text',
+            dragged: '#purple',
+            disabled: '#dark-04',
+        },
+        cursor: 'pointer',
+        boxShadow: '@focus-shadow, @dragged-shadow, @drop-shadow',
+        radius: '50%',
+        transition: 'theme',
+        '@drop-shadow': '0px 2px 4px #dark.2',
+        '@focus-shadow': {
+            '': '0 0 0 0 #purple-03.80',
+            focused: '0 0 0 3px #purple-03.80',
+        },
+        '@dragged-shadow': {
+            '': 'inset 0 0 0 0 #purple-text',
+            dragged: 'inset 0 0 0 2px #purple-text',
+        },
+    },
+});
+exports.SliderTrackContainerElement = (0, tasty_1.tasty)({
+    styles: {
+        top: {
+            '': '0',
+            horizontal: '0.875x',
+        },
+        left: {
+            '': '0.875x',
+            horizontal: '0',
+        },
+        position: 'absolute',
+        fill: '#dark-05',
+        height: {
+            '': 'initial 10x 100%',
+            horizontal: '2px',
+        },
+        width: {
+            '': '2px',
+            horizontal: '100%',
+        },
+        radius: true,
+    },
+});
+exports.SliderGradationElement = (0, tasty_1.tasty)({
+    styles: {
+        position: 'absolute',
+        top: '2x',
+        left: 0,
+        right: 0,
+        display: 'flex',
+        placeContent: 'space-between',
+    },
+});
+exports.SliderGradeElement = (0, tasty_1.tasty)({
+    styles: {
+        display: 'grid',
+        width: 'max 0',
+        placeContent: 'center',
+        preset: 'c2',
+        color: '#dark-03',
+    },
+});
+exports.SliderControlsElement = (0, tasty_1.tasty)({
+    styles: {
+        position: 'relative',
+        height: {
+            '': 'initial 8x 100%',
+            horizontal: '2x',
+        },
+        width: {
+            '': '2x',
+            horizontal: '100% - 2x',
+        },
+        '@slider-thumb-offset-top': {
+            '': '0',
+            horizontal: '1x',
+        },
+        '@slider-thumb-offset-left': {
+            '': '1x',
+            horizontal: '0',
+        },
+    },
+});
+exports.SliderElement = (0, tasty_1.tasty)({
+    qa: 'RangeSlider',
+    as: 'section',
+    styles: {
+        display: 'inline-flex',
+        verticalAlign: {
+            '': 'middle',
+            'side-label & !horizontal': 'top',
+        },
+        position: 'relative',
+        height: {
+            '': 'initial 10x 100%',
+            horizontal: '2x',
+        },
+        width: {
+            '': '2x',
+            horizontal: '100%',
+        },
+        alignItems: 'center',
+        flexDirection: {
+            '': 'column',
+            inputs: 'row',
+        },
+    },
+});
+
+        

package/cjs/components/forms/Slider/index.js

@@ -0,0 +1,24 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RangeSlider"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./types"), exports);
+
+        

package/cjs/components/forms/Slider/types.js

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

package/cjs/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.15.0
  * Released under the MIT license.
  */
 
@@ -9,8 +9,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
+const utils_1 = require("@react-spectrum/utils");
 const switch_1 = require("@react-aria/switch");
 const interactions_1 = require("@react-aria/interactions");
 const toggle_1 = require("@react-stately/toggle");
@@ -22,36 +22,42 @@ const react_2 = require("../../../utils/react");
 const HiddenInput_1 = require("../../HiddenInput");
 const Label_1 = require("../Label");
 const Form_1 = require("../Form/Form");
+const Text_1 = require("../../content/Text");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const SwitchWrapperElement = (0, tasty_1.tasty)({
     qa: 'SwitchWrapper',
     styles: {
+        display: 'flex',
         position: 'relative',
-        margin: {
-            '': 0,
-            'inside-form & side-label': '1x top',
+        placeItems: {
+            '': 'center stretch',
+            'side-label': 'baseline stretch',
         },
+        gap: '1x',
     },
 });
 const SwitchLabelElement = (0, tasty_1.tasty)({
     as: 'label',
-    qa: 'SwitchWrapper',
+    qa: 'SwitchLabel',
     styles: {
         position: 'relative',
         display: 'flex',
-        placeItems: 'center start',
+        placeItems: 'center',
         gap: '1x',
         flow: 'row',
         preset: 'input',
         width: 'min-content',
         cursor: 'pointer',
+        verticalAlign: 'baseline',
     },
 });
 const SwitchElement = (0, tasty_1.tasty)({
+    qa: 'Switch',
     styles: {
         position: 'relative',
         display: 'grid',
+        verticalAlign: 'baseline',
         placeItems: 'center',
         radius: 'round',
         fill: {
@@ -98,7 +104,6 @@ function Switch(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
     let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
-    label = label || children;
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, inputStyles);
     labelStyles = (0, react_1.useMemo)(() => ({
@@ -119,7 +124,7 @@ function Switch(props, ref) {
         hovered: isHovered,
         focused: isFocused,
     };
-    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { qa: qa || 'Switch', mods: mods, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(SwitchElement, { mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0)] }, void 0));
+    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { mods: mods, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(SwitchElement, { qa: qa || 'Switch', mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0), children ? (0, jsx_runtime_1.jsx)(Text_1.Text, { children: children }, void 0) : null] }, void 0));
     if (insideForm) {
         return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
                 as: 'label',
@@ -132,6 +137,7 @@ function Switch(props, ref) {
                 isDisabled,
                 validationState,
                 message,
+                children,
                 description,
                 requiredMark,
                 tooltip,
@@ -140,9 +146,9 @@ function Switch(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
+    return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label ? ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0)) : null] }, void 0));
 }
 /**
  * Switches allow users to turn an individual option on or off.

package/cjs/components/forms/TextArea/TextArea.js

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

package/cjs/components/forms/TextInput/TextInput.js

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

package/cjs/components/forms/TextInput/TextInputBase.js

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

package/cjs/components/forms/index.js

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

package/cjs/components/layout/Flex.js

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

package/cjs/components/layout/Flow.js

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

package/cjs/components/layout/Grid.js

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

package/cjs/components/layout/Prefix.js

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

package/cjs/components/layout/Space.js

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

package/cjs/components/layout/Suffix.js

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

package/cjs/components/navigation/LegacyTabs/LegacyTabs.js

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

package/cjs/components/navigation/Link/Link.js

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

package/cjs/components/organisms/FileTabs/FileTabs.js

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

package/cjs/components/organisms/Modal/Modal.js

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

package/cjs/components/organisms/StatsCard/StatsCard.js

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

package/cjs/components/other/Base64Upload/Base64Upload.js

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

package/cjs/components/other/CloudLogo/CloudLogo.js

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

package/cjs/components/overlays/AlertDialog/AlertDialog.js

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

package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/cjs/components/overlays/AlertDialog/AlertDialogZone.js

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

package/cjs/components/overlays/AlertDialog/index.js

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

package/cjs/components/overlays/AlertDialog/types.js

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

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

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

package/cjs/components/overlays/Dialog/DialogContainer.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js

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

package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js

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

package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js

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