@cube-dev/ui-kit 0.0.0-canary-2a002d9 → 0.0.0-canary-66fcb07

package/es/components/pickers/RangeSlider/RangeInput.js

@@ -0,0 +1,31 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Flow } from '../../layout/Flow';
+import { NumberInput } from '../../forms';
+function calculateWidth(suffix, max) {
+    if (typeof max === 'undefined') {
+        return undefined;
+    }
+    const suffixPadding = 1;
+    const suffixLen = (suffix || '').length;
+    const value = String(max).length;
+    return `${(value + suffixLen) * 2.5 + suffixPadding}x`;
+}
+export function RangeInput(props) {
+    const { state, index, suffix, min, max, ...otherProps } = props;
+    const value = state.values[index];
+    const width = calculateWidth(suffix, max);
+    const onChange = useCallback((value) => {
+        state.setThumbValue(index, value);
+    }, [index, state]);
+    return (_jsx(NumberInput, { ...otherProps, hideStepper: true, suffix: _jsx(Flow, { padding: "0.5x", children: suffix }, void 0), width: width, value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), onChange: onChange }, void 0));
+}
+
+        

package/es/components/pickers/RangeSlider/RangeSlider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 
@@ -14,16 +14,18 @@ import { extractStyles, OUTER_STYLES, } from '../../../tasty';
 import { Slide } from './Slide';
 import { Gradation } from './Gradation';
 import { Thumb } from './Thumb';
-import { StyledControls, StyledSlider } from './styled';
+import { RangeInput } from './RangeInput';
+import { StyledControls, StyledSlider, StyledContent } from './styled';
 function getRanges(value) {
     if (Array.isArray(value)) {
-        return value.map((_, idx) => idx);
+        return value.length >= 2 ? [0, 1] : [0];
     }
     return [0];
 }
 function RangeSlider(props, ref) {
-    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', onChange, onChangeEnd, ...otherProps } = props;
+    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', showInput, inputSuffix, minValue, maxValue, onChange, onChangeEnd, ...otherProps } = props;
     const ranges = getRanges(defaultValue || value || [0, 1]);
+    const isSingle = ranges.length <= 1;
     const trackRef = useRef(null);
     const inputRef = useRef(null);
     const numberFormatter = new Intl.NumberFormat();
@@ -51,8 +53,17 @@ function RangeSlider(props, ref) {
         },
     }, state, trackRef);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
-    console.log({ defaultValue });
-    const sliderField = (_jsx(StyledSlider, { ...groupProps, children: _jsxs(StyledControls, { ...trackProps, ref: trackRef, children: [_jsx(Slide, { state: state, ranges: ranges }, void 0), _jsx(Gradation, { state: state, ranges: ranges, values: gradation }, void 0), ranges.map((thumb) => (_jsx(Thumb, { index: thumb, state: state, inputRef: inputRef, trackRef: trackRef, defaultValue: defaultValue && defaultValue[thumb] }, thumb)))] }, void 0) }, void 0));
+    const inputProps = {
+        suffix: inputSuffix,
+        state: state,
+        step,
+        min: minValue,
+        max: maxValue,
+    };
+    const sliderField = (_jsxs(StyledSlider, { ...groupProps, mods: {
+            sideLabel: labelPosition === 'side',
+            inputs: showInput,
+        }, children: [!isSingle && showInput && _jsx(RangeInput, { index: 0, ...inputProps }, void 0), _jsx(StyledContent, { children: _jsxs(StyledControls, { ...trackProps, ref: trackRef, children: [_jsx(Slide, { state: state, ranges: ranges, isSingle: isSingle, isDisabled: isDisabled }, void 0), _jsx(Gradation, { state: state, ranges: ranges, values: gradation }, void 0), ranges.map((thumb) => (_jsx(Thumb, { index: thumb, state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled, defaultValue: defaultValue && defaultValue[thumb] }, thumb)))] }, void 0) }, void 0), showInput && _jsx(RangeInput, { index: 1, ...inputProps }, void 0)] }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,

package/es/components/pickers/RangeSlider/Slide.js

@@ -1,24 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { StyledSlideTrack, StyledSlide } from './styled';
+import { useMemo } from 'react';
+import { StyledSlide, StyledSlideTrack } from './styled';
 export function Slide(props) {
-    const { ranges, state } = props;
+    const { ranges, state, isDisabled, isSingle } = props;
     const styles = {};
-    const mods = {
-        single: ranges.length <= 1,
-    };
+    const mods = useMemo(() => ({
+        single: isSingle,
+        disabled: isDisabled,
+    }), [isDisabled, isSingle]);
     ranges.forEach((rangeIndex) => {
-        const percent = state.getThumbPercent(rangeIndex);
-        console.log({ rangeIndex, percent });
-        styles[`@thumb-${rangeIndex}-value`] = percent;
+        styles[`@thumb-${rangeIndex}-value`] = state.getThumbPercent(rangeIndex);
     });
-    return (_jsx(StyledSlide, { children: _jsx(StyledSlideTrack, { styles: styles, mods: mods }, void 0) }, void 0));
+    return (_jsx(StyledSlide, { mods: mods, children: _jsx(StyledSlideTrack, { styles: styles, mods: mods }, void 0) }, void 0));
 }
 
         

package/es/components/pickers/RangeSlider/Thumb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 
@@ -25,6 +25,7 @@ export function Thumb(props) {
                 hovered: isHovered,
                 dragged: isDragging,
                 focused: isFocused,
+                disabled: isDisabled,
             }, ...mergeProps(thumbProps, hoverProps), role: "presentation", children: _jsx(VisuallyHidden, { children: _jsx("input", { ref: ref, ...inputProps }, void 0) }, void 0) }, void 0) }, void 0));
 }
 

package/es/components/pickers/RangeSlider/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ export const StyledThumb = tasty({
             '': '#purple',
             hovered: '#6B4FEE',
             dragged: '#7A77FF',
-            disabled: '#A1A1B5',
+            disabled: '#dark-04',
         },
         cursor: {
             hovered: 'pointer',
@@ -39,7 +39,10 @@ export const StyledSlide = tasty({
     styles: {
         top: '1.875x',
         position: 'absolute',
-        fill: '#dark-05',
+        fill: {
+            '': '#dark-05',
+            // disabled: '#dark-04',
+        },
         height: '2px',
         width: '100%',
         radius: true,
@@ -59,7 +62,10 @@ export const StyledSlideTrack = tasty({
         left: '(@start-range * 100%)',
         right: '(@end-range * 100%)',
         height: '2px',
-        fill: '#purple',
+        fill: {
+            '': '#purple',
+            disabled: '#dark-04',
+        },
         radius: true,
     },
 });
@@ -81,9 +87,28 @@ export const StyledSlider = tasty({
     styles: {
         position: 'relative',
         display: 'flex',
-        flexDirection: 'column',
+        gap: {
+            '': '0',
+            inputs: '1x',
+        },
+        flexDirection: {
+            '': 'column',
+            inputs: 'row',
+        },
         alignItems: 'center',
         width: '100%',
+        padding: {
+            '': '0',
+            sideLabel: '0.75x top',
+        },
+    },
+});
+export const StyledContent = tasty({
+    styles: {
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'column',
+        width: '100%',
     },
 });
 

package/es/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/Portal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/PortalProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/CustomRoot.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/PortalOrder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/basic.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/LoadingAnimation/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/Cube.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/InternalSpinner.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/Spin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/SpinsContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/components/status/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/data/themes.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/icons/Attention.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/icons/Cross.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/icons/Danger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/icons/Success.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/icons/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/provider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/providers/StyleProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/services/notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/shared/form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/shared/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/stories/FormFieldArgs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/stories/components/ConfirmDeletionDialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/stories/components/DialogFormApp.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/stories/components/StyledButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/stories/lists/baseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/styled/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/styled/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/tasty/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/tasty/providers/BreakpointsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/tasty/styles/align.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/tasty/styles/border.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/tasty/styles/boxShadow.combinator.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */
 

package/es/tasty/styles/color.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a002d9
+ * @cube-dev/ui-kit v0.0.0-canary-66fcb07
  * Released under the MIT license.
  */