@cube-dev/ui-kit 0.0.0-canary-7480fe6 → 0.0.0-canary-4e595be

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -41,9 +41,9 @@ function DialogTrigger(props) {
     // eslint-disable-next-line arrow-body-style
     (0, react_1.useEffect)(() => {
         return () => {
-            if ((wasOpen.current || isExiting.current)
-                && type !== 'popover'
-                && type !== 'tray') {
+            if ((wasOpen.current || isExiting.current) &&
+                type !== 'popover' &&
+                type !== 'tray') {
                 console.warn('CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.');
             }
         };
@@ -107,10 +107,10 @@ function DialogTriggerBase(props) {
         isDismissable,
         ...dialogProps,
     };
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen
-                    && type !== 'modal'
-                    && type !== 'fullscreen'
-                    && type !== 'fullscreenTakeover', children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen &&
+                    type !== 'modal' &&
+                    type !== 'fullscreen' &&
+                    type !== 'fullscreenTakeover', children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const react_1 = require("react");
 const Underlay_1 = require("./Underlay");
 const overlays_1 = require("@react-aria/overlays");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
 exports.OVERLAY_WRAPPER_STYLES = {
     position: 'fixed',
@@ -69,7 +69,7 @@ let ModalWrapper = (0, react_1.forwardRef)(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
     styles = {
         ...MODAL_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Modal', props),
+        ...(0, tasty_1.useContextStyles)('Modal', props),
         ...styles,
     };
     (0, overlays_1.usePreventScroll)();

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * 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.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ const Overlay_1 = require("./Overlay");
 const react_2 = require("react");
 const overlays_1 = require("@react-aria/overlays");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 const POPOVER_STYLES = {
     pointerEvents: 'auto',
     position: 'absolute',
@@ -46,7 +46,7 @@ const PopoverWrapper = (0, react_2.forwardRef)((props, ref) => {
     });
     styles = {
         ...POPOVER_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Popover', props),
+        ...(0, tasty_1.useContextStyles)('Popover', props),
         ...styles,
     };
     return ((0, jsx_runtime_1.jsx)(Base_1.Base, { qa: qa || 'Popover', ...(0, react_1.mergeProps)(otherProps, overlayProps, modalProps), styles: styles, ref: ref, mods: {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ const Underlay_1 = require("./Underlay");
 const overlays_1 = require("@react-aria/overlays");
 const Modal_1 = require("./Modal");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
 const TRAY_STYLES = {
     zIndex: 2,
@@ -44,7 +44,7 @@ let TrayWrapper = (0, react_1.forwardRef)(function (props, ref) {
     });
     styles = {
         ...TRAY_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Tray', props),
+        ...(0, tasty_1.useContextStyles)('Tray', props),
         ...styles,
     };
     // We need to measure the window's height in JS rather than using percentages in CSS

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ exports.Underlay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 const UNDERLAY_STYLES = {
     position: 'fixed',
     top: 0,
@@ -39,7 +39,7 @@ const UNDERLAY_STYLES = {
 const Underlay = ({ isOpen, ...otherProps }, ref) => {
     const styles = {
         ...UNDERLAY_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Underlay'),
+        ...(0, tasty_1.useContextStyles)('Underlay'),
     };
     return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ref: ref, "data-qa": "Underlay", styles: styles, mods: {
             open: isOpen,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -15,9 +15,7 @@ const utils_1 = require("@react-spectrum/utils");
 const context_1 = require("./context");
 const tooltip_1 = require("@react-aria/tooltip");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 const transitions_1 = require("../../../utils/transitions");
 const TOOLTIP_STYLES = {
     display: 'block',
@@ -68,14 +66,14 @@ function Tooltip(props, ref) {
     overlayRef = overlayRef || defaultRef;
     props = (0, react_2.mergeProps)(props, tooltipProviderProps);
     let { placement = 'top', isOpen, tipStyles, showIcon, isMaterial, ...otherProps } = props;
-    const styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES, {
+    const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES, {
         ...TOOLTIP_STYLES,
         pointerEvents: isMaterial ? 'auto' : 'none',
-        ...(0, StylesProvider_1.useContextStyles)('Tooltip', props),
+        ...(0, tasty_1.useContextStyles)('Tooltip', props),
     });
     tipStyles = {
         ...TIP_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Tooltip_Tip'),
+        ...(0, tasty_1.useContextStyles)('Tooltip_Tip'),
         ...tipStyles,
     };
     let { tooltipProps } = (0, tooltip_1.useTooltip)(props, state);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -20,10 +20,8 @@ const interactions_1 = require("@react-aria/interactions");
 const provider_1 = require("../../../provider");
 const i18n_1 = require("@react-aria/i18n");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const interactions_2 = require("../../../utils/interactions");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
+const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const FieldWrapper_1 = require("../../forms/FieldWrapper");
 const Select_1 = require("../Select/Select");
@@ -74,19 +72,19 @@ function ComboBox(props, ref) {
         defaultFilter: filter || contains,
         allowsEmptyCollection: isAsync,
     });
-    const outerStyles = (0, styles_1.extractStyles)(otherProps, list_1.OUTER_STYLES, {
+    const outerStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
         ...COMBOBOX_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('ComboBox_Wrapper', props),
+        ...(0, tasty_1.useContextStyles)('ComboBox_Wrapper', props),
         ...styles,
     });
-    inputStyles = (0, styles_1.extractStyles)(otherProps, list_1.BLOCK_STYLES, {
+    inputStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
         ...INPUT_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('ComboBox', props),
+        ...(0, tasty_1.useContextStyles)('ComboBox', props),
         ...inputStyles,
     });
     triggerStyles = {
         ...TRIGGER_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('ComboBox_Trigger', props),
+        ...(0, tasty_1.useContextStyles)('ComboBox_Trigger', props),
         ...triggerStyles,
     };
     ref = (0, react_2.useCombinedRefs)(ref);

package/cjs/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -18,9 +18,7 @@ const menu_1 = require("@react-aria/menu");
 const utils_1 = require("@react-aria/utils");
 const utils_2 = require("@react-spectrum/utils");
 const tree_1 = require("@react-stately/tree");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
-const list_1 = require("../../../styles/list");
-const styles_1 = require("../../../utils/styles");
+const tasty_1 = require("../../../tasty");
 const styled_1 = require("./styled");
 const MenuItem_1 = require("./MenuItem");
 const MenuSection_1 = require("./MenuSection");
@@ -34,8 +32,8 @@ function Menu(props, ref) {
     const items = [...state.collection];
     const hasSections = items.some((item) => item.type === 'section');
     const { menuProps } = (0, menu_1.useMenu)(completeProps, state, domRef);
-    const menuStyles = (0, StylesProvider_1.useContextStyles)('Menu', props) || {};
-    const containerStyles = (0, styles_1.extractStyles)(completeProps, list_1.CONTAINER_STYLES);
+    const menuStyles = (0, tasty_1.useContextStyles)('Menu', props) || {};
+    const containerStyles = (0, tasty_1.extractStyles)(completeProps, tasty_1.CONTAINER_STYLES);
     const baseProps = {
         styles: {
             ...menuStyles,

package/cjs/components/pickers/Menu/MenuButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/styled.js

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMenuSectionHeading = exports.StyledMenuItem = exports.StyledMenuSection = exports.StyledMenuHeader = exports.StyledDivider = exports.StyledMenu = void 0;
-const styled_1 = require("../../../styled");
+const tasty_1 = require("../../../tasty");
 const Space_1 = require("../../layout/Space");
-exports.StyledMenu = (0, styled_1.styled)({
-    tag: 'ul',
-    name: 'Menu',
+exports.StyledMenu = (0, tasty_1.tasty)({
+    as: 'ul',
+    qa: 'Menu',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -39,8 +39,8 @@ exports.StyledMenu = (0, styled_1.styled)({
         },
     },
 });
-exports.StyledDivider = (0, styled_1.styled)({
-    tag: 'li',
+exports.StyledDivider = (0, tasty_1.tasty)({
+    as: 'li',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -50,8 +50,8 @@ exports.StyledDivider = (0, styled_1.styled)({
         height: '1px',
     },
 });
-exports.StyledMenuHeader = (0, styled_1.styled)(Space_1.Space, {
-    tag: 'li',
+exports.StyledMenuHeader = (0, tasty_1.tasty)(Space_1.Space, {
+    as: 'li',
     styles: {
         fill: '#light',
         color: '#dark-02',
@@ -64,8 +64,8 @@ exports.StyledMenuHeader = (0, styled_1.styled)(Space_1.Space, {
         radius: '1r 1r 0 0',
     },
 });
-exports.StyledMenuSection = (0, styled_1.styled)({
-    tag: 'li',
+exports.StyledMenuSection = (0, tasty_1.tasty)({
+    as: 'li',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -80,8 +80,8 @@ exports.StyledMenuSection = (0, styled_1.styled)({
         fill: '#white',
     },
 });
-exports.StyledMenuItem = (0, styled_1.styled)({
-    tag: 'li',
+exports.StyledMenuItem = (0, tasty_1.tasty)({
+    as: 'li',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -96,8 +96,8 @@ exports.StyledMenuItem = (0, styled_1.styled)({
         },
     },
 });
-exports.StyledMenuSectionHeading = (0, styled_1.styled)(Space_1.Space, {
-    tag: 'header',
+exports.StyledMenuSectionHeading = (0, tasty_1.tasty)(Space_1.Space, {
+    as: 'header',
     styles: {
         color: '#dark-03',
         preset: 'c1',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -23,11 +23,8 @@ const Form_1 = require("../../forms/Form/Form");
 const interactions_1 = require("@react-aria/interactions");
 const provider_1 = require("../../../provider");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const interactions_2 = require("../../../utils/interactions");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
-const react_4 = require("../../../utils/react");
+const tasty_1 = require("../../../tasty");
+const interactions_2 = require("../../../utils/react/interactions");
 const FieldWrapper_1 = require("../../forms/FieldWrapper");
 const collections_1 = require("@react-stately/collections");
 const OverlayWrapper_1 = require("../../overlays/OverlayWrapper");
@@ -123,22 +120,22 @@ function Select(props, ref) {
     props = (0, Form_1.useFormProps)(props);
     let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, suffix, listBoxStyles, overlayStyles, message, description, direction = 'bottom', shouldFlip = true, requiredMark = true, placeholder, tooltip, size, styles, ...otherProps } = props;
     let state = (0, select_1.useSelectState)(props);
-    const outerStyles = (0, styles_1.extractStyles)(otherProps, list_1.OUTER_STYLES, {
+    const outerStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
         ...SELECT_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Select_Wrapper', otherProps),
+        ...(0, tasty_1.useContextStyles)('Select_Wrapper', otherProps),
         ...styles,
     });
-    inputStyles = (0, styles_1.extractStyles)(otherProps, list_1.BLOCK_STYLES, {
+    inputStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
         ...INPUT_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Select', otherProps),
+        ...(0, tasty_1.useContextStyles)('Select', otherProps),
         ...inputStyles,
     });
     if (styles) {
     }
-    ref = (0, react_4.useCombinedRefs)(ref);
-    triggerRef = (0, react_4.useCombinedRefs)(triggerRef);
-    popoverRef = (0, react_4.useCombinedRefs)(popoverRef);
-    listBoxRef = (0, react_4.useCombinedRefs)(listBoxRef);
+    ref = (0, react_2.useCombinedRefs)(ref);
+    triggerRef = (0, react_2.useCombinedRefs)(triggerRef);
+    popoverRef = (0, react_2.useCombinedRefs)(popoverRef);
+    listBoxRef = (0, react_2.useCombinedRefs)(listBoxRef);
     let { labelProps, triggerProps, valueProps, menuProps } = (0, select_2.useSelect)(props, state, triggerRef);
     let { overlayProps, placement } = (0, overlays_1.useOverlayPosition)({
         targetRef: triggerRef,
@@ -201,7 +198,7 @@ function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlaySty
     }, state, listBoxRef);
     listBoxStyles = {
         ...LISTBOX_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('ListBoxPopup'),
+        ...(0, tasty_1.useContextStyles)('ListBoxPopup'),
         ...listBoxStyles,
     };
     // Handle events that should cause the popup to close,
@@ -230,7 +227,7 @@ function Option({ item, state, styles, shouldUseVirtualFocus }) {
     let isVirtualFocused = state.selectionManager.focusedKey === item.key;
     styles = {
         ...OPTION_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Option'),
+        ...(0, tasty_1.useContextStyles)('Option'),
         ...styles,
     };
     let { optionProps } = (0, listbox_1.useOption)({

package/cjs/components/portal/Portal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/portal/PortalProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/portal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 

package/cjs/components/portal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */