@cube-dev/ui-kit 0.18.2 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @cube-dev/ui-kit
 
+## 0.20.0
+
+### Minor Changes
+
+- [#317](https://github.com/cube-js/cube-ui-kit/pull/317) [`5487b12`](https://github.com/cube-js/cube-ui-kit/commit/5487b12ddcca823a5efc5954244720e1687bc1bf) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CUK-5](https://cubedevinc.atlassian.net/browse/CC-1485) Migrate all form components on new `useFieldProps` hook
+
+### Patch Changes
+
+- [#319](https://github.com/cube-js/cube-ui-kit/pull/319) [`a53cedf`](https://github.com/cube-js/cube-ui-kit/commit/a53cedf8ffdc283bc0d280a82689835f210c6c4d) Thanks [@tenphi](https://github.com/tenphi)! - Show the Clear Button in the SearchInput component even if the `suffix` prop provided.
+
+- [#318](https://github.com/cube-js/cube-ui-kit/pull/318) [`e3afdbe`](https://github.com/cube-js/cube-ui-kit/commit/e3afdbe2e872db4f03160ff4d25d28bdeaaf8900) Thanks [@tenphi](https://github.com/tenphi)! - Draw range connection link for RangeSlider component.
+
+## 0.19.0
+
+### Minor Changes
+
+- [#267](https://github.com/cube-js/cube-ui-kit/pull/267) [`86a2f11`](https://github.com/cube-js/cube-ui-kit/commit/86a2f118e09e0a37cdfe3ea2dd7a27ac780138f3) Thanks [@tenphi](https://github.com/tenphi)! - Change letter spacing in typography presets. Remove `h5s`, `h5m`, `t3s` and `t4m` presets for good.
+
+### Patch Changes
+
+- [#314](https://github.com/cube-js/cube-ui-kit/pull/314) [`c59fa27`](https://github.com/cube-js/cube-ui-kit/commit/c59fa27911dfbbb058842dc2f3ba2a2af8e0f97b) Thanks [@tenphi](https://github.com/tenphi)! - Fix danger primary text color for Button.
+
+- [#316](https://github.com/cube-js/cube-ui-kit/pull/316) [`c09a431`](https://github.com/cube-js/cube-ui-kit/commit/c09a4317a0330558c74b59fedec0dd8a06b1af5c) Thanks [@tenphi](https://github.com/tenphi)! - Add the small size to the Switch component.
+
 ## 0.18.2
 
 ### Patch Changes

package/cjs/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.2
+ * @cube-dev/ui-kit v0.20.0
  * Released under the MIT license.
  */
 
@@ -26,5 +26,8 @@ __exportStar(require("./use-event"), exports);
 __exportStar(require("./use-sync-ref"), exports);
 __exportStar(require("./use-chained-callback"), exports);
 __exportStar(require("./use-timer"), exports);
+__exportStar(require("./use-effect-once"), exports);
+__exportStar(require("./use-warn"), exports);
+__exportStar(require("./use-is-first-render"), exports);
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * Released under the MIT license.
  */
 

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

@@ -0,0 +1,18 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.20.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectOnce = void 0;
+const react_1 = require("react");
+function useEffectOnce(effect) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (0, react_1.useEffect)(effect, []);
+}
+exports.useEffectOnce = useEffectOnce;
+
+        

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

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

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.20.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFirstRender = void 0;
+const react_1 = require("react");
+function useIsFirstRender() {
+    const isFirst = (0, react_1.useRef)(true);
+    if (isFirst.current) {
+        isFirst.current = false;
+        return true;
+    }
+    return isFirst.current;
+}
+exports.useIsFirstRender = useIsFirstRender;
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * Released under the MIT license.
  */
 

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

@@ -0,0 +1,24 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.20.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEffect = void 0;
+const react_1 = require("react");
+const use_is_first_render_1 = require("./use-is-first-render");
+function useUpdateEffect(effect, deps) {
+    const isFirst = (0, use_is_first_render_1.useIsFirstRender)();
+    (0, react_1.useEffect)(() => {
+        if (!isFirst) {
+            return effect();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+exports.useUpdateEffect = useUpdateEffect;
+
+        

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

@@ -0,0 +1,50 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.20.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWarn = void 0;
+const React = __importStar(require("react"));
+const warnings_1 = require("../../utils/warnings");
+function useWarn(condition, ...args) {
+    const didWarn = React.useRef(false);
+    React.useEffect(() => {
+        if (didWarn.current)
+            return;
+        didWarn.current = true;
+        if (condition) {
+            (0, warnings_1.warn)(...args);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [condition]);
+}
+exports.useWarn = useWarn;
+
+        

package/cjs/_internal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * Released under the MIT license.
  */
 
@@ -39,7 +39,7 @@ exports.DEFAULT_BUTTON_STYLES = {
         '': '(1.25x - 1bw) (2x - 1bw)',
         '[data-size="small"]': '(.75x - 1bw) (1.5x - 1bw)',
         '[data-size="medium"]': '(1.25x - 1bw) (2x - 1bw)',
-        '[data-size="large"]': '(1.5x - 1bw) (2.5x - 1bw)',
+        '[data-size="large"]': '1.5x (2.5x - 1bw)',
         'single-icon-only | [data-type="link"]': 0,
     },
     width: {
@@ -142,7 +142,7 @@ const ButtonElement = (0, tasty_1.tasty)({
             },
             fill: {
                 '': '#clear',
-                '[data-type="primary"]': '#danger-text',
+                '[data-type="primary"]': '#danger',
                 '[data-type="primary"] & hovered': '#danger-text',
                 '[data-type="primary"] & pressed': '#danger',
                 '[data-type="secondary"]': '#danger.05',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * Released under the MIT license.
  */
 
@@ -95,7 +95,7 @@ function Result(props, ref) {
         return ((0, jsx_runtime_1.jsx)(IconWrapper, { "data-element": "IconWrapper", styles: { 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: "h5m", children: subtitle })))] })), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children })] }));
+    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 })] }));
 }
 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * 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.18.2
+ * @cube-dev/ui-kit v0.20.0
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ const TagElement = (0, tasty_1.tasty)({
         placeContent: 'center start',
         placeItems: 'center start',
         radius: '1r',
-        preset: 't4m',
+        preset: 'tag',
         width: '16px max-content max-content',
         height: 'min-content',
         textAlign: 'left',

package/cjs/components/content/Text.js

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

package/cjs/components/content/Title.js

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