@cube-dev/ui-kit 0.9.9 → 0.9.12

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

@@ -0,0 +1,86 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.12
+ * Released under the MIT license.
+ */
+
+import { styled } from '../../../styled';
+import { Space } from '../../layout/Space';
+export const StyledMenu = styled({
+    tag: 'ul',
+    name: 'Menu',
+    styles: {
+        display: 'flex',
+        flow: 'column',
+        fill: '#white',
+        margin: '0',
+        padding: {
+            '': '0.5x',
+            section: '0',
+        },
+        border: {
+            '': '#dark-05',
+            section: '',
+        },
+        radius: {
+            '': '1r',
+        },
+        boxShadow: {
+            '': '',
+            popover: '0px 5px 15px #dark.05',
+        },
+    },
+});
+export const StyledDivider = styled({
+    tag: 'li',
+    styles: {
+        display: 'flex',
+        flow: 'column',
+        margin: '0 -0.5x',
+        listStyle: 'none',
+        fill: '#dark.05',
+        height: '1px',
+    },
+});
+export const StyledMenuHeader = styled(Space, {
+    tag: 'li',
+    styles: {
+        fill: '#light',
+        color: '#dark-02',
+        preset: 'h5s',
+        padding: '0.75x 2x',
+        margin: '-0.5x -0.5x (0.5x - 1bw) -0.5x',
+        border: '#dark-05 bottom',
+        placeContent: 'space-between',
+        align: 'start',
+        radius: '1r 1r 0 0',
+    },
+});
+export const StyledMenuItem = styled({
+    tag: 'li',
+    styles: {
+        display: 'flex',
+        flow: 'column',
+        margin: '1px 0',
+        padding: '0',
+        listStyle: 'none',
+        fill: '#white',
+        color: {
+            '': 'inherit',
+            disabled: '#dark-04',
+        },
+    },
+});
+export const StyledMenuSectionHeading = styled(Space, {
+    tag: 'header',
+    styles: {
+        color: '#dark-04',
+        preset: 'c1',
+        padding: '(0.75x - 1bw) (1.5x - 1bw)',
+        placeContent: 'space-between',
+        align: 'start',
+    },
+});
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.9
+ * @cube-dev/ui-kit v0.9.12
  * Released under the MIT license.
  */
 
@@ -118,7 +118,7 @@ function Select(props, ref) {
     var _a;
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, label, 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 { 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 = useSelectState(props);
     const outerStyles = extractStyles(otherProps, OUTER_STYLES, {
         ...SELECT_STYLES,
@@ -173,6 +173,7 @@ function Select(props, ref) {
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
+            extra,
             styles,
             isRequired,
             labelStyles,

package/es/components/portal/Portal.js

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

package/es/components/portal/PortalProvider.js

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

package/es/components/portal/index.js

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

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

@@ -0,0 +1,16 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.12
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Portal } from '../../Portal';
+export const CustomRootTemplate = (args) => {
+    const rootRef = useRef(null);
+    return (_jsxs(_Fragment, { children: ["Disabled portal's content should be there ", ' -> ', _jsx(Portal, { ...args, root: rootRef, children: "Portal's content" }, void 0), _jsxs("div", { ref: rootRef, children: ["Using custom portal root content should be there ", ' -> '] }, void 0), "By default, Portal content should be there ", ' -> '] }, void 0));
+};
+
+        

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

@@ -0,0 +1,13 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.12
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Block } from '../../../Block';
+import { Portal } from '../../Portal';
+export const PortalOrderTemplate = (args) => (_jsxs(_Fragment, { children: [_jsxs(Portal, { ...args, children: [_jsx(Block, { children: "Portal 1" }, void 0), _jsx(Portal, { children: _jsx(Block, { children: "Portal 3" }, void 0) }, void 0), _jsx(Portal, { children: _jsx(Block, { children: "Portal 4" }, void 0) }, void 0)] }, void 0), _jsx(Portal, { children: _jsx(Block, { children: "Portal 2" }, void 0) }, void 0)] }, void 0));
+
+        

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

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

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

@@ -1,10 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.9
+ * @cube-dev/ui-kit v0.9.12
  * Released under the MIT license.
  */
 
 export * from './basic';
+export * from './PortalOrder';
+export * from './CustomRoot';
 
         

package/es/components/portal/types.js

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

package/es/components/portal/usePortal.js

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

package/es/components/status/LoadingAnimation/LoadingAnimation.js

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

package/es/components/status/Spin/Spin.js

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

package/es/components/types.js

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

package/es/data/themes.js

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

package/es/index.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.9
+ * @cube-dev/ui-kit v0.9.12
  * Released under the MIT license.
  */
 
 import { Text } from './components/content/Text';
 import { Title } from './components/content/Title';
 import { Paragraph } from './components/content/Paragraph';
-export { Item } from '@react-stately/collections';
+export { Item, Section } from '@react-stately/collections';
 // generic components
 export { Base } from './components/Base';
 export { Block } from './components/Block';
@@ -51,6 +51,8 @@ export { CheckboxGroup } from './components/forms/Checkbox/CheckboxGroup';
 export { Switch } from './components/forms/Switch/Switch';
 export { Radio } from './components/forms/RadioGroup/Radio';
 export { ComboBox } from './components/pickers/ComboBox/ComboBox';
+export { Menu } from './components/pickers/Menu/Menu';
+export { MenuTrigger } from './components/pickers/Menu/MenuTrigger';
 export { Select, ListBoxPopup } from './components/pickers/Select/Select';
 export { NumberInput } from './components/forms/NumberInput/NumberInput';
 export { Avatar } from './components/content/Avatar/Avatar';

package/es/provider.js

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

package/es/providers/BreakpointsProvider.js

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

package/es/providers/StylesProvider.js

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

package/es/services/notification.js

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

package/es/shared/form.js

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

package/es/shared/index.js

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

package/es/stories/FormFieldArgs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.9
+ * @cube-dev/ui-kit v0.9.12
  * Released under the MIT license.
  */
 
@@ -23,11 +23,16 @@ export const LABEL_POSITION_ARG = {
 };
 export const LABEL_ARG = {
     label: {
-        // defaultValue: 'Field label',
         control: 'text',
         description: 'The content to display as the label.',
     },
 };
+export const EXTRA_ARG = {
+    extra: {
+        control: 'text',
+        description: 'The extra content to display next to the label.',
+    },
+};
 export const DESCRIPTION_ARG = {
     description: {
         control: 'text',

package/es/stories/components/ConfirmDeletionDialogForm.js

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

package/es/stories/components/DialogFormApp.js

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

package/es/stories/components/StyledButton.js

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

package/es/stories/lists/baseProps.js

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

package/es/styled/index.js

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

package/es/styled/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.9
+ * @cube-dev/ui-kit v0.9.12
  * Released under the MIT license.
  */
 
@@ -54,10 +54,11 @@ function styled(Component, options) {
         return _StyledComponent;
     }
     options = Component;
-    let { name, tag = 'div', css: defaultCSS, styles: defaultStyles, props: legacyDefaultProps, styleProps, ...defaultProps } = options;
+    let { name, tag = 'div', css: defaultCSS, styles: defaultStyles, props: defaultProps, styleProps, } = options;
     let Element = styledComponents[tag](({ css }) => css);
     let _StyledComponent = forwardRef((allProps, ref) => {
         let { as, styles, styleName, breakpoints, mods, element, qa, qaVal, css, ...props } = allProps;
+        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps !== null && defaultProps !== void 0 ? defaultProps : {};
         let propStyles = useMemo(() => (styleProps
             ? styleProps.concat(BASE_STYLES)
             : BASE_STYLES).reduce((map, prop) => {
@@ -75,11 +76,12 @@ function styled(Component, options) {
         if (mods) {
             Object.assign(props, modAttrs(mods));
         }
-        return (_jsx(Element, { as: as !== null && as !== void 0 ? as : tag, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...legacyDefaultProps, ...defaultProps, ...props, ref: ref, css: css }, void 0));
+        return (_jsx(Element, { as: as !== null && as !== void 0 ? as : tag, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...props, ref: ref, css: css }, void 0));
     });
     _StyledComponent.displayName = `CubeStyled(${(_f = (_e = Element.displayName) !== null && _e !== void 0 ? _e : Element.name) !== null && _f !== void 0 ? _f : tag})`;
     return _StyledComponent;
 }
-export { styled };
+const tasty = styled;
+export { styled, tasty };
 
         

package/es/styles/align.js

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

package/es/styles/border.js

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

package/es/styles/boxShadow.combinator.js

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

package/es/styles/color.js

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

package/es/styles/createStyle.js

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

package/es/styles/dimension.js

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

package/es/styles/display.js

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

package/es/styles/fill.js

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

package/es/styles/flow.js

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

package/es/styles/font.js

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

package/es/styles/fontStyle.js

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

package/es/styles/gap.js

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

package/es/styles/groupRadius.js

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

package/es/styles/height.js

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

package/es/styles/index.js

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

package/es/styles/justify.js

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

package/es/styles/list.js

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

package/es/styles/margin.js

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

package/es/styles/marginBlock.js

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