npm - @cube-dev/ui-kit - Versions diffs - 0.20.6 → 0.20.8 - Mend

@cube-dev/ui-kit 0.20.6 → 0.20.8

Files changed (587) hide show

package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationView/index.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationView/types.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsContext/index.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsList/index.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/NotificationsList/types.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/index.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/types.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/index.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/types.js CHANGED Viewed

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

package/es/components/overlays/Notification/Notification.js CHANGED Viewed

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

package/es/components/overlays/OverlayWrapper.js CHANGED Viewed

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

package/es/components/overlays/Toasts/Toast.js CHANGED Viewed

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

package/es/components/overlays/Toasts/index.js CHANGED Viewed

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

package/es/components/overlays/Toasts/types.js CHANGED Viewed

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

package/es/components/overlays/Toasts/use-toasts-api.js CHANGED Viewed

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

package/es/components/overlays/Tooltip/Tooltip.js CHANGED Viewed

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

package/es/components/overlays/Tooltip/TooltipProvider.js CHANGED Viewed

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

package/es/components/overlays/Tooltip/TooltipTrigger.js CHANGED Viewed

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

package/es/components/overlays/Tooltip/context.js CHANGED Viewed

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

package/es/components/pickers/ComboBox/ComboBox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.6
+ * @cube-dev/ui-kit v0.20.8
  * Released under the MIT license.
  */
@@ -75,6 +75,7 @@ export const ComboBox = forwardRef(function ComboBox(props, ref) {
     let isAsync = loadingState != null;
     let { contains } = useFilter({ sensitivity: 'base' });
     const comboboxProps = {
+        ...otherProps,
         inputValue: props.inputValue,
         defaultInputValue: props.defaultInputValue,
         defaultItems: props.defaultItems,

package/es/components/pickers/Menu/Menu.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.6
+ * @cube-dev/ui-kit v0.20.8
  * Released under the MIT license.
  */
@@ -19,7 +19,7 @@ import { MenuItem } from './MenuItem';
 import { MenuSection } from './MenuSection';
 import { useMenuContext } from './context';
 function Menu(props, ref) {
-    const { header, footer, selectionIcon, qa } = props;
+    const { header, footer, itemStyles, sectionStyles, sectionHeadingStyles, selectionIcon, qa, } = props;
     const domRef = useDOMRef(ref);
     const contextProps = useMenuContext();
     const completeProps = mergeProps(contextProps, props);
@@ -40,9 +40,9 @@ function Menu(props, ref) {
     useSyncRef(contextProps, domRef);
     return (_jsxs(StyledMenu, { ...mergeProps(defaultProps, menuProps, filterBaseProps(completeProps)), ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }), items.map((item) => {
                 if (item.type === 'section') {
-                    return (_jsx(MenuSection, { item: item, state: state, selectionIcon: selectionIcon, onAction: completeProps.onAction }, item.key));
+                    return (_jsx(MenuSection, { item: item, state: state, styles: sectionStyles, itemStyles: itemStyles, headingStyles: sectionHeadingStyles, selectionIcon: selectionIcon, onAction: completeProps.onAction }, item.key));
                 }
-                let menuItem = (_jsx(MenuItem, { item: item, state: state, selectionIcon: selectionIcon, onAction: completeProps.onAction }, item.key));
+                let menuItem = (_jsx(MenuItem, { item: item, state: state, styles: itemStyles, selectionIcon: selectionIcon, onAction: completeProps.onAction }, item.key));
                 if (item.props.wrapper) {
                     menuItem = item.props.wrapper(menuItem);
                 }

package/es/components/pickers/Menu/MenuButton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.6
+ * @cube-dev/ui-kit v0.20.8
  * Released under the MIT license.
  */
@@ -11,49 +11,51 @@ import { Button } from '../../actions';
 import { Text } from '../../content/Text';
 import { tasty } from '../../../tasty';
 import { Space } from '../../layout/Space';
-const ACTION_BUTTON = {
-    border: {
-        '': '#clear',
-        pressed: '#clear',
-    },
-    fill: {
-        '': '#clear',
-        'hovered | focused': '#dark.04',
-        'pressed | selected': '#purple.10',
-        'focused & selected': '##purple.16',
-        'focused & pressed': '#purple.10',
-        disabled: '#clear',
-    },
-    color: {
-        '': '#dark-02',
-        'hovered | focused': '#dark-02',
-        'pressed | selected': '#purple-text',
-        'focused & selected': '#purple-text',
-        'focused & pressed': '#purple-text',
-        disabled: '#dark-04',
-    },
-    cursor: {
-        '': 'pointer',
-        disabled: 'default',
-    },
-    shadow: '#clear',
-    padding: {
-        '': '(0.75x - 1px) (1.5x - 1px)',
-        'selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px)',
-        'selectionIcon & selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px + 22px)',
-    },
-    display: 'flex',
-    flow: 'row',
-    justifyContent: 'start',
-    Postfix: {
+const StyledButton = tasty(Button, {
+    styles: {
+        border: {
+            '': '#clear',
+            pressed: '#clear',
+        },
+        fill: {
+            '': '#clear',
+            'hovered | focused': '#dark.04',
+            'pressed | selected': '#purple.10',
+            'focused & selected': '##purple.16',
+            'focused & pressed': '#purple.10',
+            disabled: '#clear',
+        },
         color: {
-            '': '#dark-03',
-            'hovered | focused': '#dark-03',
+            '': '#dark-02',
+            'hovered | focused': '#dark-02',
             'pressed | selected': '#purple-text',
+            'focused & selected': '#purple-text',
+            'focused & pressed': '#purple-text',
             disabled: '#dark-04',
         },
+        cursor: {
+            '': 'pointer',
+            disabled: 'default',
+        },
+        shadow: '#clear',
+        padding: {
+            '': '(0.75x - 1px) (1.5x - 1px)',
+            'selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px)',
+            'selectionIcon & selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px + 22px)',
+        },
+        display: 'flex',
+        flow: 'row',
+        justifyContent: 'start',
+        Postfix: {
+            color: {
+                '': '#dark-03',
+                'hovered | focused': '#dark-03',
+                'pressed | selected': '#purple-text',
+                disabled: '#dark-04',
+            },
+        },
     },
-};
+});
 const RadioIcon = tasty({
     styles: {
         display: 'flex',
@@ -91,7 +93,7 @@ export function MenuButton({ children, icon, postfix, ...props }) {
         selectable: isSelectable,
         selected: isSelected,
     };
-    return (_jsxs(Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && _jsx(Text, { color: "inherit", children: icon }), _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [_jsx(Text, { ellipsis: true, color: "inherit", children: children }), postfix && getPostfix(postfix)] })] }));
+    return (_jsxs(StyledButton, { type: "neutral", size: "small", ...props, icon: checkIcon, mods: mods, children: [icon && _jsx(Text, { color: "inherit", children: icon }), _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [_jsx(Text, { ellipsis: true, color: "inherit", children: children }), postfix && getPostfix(postfix)] })] }));
 }

package/es/components/pickers/Menu/MenuItem.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.6
+ * @cube-dev/ui-kit v0.20.8
  * Released under the MIT license.
  */
@@ -16,7 +16,7 @@ import { StyledMenuItem } from './styled';
 import { MenuButton } from './MenuButton';
 /** @private */
 export function MenuItem(props) {
-    const { item, state, selectionIcon, isVirtualized, onAction } = props;
+    const { item, state, styles, selectionIcon, isVirtualized, onAction } = props;
     const { onClose, closeOnSelect } = useMenuContext();
     const { rendered, key, props: itemProps } = item;
     const isSelectable = state.selectionManager.selectionMode !== 'none';
@@ -42,7 +42,7 @@ export function MenuItem(props) {
             pressed: isPressed,
         },
     };
-    const contents = (_jsx(MenuButton, { ...mergeProps(itemProps, buttonProps), selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }));
+    const contents = (_jsx(MenuButton, { ...mergeProps(itemProps, buttonProps), styles: styles, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }));
     return (_jsx(FocusRing, { children: _jsx(StyledMenuItem, { ...mergeProps(menuItemProps, hoverProps), ref: ref, "data-qa": itemProps.qa ? `MenuItem-${itemProps.qa}` : `MenuItem-${key}`, mods: {
                 disabled: isDisabled,
                 selected: isSelected,

package/es/components/pickers/Menu/MenuSection.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.6
+ * @cube-dev/ui-kit v0.20.8
  * Released under the MIT license.
  */
@@ -11,14 +11,14 @@ import { MenuItem } from './MenuItem';
 import { StyledMenu, StyledMenuSection, StyledMenuSectionHeading, } from './styled';
 /** @private */
 export function MenuSection(props) {
-    const { item, state, onAction } = props;
+    const { item, state, styles, itemStyles, headingStyles, onAction } = props;
     const heading = item.rendered;
     const { itemProps, headingProps, groupProps } = useMenuSection({
         heading,
         'aria-label': item['aria-label'],
     });
-    return (_jsx(_Fragment, { children: _jsxs(StyledMenuSection, { ...itemProps, children: [heading && (_jsx(StyledMenuSectionHeading, { ...headingProps, children: heading })), _jsx(StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
-                        let item = (_jsx(MenuItem, { item: node, state: state, onAction: onAction }, node.key));
+    return (_jsx(_Fragment, { children: _jsxs(StyledMenuSection, { ...itemProps, styles: styles, children: [heading && (_jsx(StyledMenuSectionHeading, { ...headingProps, styles: headingStyles, children: heading })), _jsx(StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
+                        let item = (_jsx(MenuItem, { item: node, styles: itemStyles, state: state, onAction: onAction }, node.key));
                         if (node.props.wrapper) {
                             item = node.props.wrapper(item);
                         }

package/es/components/pickers/Menu/MenuTrigger.js CHANGED Viewed

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

package/es/components/pickers/Menu/context.js CHANGED Viewed

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

package/es/components/pickers/Menu/styled.js CHANGED Viewed

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

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

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

package/es/components/portal/Portal.js CHANGED Viewed

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

package/es/components/portal/PortalProvider.js CHANGED Viewed

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

package/es/components/portal/index.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

package/es/components/portal/types.js CHANGED Viewed

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

package/es/components/portal/usePortal.js CHANGED Viewed

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