@cube-dev/ui-kit 0.18.1 → 0.19.0

package/cjs/utils/warnings.js

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

package/es/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.1
+ * @cube-dev/ui-kit v0.19.0
  * Released under the MIT license.
  */
 
@@ -10,5 +10,8 @@ export * from './use-event';
 export * from './use-sync-ref';
 export * from './use-chained-callback';
 export * from './use-timer';
+export * from './use-effect-once';
+export * from './use-warn';
+export * from './use-is-first-render';
 
         

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

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

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

@@ -0,0 +1,14 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.19.0
+ * Released under the MIT license.
+ */
+
+import { useEffect } from 'react';
+export function useEffectOnce(effect) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(effect, []);
+}
+
+        

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.19.0
+ * Released under the MIT license.
+ */
+
+import { useRef } from 'react';
+export function useIsFirstRender() {
+    const isFirst = useRef(true);
+    if (isFirst.current) {
+        isFirst.current = false;
+        return true;
+    }
+    return isFirst.current;
+}
+
+        

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

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

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

@@ -0,0 +1,20 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.19.0
+ * Released under the MIT license.
+ */
+
+import { useEffect } from 'react';
+import { useIsFirstRender } from './use-is-first-render';
+export function useUpdateEffect(effect, deps) {
+    const isFirst = useIsFirstRender();
+    useEffect(() => {
+        if (!isFirst) {
+            return effect();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+
+        

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

@@ -0,0 +1,23 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.19.0
+ * Released under the MIT license.
+ */
+
+import * as React from 'react';
+import { warn } from '../../utils/warnings';
+export function useWarn(condition, ...args) {
+    const didWarn = React.useRef(false);
+    React.useEffect(() => {
+        if (didWarn.current)
+            return;
+        didWarn.current = true;
+        if (condition) {
+            warn(...args);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [condition]);
+}
+
+        

package/es/_internal/index.js

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

package/es/components/Base.js

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

package/es/components/OpenTrasition.js

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

package/es/components/actions/Action.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.1
+ * @cube-dev/ui-kit v0.19.0
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ export const 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: {
@@ -139,7 +139,7 @@ const ButtonElement = 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/es/components/actions/Button/Submit.js

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

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

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

package/es/components/actions/ButtonGroup/ButtonGroup.js

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

package/es/components/actions/index.js

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

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

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

package/es/components/content/ActiveZone/ActiveZone.js

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

package/es/components/content/Alert/Alert.js

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

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

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

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

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

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

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

package/es/components/content/Avatar/Avatar.js

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

package/es/components/content/Badge/Badge.js

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

package/es/components/content/Card/Card.js

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

package/es/components/content/Content.js

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

package/es/components/content/CopySnippet/CopySnippet.js

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

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

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

package/es/components/content/Divider.js

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

package/es/components/content/Footer.js

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

package/es/components/content/Header.js

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

package/es/components/content/Paragraph.js

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

package/es/components/content/Placeholder/Placeholder.js

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

package/es/components/content/PrismCode/PrismCode.js

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

package/es/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.1
+ * @cube-dev/ui-kit v0.19.0
  * Released under the MIT license.
  */
 
@@ -92,7 +92,7 @@ function Result(props, ref) {
         return (_jsx(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: _jsx(Component, { "data-element": "Icon" }) }));
     }, [icon, status]);
     const styles = extractStyles(otherProps, CONTAINER_STYLES);
-    return (_jsxs(Container, { ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && (_jsxs("div", { "data-element": "Title", children: [wrapNodeIfPlain(title, () => (_jsx(Title, { level: 2, preset: "h4", children: title }))), wrapNodeIfPlain(subtitle, () => (_jsx(Title, { level: 3, preset: "h5m", children: subtitle })))] })), children && _jsx("div", { "data-element": "Content", children: children })] }));
+    return (_jsxs(Container, { ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && (_jsxs("div", { "data-element": "Title", children: [wrapNodeIfPlain(title, () => (_jsx(Title, { level: 2, preset: "h4", children: title }))), wrapNodeIfPlain(subtitle, () => (_jsx(Title, { level: 3, preset: "t2m", children: subtitle })))] })), children && _jsx("div", { "data-element": "Content", children: children })] }));
 }
 const _Result = forwardRef(Result);
 export { _Result as Result };

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.1
+ * @cube-dev/ui-kit v0.19.0
  * Released under the MIT license.
  */
 
@@ -22,7 +22,7 @@ const TagElement = 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/es/components/content/Text.js

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

package/es/components/content/Title.js

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

package/es/components/forms/Checkbox/Checkbox.js

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

package/es/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.1
+ * @cube-dev/ui-kit v0.19.0
  * Released under the MIT license.
  */
 
@@ -16,13 +16,6 @@ import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
 import { castNullableArrayValue, } from '../../../utils/react/nullableValue';
 import { CheckboxGroupContext } from './context';
-const WRAPPER_STYLES = {
-    display: 'grid',
-    gridColumns: {
-        '': '1fr',
-        'has-sider': 'max-content 1fr',
-    },
-};
 const CheckGroupElement = tasty({
     qa: 'CheckboxGroup',
     styles: {
@@ -45,7 +38,7 @@ function CheckboxGroup(props, ref) {
     props = useFormProps(props);
     let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, labelSuffix, inputStyles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
-    let styles = extractStyles(otherProps, CONTAINER_STYLES, WRAPPER_STYLES);
+    let styles = extractStyles(otherProps, CONTAINER_STYLES);
     let state = useCheckboxGroupState(props);
     let { groupProps, labelProps } = useCheckboxGroup(props, state);
     let radioGroup = (_jsx(CheckGroupElement, { styles: inputStyles, mods: {

package/es/components/forms/Checkbox/context.js

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