@cube-dev/ui-kit 0.14.10 → 0.14.12

package/es/components/overlays/NewNotifications/Bar/index.js

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

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

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

package/es/components/overlays/NewNotifications/Dialog/index.js

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

package/es/components/overlays/NewNotifications/Notification.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/overlays/OverlayWrapper.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.10
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -27,7 +27,7 @@ import { OverlayWrapper } from '../../overlays/OverlayWrapper';
 import { getOverlayTransitionCSS } from '../../../utils/transitions';
 import { mergeProps, useCombinedRefs } from '../../../utils/react';
 import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, } from '../../forms/TextInput/TextInputBase';
-import { provideButtonStyles } from '../../actions';
+import { DEFAULT_BUTTON_STYLES } from '../../actions';
 function CaretDownIcon() {
     return (_jsx("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }, void 0) }, void 0));
 }
@@ -39,6 +39,7 @@ const SelectWrapperElement = tasty({
         fill: {
             '': '#white',
             disabled: '#dark.04',
+            '[data-theme="special"]': '#clear',
         },
         color: {
             '': '#dark.85',
@@ -59,23 +60,25 @@ const SelectWrapperElement = tasty({
             },
             textAlign: 'left',
             fill: '#clear',
+            textOverflow: 'ellipsis',
+            overflow: {
+                '': 'initial',
+                ellipsis: 'hidden',
+            },
         },
         CaretIcon: {
             display: 'grid',
             placeItems: 'center',
             width: 'min 4x',
             cursor: 'pointer',
+            fontSize: 'inherit',
         },
         ButtonIcon: {
             display: 'grid',
             placeItems: 'center',
             width: 'min 4x',
             color: 'inherit',
-            fontSize: {
-                '': 'initial',
-                '[data-size="small"]': '14px',
-                '[data-size="medium"]': '16px',
-            },
+            fontSize: '@icon-size',
         },
     },
 });
@@ -84,16 +87,54 @@ const SelectElement = tasty({
     qa: 'Button',
     styles: {
         ...INPUT_WRAPPER_STYLES,
+        ...DEFAULT_BUTTON_STYLES,
         preset: 't3m',
         cursor: 'pointer',
         padding: '0',
+        gap: '0',
         border: {
             '': true,
             valid: '#success-text.50',
             invalid: '#danger-text.50',
+            '[data-type="primary"]': '#clear',
             '[data-type="clear"]': '#clear',
+            '[data-theme="special"] & [data-type="secondary"] & pressed': '#white.44',
             disabled: true,
         },
+        fill: {
+            '': '#clear',
+            '[data-type="primary"]': '#purple',
+            '[data-type="primary"] & pressed': '#purple',
+            '[data-type="primary"] & hovered': '#purple-text',
+            '[data-type="secondary"]': '#dark.0',
+            '[data-type="secondary"] & hovered': '#dark.04',
+            '[data-type="secondary"] & pressed': '#dark.05',
+            '[disabled]': '#dark.04',
+            '([data-type="clear"] | [data-type="outline"])': '#purple.0',
+            '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
+            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
+            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
+            // special
+            '[data-theme="special"] & [data-type="secondary"]': '#white.12',
+            '[data-theme="special"] & [data-type="clear"]': '#white',
+            '[data-theme="special"] & [data-type="clear"] & hovered': '#white.94',
+            '[data-theme="special"] & [data-type="clear"] & pressed': '#white',
+            '[data-theme="special"] & [disabled]': '#white.12',
+            '[data-theme="special"] & [data-type="clear"] & [disabled]': '#white.0',
+        },
+        color: {
+            '': '#white',
+            '[data-type="secondary"]': '#dark.75',
+            '[data-type="secondary"] & hovered': '#dark.75',
+            '[data-type="clear"]': '#purple-text',
+            '[data-type="secondary"] & pressed': '#purple',
+            '[disabled]': '#dark.30',
+            // special
+            '[data-theme="special"]': '#white',
+            '[data-theme="special"] & [data-type="clear"]': '#purple',
+            // other
+            '[data-theme="special"] & [disabled]': '#white.30',
+        },
     },
 });
 const ListBoxElement = tasty({
@@ -150,20 +191,10 @@ const StyledOverlayElement = styled(OverlayElement) `
 function Select(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, label, extra, icon, 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, type = 'neutral', theme, labelSuffix, suffixPosition = 'before', ...otherProps } = props;
+    let { qa, label, extra, icon, 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, type = 'secondary', theme = 'default', labelSuffix, ellipsis, suffixPosition = 'before', ...otherProps } = props;
     let state = useSelectState(props);
     const outerStyles = extractStyles(otherProps, OUTER_STYLES, styles);
-    inputStyles = extractStyles(otherProps, BLOCK_STYLES, {
-        ...(() => {
-            let styles = provideButtonStyles({ type, theme });
-            delete styles['border'];
-            if (isDisabled || validationState === 'invalid') {
-                styles.color = 'inherit';
-            }
-            return styles;
-        })(),
-        ...inputStyles,
-    });
+    inputStyles = extractStyles(otherProps, BLOCK_STYLES, inputStyles);
     ref = useCombinedRefs(ref);
     triggerRef = useCombinedRefs(triggerRef);
     popoverRef = useCombinedRefs(popoverRef);
@@ -198,6 +229,7 @@ function Select(props, ref) {
     }
     const showPlaceholder = !!placeholder?.trim() && !state.selectedItem;
     const modifiers = useMemo(() => ({
+        ellipsis,
         invalid: isInvalid,
         valid: validationState === 'valid',
         disabled: isDisabled,
@@ -208,6 +240,7 @@ function Select(props, ref) {
         prefix: !!prefix,
         suffix: true,
     }), [
+        ellipsis,
         validationState,
         isDisabled,
         isLoading,
@@ -216,7 +249,7 @@ function Select(props, ref) {
         showPlaceholder,
         prefix,
     ]);
-    let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: outerStyles, "data-size": size, "data-type": type, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }, void 0), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
+    let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: outerStyles, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }, void 0), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
                             ? state.selectedItem.rendered
                             : placeholder || _jsx(_Fragment, { children: "\u00A0" }, void 0) }, void 0), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0), suffixPosition === 'after' ? suffix : null, _jsx("div", { "data-element": "CaretIcon", children: _jsx(CaretDownIcon, {}, void 0) }, void 0)] }, void 0)] }, void 0), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }, void 0) }, void 0)] }, void 0));
     return (_jsx(FieldWrapper, { ...{

package/es/components/portal/Portal.js

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