@cube-dev/ui-kit 0.0.0-canary-70220b3 → 0.0.0-canary-112bb48

package/cjs/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -15,13 +15,10 @@ const checkbox_1 = require("@react-aria/checkbox");
 const interactions_1 = require("@react-aria/interactions");
 const toggle_1 = require("@react-stately/toggle");
 const provider_1 = require("../../../provider");
-const list_1 = require("../../../styles/list");
-const styles_1 = require("../../../utils/styles");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const interactions_2 = require("../../../utils/interactions");
+const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const Label_1 = require("../Label");
 const HiddenInput_1 = require("../../HiddenInput");
 const Form_1 = require("../Form/Form");
@@ -79,14 +76,14 @@ function Checkbox(props, ref) {
     // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
     // but since the checkbox won't move in and out of a group, it should be safe.
     let groupState = (0, react_1.useContext)(context_1.CheckboxGroupContext);
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('Checkbox_Wrapper', props);
-    let inputContextStyles = (0, StylesProvider_1.useContextStyles)('Checkbox', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('Checkbox_Label', props);
-    let styles = (0, styles_1.extractStyles)(props, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('Checkbox_Wrapper', props);
+    let inputContextStyles = (0, tasty_1.useContextStyles)('Checkbox', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('Checkbox_Label', props);
+    let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES, {
         ...(insideForm && !groupState ? {} : DEFAULT_STYLES),
         ...wrapperContextStyles,
     });
-    let inputStyles = (0, styles_1.extractStyles)(props, list_1.BLOCK_STYLES, {
+    let inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, {
         ...INPUT_STYLES,
         ...inputContextStyles,
     });
@@ -160,11 +157,11 @@ function Checkbox(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...(0, filterBaseProps_1.filterBaseProps)(otherProps), ref: domRef, children: [checkboxField, label && ((0, jsx_runtime_1.jsx)(Base_1.Base, { styles: labelStyles, mods: {
+    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [checkboxField, label && ((0, jsx_runtime_1.jsx)(Base_1.Base, { styles: labelStyles, mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...(0, filterBaseProps_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
 }
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,

package/cjs/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -17,10 +17,8 @@ const checkbox_1 = require("@react-aria/checkbox");
 const checkbox_2 = require("@react-stately/checkbox");
 const Form_1 = require("../Form/Form");
 const context_1 = require("./context");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const STYLES = {
@@ -55,14 +53,14 @@ function CheckboxGroup(props, ref) {
     props = (0, Form_1.useFormProps)(props);
     let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('CheckboxGroup_Wrapper', props);
-    let groupContextStyles = (0, StylesProvider_1.useContextStyles)('CheckboxGroup', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('CheckboxGroup_Label', props);
-    let styles = (0, styles_1.extractStyles)(otherProps, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('CheckboxGroup_Wrapper', props);
+    let groupContextStyles = (0, tasty_1.useContextStyles)('CheckboxGroup', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('CheckboxGroup_Label', props);
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
         ...STYLES,
         ...wrapperContextStyles,
     });
-    let groupStyles = (0, styles_1.extractStyles)(otherProps, list_1.BLOCK_STYLES, {
+    let groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
         ...GROUP_STYLES,
         ...groupContextStyles,
     });

package/cjs/components/forms/Checkbox/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -14,14 +14,12 @@ const Text_1 = require("../content/Text");
 const Label_1 = require("./Label");
 const Grid_1 = require("../layout/Grid");
 const Paragraph_1 = require("../content/Paragraph");
+const tasty_1 = require("../../tasty");
 const TooltipProvider_1 = require("../overlays/Tooltip/TooltipProvider");
 const icons_1 = require("@ant-design/icons");
 const react_2 = require("../../utils/react");
-const styled_1 = require("../../styled");
-const RawField = (0, styled_1.styled)({
-    props: {
-        qa: 'Field',
-    },
+const RawField = (0, tasty_1.tasty)({
+    qa: 'Field',
     styles: {
         display: 'grid',
         gridColumns: {
@@ -50,10 +48,8 @@ const RawField = (0, styled_1.styled)({
         },
     },
 });
-const RawMessage = (0, styled_1.styled)({
-    props: {
-        qa: 'Field_Message',
-    },
+const RawMessage = (0, tasty_1.tasty)({
+    qa: 'Field_Message',
     styles: {
         preset: 'default',
         color: {

package/cjs/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -12,11 +12,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const provider_1 = require("../../../provider");
 const Action_1 = require("../../actions/Action");
+const tasty_1 = require("../../../tasty");
 const utils_1 = require("@react-spectrum/utils");
 const FieldWrapper_1 = require("../FieldWrapper");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const DEFAULT_WRAPPER_STYLES = {
     display: 'inline-flex',
     position: 'relative',
@@ -79,10 +77,10 @@ function FileInput(props, ref) {
     let domRef = (0, react_1.useRef)(null);
     let defaultInputRef = (0, react_1.useRef)(null);
     inputRef = inputRef || defaultInputRef;
-    let styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES);
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
     inputStyles = {
         ...DEFAULT_WRAPPER_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('FileInput', otherProps),
+        ...(0, tasty_1.useContextStyles)('FileInput', otherProps),
         ...inputStyles,
     };
     const onLocalChange = (0, react_1.useCallback)((event) => {

package/cjs/components/forms/Form/Field.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -13,9 +13,7 @@ const utils_1 = require("@react-spectrum/utils");
 const provider_1 = require("../../../provider");
 const react_1 = require("react");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
+const tasty_1 = require("../../../tasty");
 const useForm_1 = require("./useForm");
 const react_2 = require("../../../utils/react");
 const promise_1 = require("../../../utils/promise");
@@ -52,8 +50,8 @@ function Form(props, ref) {
                 e && (e === null || e === void 0 ? void 0 : e.stopPropagation) && (e === null || e === void 0 ? void 0 : e.stopPropagation());
                 if (e.nativeEvent) {
                     const evt = e.nativeEvent;
-                    if (evt.submitter
-                        && evt.submitter.getAttribute('type') !== 'submit') {
+                    if (evt.submitter &&
+                        evt.submitter.getAttribute('type') !== 'submit') {
                         return;
                     }
                 }
@@ -86,7 +84,7 @@ function Form(props, ref) {
         onSubmit: onSubmitCallback,
         onValuesChange,
     });
-    styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
+    styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
     if (labelWidth) {
         styles['@label-width'] = labelWidth;
     }
@@ -112,7 +110,7 @@ function Form(props, ref) {
             form === null || form === void 0 ? void 0 : form.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: "form", qa: "Form", ...(0, filterBaseProps_1.filterBaseProps)(otherProps, { propNames: formPropNames }), onSubmit: onSubmitCallback, noValidate: true, styles: styles, ref: domRef, mods: {
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: "form", qa: "Form", ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), onSubmit: onSubmitCallback, noValidate: true, styles: styles, ref: domRef, mods: {
             'has-sider': labelPosition === 'side',
         }, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
 }

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/useForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForm = exports.CubeFormInstance = void 0;
 const react_1 = require("react");
-const dotize_1 = require("../../../utils/dotize");
+const tasty_1 = require("../../../tasty");
 const validation_1 = require("./validation");
 function setValue(obj, path, value) {
     let a = path.split('.');
@@ -131,7 +131,7 @@ class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        this.initialFields = dotize_1.dotize.convert(values) || {};
+        this.initialFields = tasty_1.dotize.convert(values) || {};
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();

package/cjs/components/forms/Form/validation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -12,11 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
 const provider_1 = require("../../provider");
-const styles_1 = require("../../utils/styles");
-const list_1 = require("../../styles/list");
-const Base_1 = require("../Base");
-const StylesProvider_1 = require("../../providers/StylesProvider");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const REQUIRED_ICON = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", style: {
         // @ts-ignore
         enableBackground: 'new 0 0 100 100',
@@ -57,15 +53,17 @@ exports.LABEL_STYLES = {
         side: '@(label-width, initial)',
     },
 };
+const RawLabel = (0, tasty_1.tasty)({
+    as: 'label',
+    qa: 'Label',
+    styles: exports.LABEL_STYLES,
+});
 function Label(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     let { as, qa, children, labelPosition = 'top', isRequired, necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName = false, htmlFor, isDisabled, validationState, for: labelFor, onClick, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
-    const contextStyles = (0, StylesProvider_1.useContextStyles)('Label', otherProps);
-    const styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES, {
-        ...exports.LABEL_STYLES,
-        ...contextStyles,
-    });
+    const contextStyles = (0, tasty_1.useContextStyles)('Label', otherProps);
+    const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES, contextStyles || {});
     let formatMessage = (message) => INTL_MESSAGES[message];
     let necessityLabel = isRequired
         ? formatMessage('(required)')
@@ -73,14 +71,14 @@ function Label(props, ref) {
     let icon = ((0, jsx_runtime_1.jsx)("span", { "aria-label": includeNecessityIndicatorInAccessibilityName
             ? formatMessage('(required)')
             : undefined, children: REQUIRED_ICON }, void 0));
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: as || 'label', qa: qa || 'Label', ...(0, filterBaseProps_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
+    return ((0, jsx_runtime_1.jsx)(RawLabel, { ...(0, tasty_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
             side: labelPosition === 'side',
             disabled: isDisabled,
             invalid: validationState === 'invalid',
             valid: validationState === 'valid',
-        }, children: typeof children !== 'string' ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (necessityIndicator === 'label'
-                    || (necessityIndicator === 'icon' && isRequired))
-                    && ' \u200b', necessityIndicator === 'label' && ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
+        }, children: typeof children !== 'string' ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (necessityIndicator === 'label' ||
+                    (necessityIndicator === 'icon' && isRequired)) &&
+                    ' \u200b', necessityIndicator === 'label' && ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
                         ? isRequired
                         : undefined, children: necessityLabel }, void 0)), necessityIndicator === 'icon' && isRequired && icon] }, void 0)) }, void 0));
 }

package/cjs/components/forms/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -17,9 +17,9 @@ const TextInputBase_1 = require("../TextInput/TextInputBase");
 const numberfield_1 = require("@react-stately/numberfield");
 const numberfield_2 = require("@react-aria/numberfield");
 const StepButton_1 = require("./StepButton");
-const styled_1 = require("../../../styled");
+const tasty_1 = require("../../../tasty");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
-const StepperContainer = (0, styled_1.styled)({
+const StepperContainer = (0, tasty_1.tasty)({
     styles: {
         display: 'grid',
         gridColumns: '1fr',

package/cjs/components/forms/NumberInput/StepButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/RadioGroup/Radio.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -14,12 +14,9 @@ const react_1 = require("react");
 const interactions_1 = require("@react-aria/interactions");
 const radio_1 = require("@react-aria/radio");
 const context_1 = require("./context");
-const styles_1 = require("../../../utils/styles");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
-const list_1 = require("../../../styles/list");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const interactions_2 = require("../../../utils/interactions");
+const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const provider_1 = require("../../../provider");
 const Label_1 = require("../Label");
@@ -108,19 +105,19 @@ function Radio(props, ref) {
     let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type, 'aria-label': ariaLabel, ...otherProps } = props;
     let isButton = type === 'button';
     label = label || children;
-    let styles = (0, styles_1.extractStyles)(otherProps, list_1.OUTER_STYLES, {
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
         ...STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Radio_Wrapper', props),
+        ...(0, tasty_1.useContextStyles)('Radio_Wrapper', props),
     });
-    inputStyles = (0, styles_1.extractStyles)(otherProps, list_1.BLOCK_STYLES, {
+    inputStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
         ...(isButton ? BUTTON_STYLES : INPUT_STYLES),
-        ...(0, StylesProvider_1.useContextStyles)(isButton ? 'RadioButton' : 'Radio', props),
+        ...(0, tasty_1.useContextStyles)(isButton ? 'RadioButton' : 'Radio', props),
         ...inputStyles,
     });
     labelStyles = {
         ...Label_1.INLINE_LABEL_STYLES,
         fontWeight: 400,
-        ...(0, StylesProvider_1.useContextStyles)('Radio_Label', props),
+        ...(0, tasty_1.useContextStyles)('Radio_Label', props),
         ...labelStyles,
     };
     let state = (0, context_1.useRadioProvider)();
@@ -155,7 +152,7 @@ function Radio(props, ref) {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...(0, filterBaseProps_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
 }
 function RadioButton(props, ref) {
     const Radio = _Radio;

package/cjs/components/forms/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -17,10 +17,8 @@ const radio_1 = require("@react-aria/radio");
 const radio_2 = require("@react-stately/radio");
 const Form_1 = require("../Form/Form");
 const context_1 = require("./context");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const GROUP_STYLES = {
@@ -43,14 +41,14 @@ function RadioGroup(props, ref) {
     props = (0, Form_1.useFormProps)(props);
     let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('RadioGroup_Wrapper', props);
-    let groupContextStyles = (0, StylesProvider_1.useContextStyles)('RadioGroup', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('RadioGroup_Label', props);
-    styles = (0, styles_1.extractStyles)(otherProps, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('RadioGroup_Wrapper', props);
+    let groupContextStyles = (0, tasty_1.useContextStyles)('RadioGroup', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('RadioGroup_Label', props);
+    styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
         ...wrapperContextStyles,
         ...styles,
     });
-    groupStyles = (0, styles_1.extractStyles)(otherProps, list_1.BLOCK_STYLES, {
+    groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
         ...GROUP_STYLES,
         ...groupContextStyles,
         ...groupStyles,

package/cjs/components/forms/RadioGroup/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

package/cjs/components/forms/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -15,13 +15,10 @@ const switch_1 = require("@react-aria/switch");
 const interactions_1 = require("@react-aria/interactions");
 const toggle_1 = require("@react-stately/toggle");
 const provider_1 = require("../../../provider");
-const list_1 = require("../../../styles/list");
-const styles_1 = require("../../../utils/styles");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const interactions_2 = require("../../../utils/interactions");
+const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const HiddenInput_1 = require("../../HiddenInput");
 const Label_1 = require("../Label");
 const icons_1 = require("@ant-design/icons");
@@ -80,15 +77,15 @@ function Switch(props, ref) {
     props = (0, Form_1.useFormProps)(props);
     let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
     label = label || children;
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Wrapper', props);
-    let inputContextStyles = (0, StylesProvider_1.useContextStyles)('Switch', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Label', props);
-    let thumbContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Thumb', props);
-    let styles = (0, styles_1.extractStyles)(props, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('Switch_Wrapper', props);
+    let inputContextStyles = (0, tasty_1.useContextStyles)('Switch', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('Switch_Label', props);
+    let thumbContextStyles = (0, tasty_1.useContextStyles)('Switch_Thumb', props);
+    let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES, {
         ...(insideForm ? {} : STYLES),
         ...wrapperContextStyles,
     });
-    inputStyles = (0, styles_1.extractStyles)(props, list_1.BLOCK_STYLES, {
+    inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, {
         ...INPUT_STYLES,
         ...inputContextStyles,
         ...(insideForm && labelPosition === 'side'
@@ -142,9 +139,9 @@ function Switch(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, ...hoverProps, ...(0, filterBaseProps_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(Base_1.Base, { styles: labelStyles, mods: {
+    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(Base_1.Base, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...(0, filterBaseProps_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))] }, 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.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */
 
@@ -32,10 +32,10 @@ function TextArea(props, ref) {
             input.style.height = 'auto';
             input.style.height = input.scrollHeight
                 ? `calc(${input.scrollHeight}px + (2 * var(--border-width)))`
-                : `${parseFloat(computedStyle.paddingTop)
-                    + parseFloat(computedStyle.paddingBottom)
-                    + parseFloat(computedStyle.lineHeight) * (rows || 3)
-                    + 2}px`;
+                : `${parseFloat(computedStyle.paddingTop) +
+                    parseFloat(computedStyle.paddingBottom) +
+                    parseFloat(computedStyle.lineHeight) * (rows || 3) +
+                    2}px`;
             input.style.alignSelf = prevAlignment;
         }
     }, [inputRef]);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * @cube-dev/ui-kit v0.0.0-canary-112bb48
  * Released under the MIT license.
  */