@cube-dev/ui-kit 0.28.0 → 0.29.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cube-dev/ui-kit
 
+## 0.29.1
+
+### Patch Changes
+
+- [#423](https://github.com/cube-js/cube-ui-kit/pull/423) [`d40fc1f`](https://github.com/cube-js/cube-ui-kit/commit/d40fc1f290d54935382b55017d4de5cc5977cbf7) Thanks [@tenphi](https://github.com/tenphi)! - Add a compact view for the Result component
+
+## 0.29.0
+
+### Minor Changes
+
+- [#421](https://github.com/cube-js/cube-ui-kit/pull/421) [`c6ce743`](https://github.com/cube-js/cube-ui-kit/commit/c6ce743fab1db7d0daeb9bd017e1338b8cdd565a) Thanks [@tenphi](https://github.com/tenphi)! - Added new DateRangeSeparatedPicker component for better UX while selecting date ranges
+
 ## 0.28.0
 
 ### Minor Changes

package/cjs/_internal/hooks/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/_internal/index.js

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

package/cjs/components/Base.js

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

package/cjs/components/Block.js

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

package/cjs/components/GlobalStyles.js

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

package/cjs/components/GridProvider.js

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

package/cjs/components/HiddenInput.js

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

package/cjs/components/OpenTrasition.js

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

package/cjs/components/Root.js

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

package/cjs/components/actions/Action.js

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

package/cjs/components/actions/Button/Button.js

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

package/cjs/components/actions/Button/Submit.js

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

package/cjs/components/actions/Button/index.js

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

package/cjs/components/actions/ButtonGroup/ButtonGroup.js

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

package/cjs/components/actions/index.js

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

package/cjs/components/actions/use-action.js

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

package/cjs/components/content/ActiveZone/ActiveZone.js

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

package/cjs/components/content/Alert/Alert.js

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

package/cjs/components/content/Alert/index.js

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

package/cjs/components/content/Alert/types.js

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

package/cjs/components/content/Alert/use-alert.js

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

package/cjs/components/content/Avatar/Avatar.js

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

package/cjs/components/content/Badge/Badge.js

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

package/cjs/components/content/Card/Card.js

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

package/cjs/components/content/Content.js

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

package/cjs/components/content/CopyPasteBlock/CopyPasteBlock.js

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

package/cjs/components/content/CopyPasteBlock/index.js

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

package/cjs/components/content/CopySnippet/CopySnippet.js

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

package/cjs/components/content/CopySnippet/index.js

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

package/cjs/components/content/Divider.js

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

package/cjs/components/content/Footer.js

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

package/cjs/components/content/Header.js

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

package/cjs/components/content/Paragraph.js

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

package/cjs/components/content/Placeholder/Placeholder.js

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

package/cjs/components/content/PrismCode/PrismCode.js

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

package/cjs/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.28.0
+ * @cube-dev/ui-kit v0.29.1
  * Released under the MIT license.
  */
 
@@ -18,61 +18,86 @@ const Container = (0, tasty_1.tasty)({
     qa: 'Result_Container',
     as: 'section',
     styles: {
-        display: 'flex',
+        display: {
+            '': 'flex',
+            compact: 'grid',
+        },
+        gridAreas: '"icon title" "content content"',
         flow: 'column',
-        placeItems: 'center',
-        gap: '3x',
-        padding: '6x 4x',
-        textAlign: 'center',
+        placeContent: {
+            '': 'center',
+            compact: 'start',
+        },
+        placeItems: {
+            '': 'center',
+            compact: 'start',
+        },
+        gap: {
+            '': '3x',
+            compact: '2x 1x',
+        },
+        padding: {
+            '': '6x 4x',
+            compact: '0',
+        },
+        textAlign: {
+            '': 'center',
+            compact: 'left',
+        },
+        Icon: {
+            gridArea: 'icon',
+            fontSize: {
+                '': '10x',
+                compact: '4x',
+            },
+        },
         Content: {
+            gridArea: 'content',
             display: 'block',
         },
         Title: {
+            gridArea: 'title',
             display: 'flex',
             flow: 'column',
             placeItems: 'inherit',
             gap: '1x',
+            placeSelf: 'center',
         },
     },
 });
-const IconWrapper = (0, tasty_1.tasty)({
-    styles: {
-        fontSize: '10x',
-    },
-});
 const statusIconMap = {
     success: {
-        color: '#success',
+        color: 'success',
         component: icons_1.CheckCircleFilled,
     },
     error: {
-        color: '#danger',
+        color: 'danger',
         component: icons_1.CloseCircleFilled,
     },
     info: {
-        color: '#purple',
+        color: 'purple',
         component: icons_1.InfoCircleFilled,
     },
     warning: {
-        color: '#note',
+        color: 'note',
         component: icons_1.WarningFilled,
     },
     404: {
-        color: '#purple',
+        color: 'purple',
         component: () => {
             // TODO: Needs to be implemented in the future
             return null;
         },
     },
     403: {
-        color: '#purple',
+        color: 'purple',
         component: () => {
             // TODO: Needs to be implemented in the future
             return null;
         },
     },
     500: {
-        color: '#purple',
+        color: 'purple',
         component: () => {
             // TODO: Needs to be implemented in the future
             return null;
@@ -80,7 +105,7 @@ const statusIconMap = {
     },
 };
 function Result(props, ref) {
-    let { children, icon, status, subTitle, subtitle, title, ...otherProps } = props;
+    let { children, isCompact, icon, status, subTitle, subtitle, title, ...otherProps } = props;
     subtitle = subtitle ?? subTitle;
     if (icon && status) {
         console.warn('Don\'t use "icon" and "status" together, it can lead to possible errors.');
@@ -92,10 +117,12 @@ function Result(props, ref) {
         const { color, component: Component } = status && statusIconMap.hasOwnProperty(status)
             ? statusIconMap[status]
             : statusIconMap.info;
-        return ((0, jsx_runtime_1.jsx)(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: (0, jsx_runtime_1.jsx)(Component, { "data-element": "Icon" }) }));
+        return ((0, jsx_runtime_1.jsx)("div", { "data-element": "Icon", style: { color: `var(--${color}-color)` }, children: (0, jsx_runtime_1.jsx)(Component, { "data-element": "Icon" }) }));
     }, [icon, status]);
     const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: "h4", children: title }))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: "t2m", children: subtitle })))] })), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, react_2.mergeProps)((0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), {
+            mods: { compact: isCompact },
+        }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: isCompact ? 'h5' : 'h4', children: title }))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: isCompact ? 't3m' : 't2m', children: subtitle })))] })), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children })] }));
 }
 const _Result = (0, react_1.forwardRef)(Result);
 exports.Result = _Result;

package/cjs/components/content/Skeleton/Skeleton.js

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

package/cjs/components/content/Tag/Tag.js

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

package/cjs/components/content/Text.js

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