@sprinklrjs/spaceweb 10.1.0 → 11.0.0

package/esm/select/styled-component.js

@@ -1,12 +1,13 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Select as BaseSelect, StyledInputContainer, StyledInput } from 'baseui/select';
+import { Select as BaseSelect } from 'baseui/select';
 import * as React from 'react';
 import withThemeOverride from '../helpers/baseui/withThemeOverride';
 import { borderRadius } from '../helpers/longHandHelpers';
 import { useLocale } from '../locale';
 import MenuItem from '../menu/menu-item';
 import { styled } from '../style';
+import { getComponentSizeTheme } from '../helpers/themeHelpers';
 var StyledSelect = withThemeOverride(BaseSelect, function (theme) { return ({
     borders: {
         inputBorderRadius: theme.input.borderRadius,
@@ -30,11 +31,36 @@ var StyledSelect = withThemeOverride(BaseSelect, function (theme) { return ({
         inputEnhancerTextDisabled: theme.spr.text02,
     },
 }); });
-var NoResults = function (_a) {
+var NoResults = React.forwardRef(function (_a, ref) {
     var msg = _a.msg, props = __rest(_a, ["msg"]);
     var locale = useLocale();
-    return (_jsx(MenuItem, __assign({ button: false }, props, { children: msg || locale.select.noResultsMsg }), void 0));
-};
+    return (_jsx(MenuItem, __assign({ button: false, ref: ref }, props, { children: msg || locale.select.noResultsMsg }), void 0));
+});
+export var StyledInputContainer = styled('div', 'relative inline-block bg-transparent max-w-full border-none box-border m-0 p-0 outline-none', function (_a, props) {
+    var theme = _a.theme, px2rem = _a.px2rem;
+    var $selectSize = props.$selectSize, $isEmpty = props.$isEmpty;
+    var _b = getComponentSizeTheme(theme, 'input', $selectSize, 'md'), fontSize = _b.fontSize, lineHeight = _b.lineHeight;
+    return {
+        boxShadow: 'none',
+        marginLeft: $isEmpty ? 0 : px2rem(2),
+        height: lineHeight,
+        maxHeight: lineHeight,
+        fontSize: fontSize,
+        lineHeight: lineHeight,
+    };
+});
+export var StyledInput = styled('input', 'bg-transparent border-none inline-block m-0 p-0 max-w-full box-content outline-none', function (_, props) {
+    var $searchable = props.$searchable, $width = props.$width;
+    return {
+        color: 'inherit',
+        lineHeight: 'inherit',
+        fontSize: 'inherit',
+        fontWeight: 'inherit',
+        letterSpacing: 'normal',
+        width: !$searchable ? '1px' : $width || '100%',
+        boxShadow: 'none',
+    };
+});
 var DEFAULT_OVERLAY_WIDTH = '300px';
 var StyledOverlayContentContainer = styled('div', 'overflow-auto', function (_a, _b) {
     var px2rem = _a.px2rem;
@@ -43,11 +69,11 @@ var StyledOverlayContentContainer = styled('div', 'overflow-auto', function (_a,
 });
 var InputContainer = function (_a) {
     var menuId = _a.menuId, size = _a.size, props = __rest(_a, ["menuId", "size"]);
-    return (_jsx(StyledInputContainer, __assign({}, props, { "$selectSize": size, role: props.$searchable ? null : 'combobox', "aria-haspopup": props.$searchable ? null : 'listbox', "aria-owns": !props.$searchable && props.$isOpen ? menuId : null }), void 0));
+    return (_jsx(StyledInputContainer, __assign({}, props, { "$selectSize": size, role: props.$searchable ? undefined : 'combobox', "aria-haspopup": props.$searchable ? null : 'listbox', "aria-owns": !props.$searchable && props.$isOpen ? menuId : null }), void 0));
 };
 var Input = React.forwardRef(function (_a, ref) {
     var id = _a.id, menuId = _a.menuId, props = __rest(_a, ["id", "menuId"]);
     return (_jsx(StyledInput, __assign({}, props, { id: id, "aria-controls": props.$searchable && props.$isOpen ? menuId : null, ref: ref }), void 0));
 });
-export { StyledRoot, StyledClearIcon, StyledControlContainer, StyledDropdownContainer, StyledIconsContainer, StyledInput, StyledInputContainer, StyledInputSizer, StyledPlaceholder, StyledSearchIcon, StyledSearchIconContainer, StyledSelectArrow, StyledSingleValue, StyledValueContainer, } from 'baseui/select';
+export { StyledRoot, StyledClearIcon, StyledControlContainer, StyledDropdownContainer, StyledIconsContainer, StyledInputSizer, StyledPlaceholder, StyledSearchIconContainer, StyledSelectArrow, StyledSingleValue, StyledValueContainer, } from 'baseui/select';
 export { StyledSelect, NoResults, StyledOverlayContentContainer, InputContainer, Input };

package/esm/select/types.d.ts

@@ -1,17 +1,23 @@
 import * as React from 'react';
-import { DropdownOverrides as BaseuiDropdownOverrides, DropdownProps as BaseDropdownProps, OnChangeParams as BaseOnChangeParams, Option, OptionsT, SelectOverrides as BaseuiSelectOverrides, SelectProps as BaseuiSelectProps, State, StateReducer } from 'baseui/select';
+import { OverridesDropdown as BaseuiDropdownOverrides, DropdownProps as BaseDropdownProps, Option, Options, SelectOverrides as BaseuiSelectOverrides, SelectProps as BaseuiSelectProps, State, StateReducer } from 'baseui/select';
 import { STATE_CHANGE_TYPE } from './constants';
 import { Override } from '../overrides';
 import { TagProps } from '../tag';
 import { Intent, SpacewebComponentProps } from '../types';
 import { PopoverProps } from '../popover/types';
 import { ValueOf } from '../utility-types';
+import { Value } from 'baseui/select/types';
 export declare type Size = 'sm' | 'md' | 'lg';
 export declare type Type = 'select' | 'search';
 declare type OverridableComponent = keyof Omit<BaseuiSelectOverrides, 'Dropdown' | 'DropdownListItem' | 'DropdownOption'> | 'Menu' | 'MenuItem' | 'NoResults' | 'Divider' | 'ListItemText' | 'OverlayContentContainer';
 export declare type SelectActions = {
     setDropdownOpen?: (shouldOpen: boolean) => void;
 };
+export declare type OnChangeParams = {
+    value: Value;
+    option?: Option;
+    type?: ValueOf<typeof STATE_CHANGE_TYPE>;
+};
 export declare type BaseSelectProps = SpacewebComponentProps<Omit<BaseuiSelectProps, 'overrides' | 'size' | 'type' | 'onChange' | 'positive' | 'error'>> & {
     onChange?: (params: OnChangeParams) => unknown;
     intent?: Intent;
@@ -24,9 +30,10 @@ export declare type BaseSelectProps = SpacewebComponentProps<Omit<BaseuiSelectPr
     captureScroll?: boolean;
     placement?: PopoverProps['placement'];
     popoverMinWidth?: string;
-    methodsRef?: React.MutableRefObject<SelectActions>;
-    createOption?: (label: string) => OptionsT | Promise<OptionsT>;
-    onPaste?: (event: React.ClipboardEvent) => OptionsT | undefined;
+    createOption?: (label: string) => Options | Promise<Options>;
+    onPaste?: (event: React.ClipboardEvent) => Options | undefined;
+    virtual?: boolean;
+    ignoreBoundary?: boolean;
 };
 declare type Merge<A, B> = Omit<A, keyof B> & B;
 export declare type OverlaySelectProps = Merge<BaseSelectProps, {
@@ -63,6 +70,7 @@ export declare type SharedProps = {
     $selected?: boolean;
     $isEmpty?: boolean;
     $size?: Size;
+    $selectSize?: Size;
 };
 export declare type DropdownProps = Omit<BaseDropdownProps, 'overrides' | 'size' | 'type'> & {
     overrides?: {
@@ -70,9 +78,6 @@ export declare type DropdownProps = Omit<BaseDropdownProps, 'overrides' | 'size'
     };
     type?: Type;
 };
-export declare type OnChangeParams = BaseOnChangeParams & {
-    type?: ValueOf<typeof STATE_CHANGE_TYPE>;
-};
 export declare const SELECT_ALL_ID = "__selectAll";
 declare type RemoveValue = () => void;
 export declare type MultiValueProps = Omit<TagProps, 'overrides'> & SharedProps & {
@@ -88,4 +93,4 @@ export declare type MultiValueProps = Omit<TagProps, 'overrides'> & SharedProps
         } & Record<string, any>>;
     };
 };
-export type { TYPE, Option, Value, OptionsT, OptgroupsT, StateReducer, AutosizeInputProps, StatefulContainerProps, SelectState, AutosizeInputState, State as StatefulContainerState, } from 'baseui/select';
+export type { Option, Value, Options, Optgroups, StateReducer, ControlRef, ImperativeMethods, AutosizeInputProps, StatefulContainerProps, SelectState, AutosizeInputState, State as StatefulContainerState, } from 'baseui/select';

package/esm/slider/mark.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-declare const Mark: React.ForwardRefExoticComponent<import("baseui/slider").SharedProps & {
+declare const Mark: React.ForwardRefExoticComponent<import("baseui/slider").StyleProps & {
     $intent?: boolean | undefined;
     $step: number;
 } & {
     $markIndex: number;
     overrides?: {
-        MarkLabel?: import("../overrides").Override<import("baseui/slider").SharedProps & {
+        MarkLabel?: import("../overrides").Override<import("baseui/slider").StyleProps & {
             $intent?: boolean | undefined;
             $step: number;
         } & Record<string, any>> | undefined;
     } | undefined;
-    getMarkLabel: (props: import("baseui/slider").SharedProps & {
+    getMarkLabel: (props: import("baseui/slider").StyleProps & {
         $intent?: boolean | undefined;
         $step: number;
     } & {

package/esm/slider/slider.js

@@ -5,10 +5,11 @@ import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 import Mark from './mark';
 import { getInnerTrackStyles, getThumbStyles, getInnerThumbStyles, getThumbValueStyles } from './styled-components';
 import { isServer } from '../spacewebProvider/utils';
+// @ts-ignore
 BaseSlider.displayName = 'BaseSlider';
 var defaultMarkLabel = function (_a) {
     var $markIndex = _a.$markIndex, $min = _a.$min, $step = _a.$step;
-    return "".concat($min + $markIndex * $step);
+    return "".concat(($min || 0) + $markIndex * $step);
 };
 var Slider = function (_a) {
     var overrides = _a.overrides, markLabel = _a.markLabel, _b = _a.intent, intent = _b === void 0 ? 'default' : _b, _c = _a.getMarkLabel, getMarkLabel = _c === void 0 ? defaultMarkLabel : _c, className = _a.className, style = _a.style, restProps = __rest(_a, ["overrides", "markLabel", "intent", "getMarkLabel", "className", "style"]);

package/esm/slider/stateful-slider.js

@@ -2,6 +2,6 @@ import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import StatefulContainer from './stateful-slider-container';
 import Slider from './slider';
-var StatefulSlider = function (props) { return (_jsx(StatefulContainer, __assign({}, props, { children: function (sliderProps) { return _jsx(Slider, __assign({}, sliderProps), void 0); } }), void 0)); };
+var StatefulSlider = function (props) { return (_jsx(StatefulContainer, __assign({}, props, { children: function (sliderProps) { return _jsx(Slider, __assign({}, sliderProps, { overrides: props.overrides }), void 0); } }), void 0)); };
 StatefulSlider.displayName = 'StatefulSlider';
 export default StatefulSlider;

package/esm/slider/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderProps as BaseSliderProps, StatefulContainerProps as BaseStatefulContainerProps, StatefulSliderProps as BaseStatefulSliderProps, SharedProps as BaseSharedProps } from 'baseui/slider';
+import { SharedProps as BaseSharedProps, SliderProps as BaseSliderProps, StatefulContainerProps as BaseStatefulContainerProps, StatefulSliderProps as BaseStatefulSliderProps } from 'baseui/slider';
 import { Intent, SpacewebComponentProps } from '../types';
 import { Override } from '../overrides';
 declare type GetMarkLabelFn = (props: SharedProps & {
@@ -26,7 +26,14 @@ export declare type SharedProps = BaseSharedProps & {
     $step: number;
 };
 export declare type SliderProps = SpacewebComponentProps<Omit<BaseSliderProps, 'overrides'>> & CommonSliderProps;
-export declare type StatefulContainerProps = SpacewebComponentProps<Omit<BaseStatefulContainerProps, 'overrides'>> & CommonSliderProps;
+export declare type StatefulContainerProps = SpacewebComponentProps<Omit<BaseStatefulContainerProps, 'overrides' | 'stateReducer' | 'min' | 'max' | 'step' | 'onChange' | 'onFinalChange'>> & CommonSliderProps & {
+    stateReducer?: BaseStatefulContainerProps['stateReducer'];
+    min?: BaseStatefulContainerProps['min'];
+    max?: BaseStatefulContainerProps['max'];
+    step?: BaseStatefulContainerProps['step'];
+    onChange?: BaseStatefulContainerProps['onChange'];
+    onFinalChange?: BaseStatefulContainerProps['onFinalChange'];
+};
 export declare type StatefulSliderProps = SpacewebComponentProps<Omit<BaseStatefulSliderProps, 'overrides'>> & CommonSliderProps;
 export declare type MarkProps = SharedProps & {
     $markIndex: number;

package/esm/spacewebProvider/CustomBaseProvider.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 import * as React from 'react';
 import { BaseProvider } from 'baseui';
+// @ts-ignore
 BaseProvider.displayName = 'BaseUIProvider';
 // NOTE: Reason https://baseweb.design/components/layer/#layersmanager
 var BaseProviderOverrides = {

package/esm/spacewebProvider/SpacewebProvider.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import * as React from 'react';
-import { StandardEngine } from 'styletron-react';
+import { StandardEngine } from 'styletron-standard';
 import { Direction, ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
 import { Override } from '../overrides';
 import { LocaleProvider } from '../locale';

package/esm/style/_parseStyle.js

@@ -5,7 +5,6 @@ import { __read } from "tslib";
 /* eslint @typescript-eslint/no-use-before-define: 0, @typescript-eslint/no-explicit-any: 0 */
 import _flattenDeep from 'lodash/flattenDeep';
 import _merge from 'lodash/merge';
-import _escapeClassName from './_escapeClassName';
 export var PSEUDO_SELECTORS = {
     hover: ':hover',
     focus: ':focus',
@@ -39,18 +38,19 @@ var _parseStyle = function (utils, props) {
                     var _a = __read(className.split(':'), 2), prefix = _a[0], prefixedClassName = _a[1];
                     if (utils.theme.screens[prefix]) {
                         var mediaQuery = "@media screen and (min-width: ".concat(utils.theme.screens[prefix], ")");
-                        mergedStyleObject[mediaQuery] = Object.assign(mergedStyleObject[mediaQuery] || {}, utils.classes[_escapeClassName(prefixedClassName)]);
+                        mergedStyleObject[mediaQuery] = Object.assign(mergedStyleObject[mediaQuery] || {}, utils.classes[prefixedClassName]);
                         isInvalidClassName = false;
                     }
                     if (PSEUDO_SELECTORS[prefix]) {
                         var prefixKey = PSEUDO_SELECTORS[prefix];
-                        mergedStyleObject[prefixKey] = Object.assign(mergedStyleObject[prefixKey] || {}, utils.classes[_escapeClassName(prefixedClassName)]);
+                        mergedStyleObject[prefixKey] = Object.assign(mergedStyleObject[prefixKey] || {}, utils.classes[prefixedClassName]);
                         isInvalidClassName = false;
                     }
                 }
-                var utilityStyle = utils.classes[_escapeClassName(className)];
-                if (utilityStyle)
+                var utilityStyle = utils.classes[className];
+                if (utilityStyle) {
                     Object.assign(mergedStyleObject, utilityStyle);
+                }
                 else if (isInvalidClassName)
                     invalidArgs.push(className);
             });

package/esm/style/useMemoizedStyletron.d.ts

@@ -1,5 +1,5 @@
 /**
  * styletron returns new `styletronCSS` function each time the hook is called. This hook memorizes the css function and returns same reference every time.
  */
-declare const useMemoizedStyletron: () => [(arg: import("styletron-standard").StyleObject) => string, import("baseui").Theme];
+declare const useMemoizedStyletron: () => [(a: import("styletron-standard").StyleObject) => string, import("baseui").Theme];
 export default useMemoizedStyletron;

package/esm/styleEngine/styleEngine.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren, ReactElement } from 'react';
-import { Sheet } from 'styletron-engine-atomic';
-import { StandardEngine } from '../types';
+import { StandardEngine, Sheet } from '../types';
 export declare type ProviderProps = {
     styleEngine?: StandardEngine;
     debug?: boolean;

package/esm/switch/__test__/switch.spec.js

@@ -5,6 +5,7 @@ import '@testing-library/jest-dom/extend-expect';
 import { Switch } from '../index';
 import { TestProvider, getCSSFromEl, getTestStyleUtils, setupBreakpoints } from '../../test-utils/test-provider';
 import { mount } from 'enzyme';
+import * as React from 'react';
 var renderSwitch = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.intent, intent = _c === void 0 ? 'default' : _c, rest = __rest(_a, ["size", "intent"]);
     return render(_jsx(TestProvider, { children: _jsx(Switch, __assign({ size: size, intent: intent }, rest, { children: "Switch Label" }), void 0) }, void 0));
@@ -91,4 +92,16 @@ describe('Switch', function () {
             });
         });
     });
+    describe('inputRef', function () {
+        test('refObject should have the reference of input.', function () {
+            var inputRef = React.createRef();
+            var container = renderSwitch({ inputRef: inputRef }).container;
+            expect(inputRef.current).toBe(container.querySelector('input'));
+        });
+        test('refCallback should be called with input ref.', function () {
+            var inputRefCallback = jest.fn();
+            var container = renderSwitch({ inputRef: inputRefCallback }).container;
+            expect(inputRefCallback).toHaveBeenCalledWith(container.querySelector('input'));
+        });
+    });
 });

package/esm/switch/styled-components.js

@@ -2,10 +2,9 @@ import { __assign } from "tslib";
 import { hex2rgb } from '../helpers';
 import { borderRadius, margin } from '../helpers/longHandHelpers';
 import { intentColor } from '../helpers/intentHelper';
-import { getOutlineStyles } from '../helpers/commonStyles';
 var getTrackBackgroundColor = function (utils, props) {
     var theme = utils.theme;
-    var $disabled = props.$disabled, $checked = props.$checked, $isFocusVisible = props.$isFocusVisible, $isHovered = props.$isHovered;
+    var $disabled = props.$disabled, $checked = props.$checked;
     if ($disabled) {
         if ($checked) {
             return hex2rgb(intentColor(utils, props), '0.5');
@@ -15,19 +14,12 @@ var getTrackBackgroundColor = function (utils, props) {
     if ($checked) {
         return intentColor(utils, props);
     }
-    if ($isHovered || $isFocusVisible) {
-        return hex2rgb(theme.spr.interactive01, '0.2');
-    }
-    return theme.spr.ui03;
+    return theme.spr.icon03;
 };
 export var getToggleTrackOverrides = function (utils, props) {
-    var px2rem = utils.px2rem;
-    var $size = props.$size, $isFocusVisible = props.$isFocusVisible;
-    var styles = __assign(__assign(__assign({ boxSizing: 'border-box', height: px2rem(16), width: px2rem(28), backgroundColor: getTrackBackgroundColor(utils, props) }, borderRadius(px2rem(27))), margin(0)), ($isFocusVisible
-        ? __assign({}, getOutlineStyles(utils, {
-            $outlineOffset: '2px',
-            $outlineWidth: '2px',
-        })) : {}));
+    var px2rem = utils.px2rem, getStyle = utils.getStyle;
+    var $size = props.$size, $isFocusVisible = props.$isFocusVisible, $isHovered = props.$isHovered, $checked = props.$checked, $disabled = props.$disabled;
+    var styles = __assign(__assign({ height: px2rem(16), width: px2rem(28), backgroundColor: getTrackBackgroundColor(utils, props) }, borderRadius(px2rem(27))), { boxShadow: 'none' });
     switch ($size) {
         case 'lg':
             styles.height = px2rem(20);
@@ -40,16 +32,17 @@ export var getToggleTrackOverrides = function (utils, props) {
         default:
             break;
     }
-    return styles;
+    return getStyle([
+        'box-border border-1 m-0 border-transparent border-solid',
+        ($isHovered || $isFocusVisible) && !$checked && !$disabled ? 'spr-border-06' : '',
+        $isFocusVisible ? 'outline-01' : '',
+        styles,
+    ]);
 };
 export var getToggleOverrides = function (utils, props) {
-    var px2rem = utils.px2rem, direction = utils.direction, theme = utils.theme;
+    var px2rem = utils.px2rem, direction = utils.direction, theme = utils.theme, getStyle = utils.getStyle;
     var $size = props.$size, $checked = props.$checked, $disabled = props.$disabled, $isFocusVisible = props.$isFocusVisible;
-    var styles = __assign(__assign(__assign(__assign({ boxSizing: 'border-box', backgroundColor: $disabled ? theme.spr.ui03 : theme.spr.ui01, alignItems: 'center', display: 'flex', height: px2rem(12), width: px2rem(12) }, margin(px2rem(2))), borderRadius('50%')), { transform: $checked ? "translateX(".concat(direction === 'rtl' ? '-100%' : '100%', ")") : '', transition: 'transform 200ms' }), ($isFocusVisible
-        ? {
-            boxShadow: 'none',
-        }
-        : {}));
+    var styles = __assign(__assign(__assign({ backgroundColor: $disabled ? theme.spr.ui03 : theme.spr.ui01, height: px2rem(12), width: px2rem(12) }, margin(px2rem(1))), borderRadius('50%')), { transform: $checked ? "translateX(".concat(direction === 'rtl' ? '-100%' : '100%', ")") : '', transition: 'transform 200ms', boxShadow: 'none' });
     switch ($size) {
         case 'lg':
             styles.height = styles.width = px2rem(16);
@@ -60,7 +53,7 @@ export var getToggleOverrides = function (utils, props) {
         default:
             break;
     }
-    return styles;
+    return getStyle(['flex items-center box-border', styles]);
 };
 export var getLabelOverrides = function (_a, _b) {
     var px2rem = _a.px2rem, theme = _a.theme;

package/esm/switch/switch.js

@@ -3,13 +3,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Checkbox, StatefulCheckbox } from '../checkbox';
 import { STYLE_TYPE } from 'baseui/checkbox';
 import { useSwitchAdapter } from './basewebAdapter';
+import { useCombineRefObjects } from '../hooks/useCombinedRef';
 export var Switch = function (props) {
     var _a = useSwitchAdapter(props), overrides = _a.overrides, restProps = __rest(_a, ["overrides"]);
-    return (_jsx(Checkbox, __assign({ overrides: overrides, "data-spaceweb": "Switch", checkmarkType: STYLE_TYPE.toggle_round, labelPlacement: "right" }, restProps), void 0));
+    var inputRefObj = useCombineRefObjects(props.inputRef);
+    return (_jsx(Checkbox, __assign({ overrides: overrides, "data-spaceweb": "Switch", checkmarkType: STYLE_TYPE.toggle_round, labelPlacement: "right" }, restProps, { inputRef: inputRefObj }), void 0));
 };
 Switch.displayName = 'Switch';
 export var StatefulSwitch = function (props) {
     var _a = useSwitchAdapter(props), overrides = _a.overrides, restProps = __rest(_a, ["overrides"]);
-    return (_jsx(StatefulCheckbox, __assign({ overrides: overrides, "data-spaceweb": "StatefulSwitch", checkmarkType: STYLE_TYPE.toggle_round, labelPlacement: "right" }, restProps), void 0));
+    var inputRefObj = useCombineRefObjects(props.inputRef);
+    return (_jsx(StatefulCheckbox, __assign({ overrides: overrides, "data-spaceweb": "StatefulSwitch", checkmarkType: STYLE_TYPE.toggle_round, labelPlacement: "right" }, restProps, { inputRef: inputRefObj }), void 0));
 };
 StatefulSwitch.displayName = 'StatefulSwitch';

package/esm/switch/types.d.ts

@@ -1,8 +1,7 @@
-import { CheckboxProps as BaseSwitchProps, StatefulCheckboxProps as BaseStatefulSwitchProps } from 'baseui/checkbox';
+import { CheckboxProps as BaseSwitchProps, StatefulCheckboxProps as BaseStatefulSwitchProps } from '../checkbox';
 import { SharedProps as BaseSharedProps } from 'baseui/input';
-import { OutlineProps } from '../helpers/commonStyles';
 import { Override } from '../overrides';
-import { Intent, SpacewebComponentProps } from '../types';
+import { Intent } from '../types';
 export declare type SwitchSize = 'sm' | 'md' | 'lg';
 export declare type LabelPlacement = 'left' | 'right' | 'top' | 'bottom';
 export declare type SharedProps = BaseSharedProps & {
@@ -12,17 +11,15 @@ export declare type SharedProps = BaseSharedProps & {
     $isHovered: boolean;
     $size: SwitchSize;
 };
-export declare type SwitchProps = SpacewebComponentProps<Omit<BaseSwitchProps, 'overrides' | 'size' | 'intent'>> & {
+export declare type SwitchProps = Omit<BaseSwitchProps, 'overrides' | 'size'> & {
     size?: SwitchSize;
-    intent?: Intent;
     overrides?: {
-        [key in keyof BaseSwitchProps['overrides']]?: Override<SharedProps>;
+        [key in keyof Required<BaseSwitchProps>['overrides']]?: Override<SharedProps>;
     };
-} & OutlineProps;
-export declare type StatefulSwitchProps = SpacewebComponentProps<Omit<BaseStatefulSwitchProps, 'overrides' | 'size' | 'intent'>> & {
+};
+export declare type StatefulSwitchProps = Omit<BaseStatefulSwitchProps, 'overrides' | 'size'> & {
     size?: SwitchSize;
-    intent?: Intent;
     overrides?: {
-        [key in keyof BaseStatefulSwitchProps['overrides']]?: Override<SharedProps>;
+        [key in keyof Required<BaseStatefulSwitchProps>['overrides']]?: Override<SharedProps>;
     };
-} & OutlineProps;
+};

package/esm/textarea/basewebAdapters.js

@@ -23,10 +23,10 @@ function useTextareaAdapter(props) {
         },
         Input: {
             style: getTextareaInputStyles,
-            props: __assign({ onChange: handleChange, $autoSize: autoSize }, sharedProps),
+            props: __assign({ $autoSize: autoSize }, sharedProps),
         },
     }, restProps.overrides);
     var rows = autoSize && !restProps.rows ? 1 : restProps.rows;
-    return __assign(__assign({}, restProps), { overrides: overrides, rows: rows });
+    return __assign(__assign({}, restProps), { overrides: overrides, rows: rows, onChange: handleChange });
 }
 export default useTextareaAdapter;

package/esm/textarea/styled-components.d.ts

@@ -1,4 +1,4 @@
-export declare const getTextareaInputStyles: (import("..").StyleFn<import("../input").SharedProps> | (({}: {}, { $autoSize }: {
+export declare const getTextareaInputStyles: (import("..").StyleFn<Partial<Pick<import("../input").SharedProps, "$disabled" | "$size" | "$variant">>> | (({}: {}, { $autoSize }: {
     $autoSize: any;
 }) => "overflow-hidden" | "resize") | (({ theme }: {
     theme: any;

package/esm/textarea/textarea.js

@@ -6,6 +6,7 @@ import useAutoFocus from '../hooks/useAutoFocus';
 import useAutoSizeTextarea from './useAutoSizeTextarea';
 // @ts-ignore
 BaseTextarea.displayName = 'BaseUITextarea';
+// @ts-ignore
 BaseStatefulTextarea.displayName = 'BaseUIStatefulTextarea';
 export var Textarea = function (props) {
     var autoFocus = props.autoFocus, restProps = __rest(props, ["autoFocus"]);
@@ -22,12 +23,7 @@ Textarea.displayName = 'Textarea';
 export var StatefulTextarea = function (props) {
     var autoFocus = props.autoFocus, restProps = __rest(props, ["autoFocus"]);
     var autoFocusRef = useAutoFocus({ autoFocus: autoFocus, inputRef: restProps.inputRef });
-    var inputRef = useAutoSizeTextarea({
-        value: restProps.value,
-        autoSize: restProps.autoSize,
-        inputRef: autoFocusRef,
-    });
     var adaptedProps = useTextareaAdapter(restProps);
-    return _jsx(BaseStatefulTextarea, __assign({}, adaptedProps, { inputRef: inputRef }), void 0);
+    return _jsx(BaseStatefulTextarea, __assign({}, adaptedProps, { inputRef: autoFocusRef }), void 0);
 };
 StatefulTextarea.displayName = 'StatefulTextarea';

package/esm/textarea/types.d.ts

@@ -1,8 +1,9 @@
+import { Ref } from 'react';
 import { TextareaProps as BaseTextareaProps, StatefulTextareaProps as BaseStatefulTextareaProps } from 'baseui/textarea';
 import { InputSize, InputVariant, FocusPosition } from '../input';
 import { Intent, SpacewebComponentProps } from '../types';
 import { Override } from '../overrides';
-export declare type TextareaProps = SpacewebComponentProps<Omit<BaseTextareaProps, 'size' | 'overrides' | 'autoFocus'>> & {
+export declare type TextareaProps = SpacewebComponentProps<Omit<BaseTextareaProps, 'size' | 'overrides' | 'autoFocus' | 'inputRef'>> & {
     size?: InputSize;
     variant?: InputVariant;
     overrides?: {
@@ -13,8 +14,9 @@ export declare type TextareaProps = SpacewebComponentProps<Omit<BaseTextareaProp
     debounceInterval?: number;
     autoFocus?: FocusPosition;
     autoSize?: boolean;
+    inputRef?: Ref<HTMLTextAreaElement>;
 };
-export declare type StatefulTextareaProps = SpacewebComponentProps<Omit<BaseStatefulTextareaProps, 'size' | 'overrides' | 'autoFocus'>> & {
+export declare type StatefulTextareaProps = SpacewebComponentProps<Omit<BaseStatefulTextareaProps, 'size' | 'overrides' | 'autoFocus' | 'inputRef'>> & {
     size?: InputSize;
     variant?: InputVariant;
     overrides?: {
@@ -23,5 +25,5 @@ export declare type StatefulTextareaProps = SpacewebComponentProps<Omit<BaseStat
     debouncedOnChange?: BaseStatefulTextareaProps['onChange'];
     debounceInterval?: number;
     autoFocus?: FocusPosition;
-    autoSize?: boolean;
+    inputRef?: Ref<HTMLTextAreaElement>;
 };

package/esm/themes/index.js

@@ -14,5 +14,5 @@ var SPACEWEB_THEME_VS_BASEUI_THEME = {
 };
 export default SPACEWEB_THEME_VS_BASEUI_THEME;
 export function createTheme(theme, overrides) {
-    return _merge(theme, overrides);
+    return _merge({}, theme, overrides);
 }

package/esm/themes/responsive-theme.d.ts

@@ -7,7 +7,7 @@ declare const responsiveTheme: {
         medium: number;
         large: number;
     };
-    mediaQuery: Record<"medium" | "large" | "small", string>;
+    mediaQuery: Record<"large" | "medium" | "small", string>;
 };
 export declare const withResponsiveTheme: <T extends object>(theme: T) => T & {
     breakpoints: {
@@ -15,6 +15,6 @@ export declare const withResponsiveTheme: <T extends object>(theme: T) => T & {
         medium: number;
         large: number;
     };
-    mediaQuery: Record<"medium" | "large" | "small", string>;
+    mediaQuery: Record<"large" | "medium" | "small", string>;
 };
 export {};

package/esm/time-picker/TimePicker.d.ts

@@ -1,8 +1,3 @@
 import { ReactElement } from 'react';
 import { TimePickerProps } from './types';
-export declare const TimePicker: {
-    (props: TimePickerProps): ReactElement;
-    defaultProps: {
-        size: "md";
-    };
-};
+export declare const TimePicker: (props: TimePickerProps) => ReactElement;

package/esm/time-picker/TimePicker.js

@@ -5,7 +5,7 @@ import { Select } from '../select';
 import { useContextualFormProps } from '../form-control/context';
 import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 var useTimePickerBasewebAdapter = function (props) {
-    var _a = useContextualFormProps(props), size = _a.size, className = _a.className, style = _a.style, intent = _a.intent, overrides = _a.overrides, clearable = _a.clearable, restProps = __rest(_a, ["size", "className", "style", "intent", "overrides", "clearable"]);
+    var _a = useContextualFormProps(props), _b = _a.size, size = _b === void 0 ? 'md' : _b, className = _a.className, style = _a.style, intent = _a.intent, overrides = _a.overrides, clearable = _a.clearable, restProps = __rest(_a, ["size", "className", "style", "intent", "overrides", "clearable"]);
     var convertedOverrides = useConvertOverrides({
         Select: {
             component: Select,
@@ -23,6 +23,3 @@ export var TimePicker = function (props) {
     var adaptedProps = useTimePickerBasewebAdapter(props);
     return _jsx(BaseTimePicker, __assign({}, adaptedProps), void 0);
 };
-TimePicker.defaultProps = {
-    size: 'md',
-};

package/esm/time-picker/types.d.ts

@@ -2,10 +2,12 @@ import { Intent, Styles } from '../types';
 import { Override } from '../overrides/types';
 import { SharedProps, Size } from '../select/types';
 import { TimePickerProps as BaseTimePickerProps, TimePickerOverrides as BaseTimePickerOverrides } from 'baseui/timepicker';
+import { DateIOAdapter } from 'baseui/datepicker/utils/types';
 export declare type TimePickerOverrides = {
     [key in keyof BaseTimePickerOverrides]?: Override<SharedProps>;
 };
-export declare type TimePickerProps = Omit<BaseTimePickerProps, 'error' | 'positive' | 'overrides' | 'size' | 'nullable'> & {
+export declare type TimePickerProps = Omit<BaseTimePickerProps, 'error' | 'positive' | 'overrides' | 'size' | 'nullable' | 'adapter'> & {
+    adapter?: DateIOAdapter<Date>;
     intent?: Intent;
     className?: Styles;
     style?: Styles;

package/esm/time-range-picker/RangeSelector.js

@@ -3,13 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import { Box } from '../box';
 import DefaultTimeRangeList from './TimeRangeList';
-import Calendar from '../date-picker/Calendar';
+import BaseCalendar from '../date-picker/Calendar';
 import { useOverrides } from '../overrides';
 import { getHeight } from './utils';
 var RangeSelector = function (_a) {
-    var _b;
+    var _b, _c;
     var timeRange = _a.timeRange, preset = _a.preset, onChange = _a.onChange, formatString = _a.formatString, props = __rest(_a, ["timeRange", "preset", "onChange", "formatString"]);
-    var _c = __read(useOverrides((_b = props.overrides) === null || _b === void 0 ? void 0 : _b.TimeRangeList, DefaultTimeRangeList), 2), TimeRangeList = _c[0], timeRangeListProps = _c[1];
+    var _d = __read(useOverrides((_b = props.overrides) === null || _b === void 0 ? void 0 : _b.TimeRangeList, DefaultTimeRangeList), 2), TimeRangeList = _d[0], timeRangeListProps = _d[1];
+    var _e = __read(useOverrides((_c = props.overrides) === null || _c === void 0 ? void 0 : _c.Calendar, BaseCalendar), 2), Calendar = _e[0], calendarProps = _e[1];
     var height = getHeight({
         monthsShown: props.monthsShown,
         timeSelect: props.timeSelect,
@@ -17,9 +18,9 @@ var RangeSelector = function (_a) {
     return (_jsxs(Box, __assign({ className: [
             'flex border-t-1 border-b-1 border-r-0 border-l-0 border-solid spr-border-01',
             { height: "".concat(height, "px") },
-        ] }, { children: [props.timeRangePresets.length !== 1 ? (_jsx(TimeRangeList, __assign({ onChange: onChange, timeRange: timeRange, preset: preset, timeRangePresets: props.timeRangePresets }, timeRangeListProps), void 0)) : null, _jsx(Box, __assign({ className: "overflow-y-auto" }, { children: _jsx(Calendar, { timeSelectEnd: props.timeSelect, timeSelectStart: props.timeSelect, value: timeRange, onChange: onChange, peekNextMonth: props.peekNextMonth, excludeDates: props.excludeDates, filterDate: props.filterDate, minDate: props.minDate, maxDate: props.maxDate, range: true, monthsShown: props.monthsShown, locale: props.locale, formatString: formatString, 
+        ] }, { children: [props.timeRangePresets.length !== 1 ? (_jsx(TimeRangeList, __assign({ onChange: onChange, timeRange: timeRange, preset: preset, timeRangePresets: props.timeRangePresets }, timeRangeListProps), void 0)) : null, _jsx(Box, __assign({ className: "overflow-y-auto" }, { children: _jsx(Calendar, __assign({ timeSelectEnd: props.timeSelect, timeSelectStart: props.timeSelect, value: timeRange, onChange: onChange, peekNextMonth: props.peekNextMonth, excludeDates: props.excludeDates, filterDate: props.filterDate, minDate: props.minDate, maxDate: props.maxDate, range: true, monthsShown: props.monthsShown, locale: props.locale, formatString: formatString, 
                     // @ts-ignore
-                    overrides: props.overrides, fixedHeight: props.fixedHeight }, void 0) }), void 0)] }), void 0));
+                    overrides: props.overrides, fixedHeight: props.fixedHeight }, calendarProps), void 0) }), void 0)] }), void 0));
 };
 RangeSelector.displayName = 'RangeSelector';
 export default memo(RangeSelector);