@cube-dev/ui-kit 0.72.3 → 0.73.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @cube-dev/ui-kit
 
+## 0.73.0
+
+### Minor Changes
+
+- [#752](https://github.com/cube-js/cube-ui-kit/pull/752) [`6f3b2616`](https://github.com/cube-js/cube-ui-kit/commit/6f3b2616a50bc1188e7166982e8e4bbff245f663) Thanks [@tenphi](https://github.com/tenphi)! - Add itemBase and ItemButton components packed with lots of features. ItemBase is now used as a base for all Item components in Menu, CommandMenu, ListBox, FilterListBox, FilterPicker, Select, ComboBox.
+
+### Patch Changes
+
+- [#752](https://github.com/cube-js/cube-ui-kit/pull/752) [`6f3b2616`](https://github.com/cube-js/cube-ui-kit/commit/6f3b2616a50bc1188e7166982e8e4bbff245f663) Thanks [@tenphi](https://github.com/tenphi)! - Make menu props optional for open method in `useAnchoredMenu`.
+
+- [#752](https://github.com/cube-js/cube-ui-kit/pull/752) [`6f3b2616`](https://github.com/cube-js/cube-ui-kit/commit/6f3b2616a50bc1188e7166982e8e4bbff245f663) Thanks [@tenphi](https://github.com/tenphi)! - Increase search input size for FilterListBox and CommandMenu.
+
+- [#752](https://github.com/cube-js/cube-ui-kit/pull/752) [`6f3b2616`](https://github.com/cube-js/cube-ui-kit/commit/6f3b2616a50bc1188e7166982e8e4bbff245f663) Thanks [@tenphi](https://github.com/tenphi)! - Add default menu props to `useAnchoredMenu`.
+
+- [#752](https://github.com/cube-js/cube-ui-kit/pull/752) [`6f3b2616`](https://github.com/cube-js/cube-ui-kit/commit/6f3b2616a50bc1188e7166982e8e4bbff245f663) Thanks [@tenphi](https://github.com/tenphi)! - Add `allValueProps`, `customValueProps` and `newCustomValueProps` to customize the additional options in ListBox, FilterListBox and FilterPicker.
+
+- [#752](https://github.com/cube-js/cube-ui-kit/pull/752) [`6f3b2616`](https://github.com/cube-js/cube-ui-kit/commit/6f3b2616a50bc1188e7166982e8e4bbff245f663) Thanks [@tenphi](https://github.com/tenphi)! - Sync opening state between FilterPicker instances and other triggers.
+
 ## 0.72.3
 
 ### Patch Changes

package/es/_internal/hooks/index.js

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

package/es/_internal/hooks/use-chained-callback.js

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

package/es/_internal/hooks/use-debounced-value.js

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

package/es/_internal/hooks/use-deprecation-warning.js

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

package/es/_internal/hooks/use-effect-once.js

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

package/es/_internal/hooks/use-event.js

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

package/es/_internal/hooks/use-is-first-render.js

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

package/es/_internal/hooks/use-sync-ref.js

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

package/es/_internal/hooks/use-timer/index.js

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

package/es/_internal/hooks/use-timer/timer.js

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

package/es/_internal/hooks/use-timer/use-timer.js

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

package/es/_internal/hooks/use-update-effect.js

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

package/es/_internal/hooks/use-warn.js

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

package/es/_internal/index.js

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

package/es/components/Block.js

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

package/es/components/GlobalStyles.js

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

package/es/components/GridProvider.js

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

package/es/components/HiddenInput.js

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

package/es/components/Item.js

@@ -0,0 +1,12 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.73.0
+ * Released under the MIT license.
+ */
+
+import { Item } from 'react-stately';
+const _Item = Item;
+export { _Item as Item };
+
+        

package/es/components/OpenTrasition.js

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

package/es/components/Root.js

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

package/es/components/actions/Action/Action.js

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

package/es/components/actions/Button/Button.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, forwardRef, useMemo } from 'react';
+import { DANGER_CLEAR_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes';
 import { LoadingIcon } from '../../../icons';
 import { CONTAINER_STYLES, extractStyles, tasty, TEXT_STYLES, } from '../../../tasty';
 import { accessibilityWarning } from '../../../utils/warnings';
@@ -88,425 +89,6 @@ export const DEFAULT_BUTTON_STYLES = {
         placeSelf: 'center end',
     },
 };
-// ---------- DEFAULT THEME ----------
-export const DEFAULT_PRIMARY_STYLES = {
-    outline: {
-        '': '0 #purple-text.0',
-        focused: '1bw #purple-text',
-    },
-    border: {
-        '': '#clear',
-        pressed: '#purple-text',
-        focused: '#purple-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#purple',
-        hovered: '#purple-text',
-        pressed: '#purple',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DEFAULT_SECONDARY_STYLES = {
-    border: {
-        '': '#purple.15',
-        pressed: '#purple.3',
-        focused: '#purple-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#purple.10',
-        hovered: '#purple.16',
-        pressed: '#purple-text.10',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#purple',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DEFAULT_OUTLINE_STYLES = {
-    border: {
-        '': '#dark.12',
-        focused: '#purple-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#dark.0',
-        hovered: '#dark.03',
-        'pressed | (selected & !hovered)': '#dark.06',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#dark-02',
-        hovered: '#dark-02',
-        'pressed | (selected & !hovered)': '#dark',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DEFAULT_NEUTRAL_STYLES = {
-    border: {
-        '': '#clear',
-        focused: '#purple-text',
-    },
-    fill: {
-        '': '#dark.0',
-        hovered: '#dark.03',
-        'pressed | (selected & !hovered)': '#dark.06',
-    },
-    color: {
-        '': '#dark-02',
-        hovered: '#dark-02',
-        pressed: '#dark',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DEFAULT_CLEAR_STYLES = {
-    border: {
-        '': '#clear',
-        pressed: '#purple-text.10',
-        focused: '#purple-text',
-    },
-    fill: {
-        '': '#purple.0',
-        hovered: '#purple.16',
-        'pressed | (selected & !hovered)': '#purple.10',
-    },
-    color: {
-        '': '#purple-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DEFAULT_LINK_STYLES = {
-    outline: {
-        '': '0 #purple-text.0',
-        focused: '1bw #purple-text',
-    },
-    border: '0',
-    fill: {
-        '': '#clear',
-    },
-    color: {
-        '': '#purple-text',
-        'hovered & !pressed': '#purple',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-// ---------- DANGER THEME ----------
-export const DANGER_PRIMARY_STYLES = {
-    outline: {
-        '': '0 #danger-text.0',
-        focused: '1bw #danger-text',
-    },
-    border: {
-        '': '#clear',
-        'pressed | focused': '#danger-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#danger',
-        'hovered & !pressed': '#danger-text',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DANGER_SECONDARY_STYLES = {
-    border: {
-        '': '#danger.15',
-        pressed: '#danger.3',
-        focused: '#danger-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#danger.05',
-        'hovered & !pressed': '#danger.1',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#danger',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DANGER_OUTLINE_STYLES = {
-    border: {
-        '': '#danger.15',
-        pressed: '#danger.3',
-        focused: '#danger-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#danger.0',
-        hovered: '#danger.1',
-        'pressed | (selected & !hovered)': '#danger.05',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#danger-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DANGER_NEUTRAL_STYLES = {
-    border: {
-        '': '#clear',
-        focused: '#danger-text',
-    },
-    fill: {
-        '': '#dark.0',
-        hovered: '#dark.04',
-        'pressed | (selected & !hovered)': '#dark.05',
-    },
-    color: {
-        '': '#dark-02',
-        'pressed | (selected & !hovered)': '#danger-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DANGER_CLEAR_STYLES = {
-    border: {
-        '': '#clear',
-        pressed: '#danger.05',
-        focused: '#danger-text',
-    },
-    fill: {
-        '': '#danger.0',
-        hovered: '#danger.1',
-        'pressed | (selected & !hovered)': '#danger.05',
-    },
-    color: {
-        '': '#danger-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const DANGER_LINK_STYLES = {
-    outline: {
-        '': '0 #danger-text.0',
-        focused: '1bw #danger-text',
-    },
-    border: 0,
-    fill: {
-        '': '#clear',
-    },
-    color: {
-        '': '#danger-text',
-        'hovered & !pressed': '#danger',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-// ---------- SUCCESS THEME ----------
-export const SUCCESS_PRIMARY_STYLES = {
-    outline: {
-        '': '0 #success-text.0',
-        focused: '1bw #success-text',
-    },
-    border: {
-        '': '#clear',
-        'pressed | focused': '#success-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#success',
-        'hovered & !pressed': '#success-text',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const SUCCESS_SECONDARY_STYLES = {
-    border: {
-        '': '#success.15',
-        pressed: '#success.3',
-        focused: '#success-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#success.05',
-        'hovered & !pressed': '#success.1',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#success',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const SUCCESS_OUTLINE_STYLES = {
-    border: {
-        '': '#success.15',
-        pressed: '#success.3',
-        focused: '#success-text',
-        '[disabled] | disabled': '#border',
-    },
-    fill: {
-        '': '#success.0',
-        hovered: '#success.1',
-        'pressed | (selected & !hovered)': '#success.05',
-        '[disabled] | disabled': '#dark.04',
-    },
-    color: {
-        '': '#success-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const SUCCESS_NEUTRAL_STYLES = {
-    border: {
-        '': '#clear',
-        focused: '#success-text',
-    },
-    fill: {
-        '': '#dark.0',
-        hovered: '#dark.04',
-        'pressed | (selected & !hovered)': '#dark.05',
-    },
-    color: {
-        '': '#dark-02',
-        'pressed | (selected & !hovered)': '#success-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const SUCCESS_CLEAR_STYLES = {
-    border: {
-        '': '#clear',
-        pressed: '#success.05',
-        focused: '#success-text',
-    },
-    fill: {
-        '': '#success.0',
-        hovered: '#success.1',
-        'pressed | (selected & !hovered)': '#success.05',
-    },
-    color: {
-        '': '#success-text',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-export const SUCCESS_LINK_STYLES = {
-    outline: {
-        '': '0 #success-text.0',
-        focused: '1bw #success-text',
-    },
-    border: '0',
-    fill: {
-        '': '#clear',
-    },
-    color: {
-        '': '#success-text',
-        'hovered & !pressed': '#success',
-        '[disabled] | disabled': '#dark-04',
-    },
-};
-// ---------- SPECIAL THEME ----------
-export const SPECIAL_PRIMARY_STYLES = {
-    outline: {
-        '': '0 #white.0',
-        focused: '1bw #white',
-    },
-    border: {
-        '': '#clear',
-        pressed: '#purple-03',
-        '[disabled] | disabled': '#white.3',
-    },
-    fill: {
-        '': '#purple',
-        'hovered & !pressed': '#purple-text',
-        '[disabled] | disabled': '#white.12',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#white.4',
-    },
-};
-export const SPECIAL_SECONDARY_STYLES = {
-    border: {
-        '': '#white.3',
-        pressed: '#white.4',
-        focused: '#white',
-    },
-    fill: {
-        '': '#white.12',
-        'hovered & !pressed': '#white.18',
-        '[disabled] | disabled': '#white.12',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#white.4',
-    },
-};
-export const SPECIAL_OUTLINE_STYLES = {
-    border: {
-        '': '#white.3',
-        pressed: '#white.12',
-        focused: '#white',
-    },
-    fill: {
-        '': '#white.0',
-        hovered: '#white.18',
-        'pressed | (selected & !hovered)': '#white.12',
-        '[disabled] | disabled': '#white.12',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#white.4',
-    },
-};
-export const SPECIAL_NEUTRAL_STYLES = {
-    border: {
-        '': 0,
-        focused: '#white',
-    },
-    fill: {
-        '': '#white.0',
-        hovered: '#white.12',
-        'pressed | (selected & !hovered)': '#white.18',
-    },
-    color: {
-        '': '#white',
-        '[disabled] | disabled': '#white.4',
-    },
-};
-export const SPECIAL_CLEAR_STYLES = {
-    outline: {
-        focused: '1bw #white',
-    },
-    border: {
-        '': '#clear',
-        'pressed | focused': '#white',
-        '[disabled] | disabled': '#white.3',
-    },
-    fill: {
-        '': '#white',
-        'hovered & !pressed': '#white.94',
-        '[disabled] | disabled': '#white.12',
-    },
-    color: {
-        '': '#purple-text',
-        hovered: '#purple',
-        'pressed & hovered': '#purple-text',
-        '[disabled] | disabled': '#white.4',
-    },
-};
-export const SPECIAL_LINK_STYLES = {
-    outline: {
-        '': '0 #white.0',
-        focused: '1bw #white',
-    },
-    border: '0',
-    fill: {
-        '': '#clear',
-    },
-    color: {
-        '': '#white',
-        'hovered & !pressed': '#white.9',
-        '[disabled] | disabled': '#white.4',
-    },
-};
 const ButtonElement = tasty({
     qa: 'Button',
     styles: DEFAULT_BUTTON_STYLES,