@cube-dev/ui-kit 0.24.0 → 0.24.2

package/cjs/utils/react/useCombinedRefs.js

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

package/cjs/utils/react/useId.js

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

package/cjs/utils/react/useLayoutEffect.js

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

package/cjs/utils/react/useViewportSize.js

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

package/cjs/utils/react/wrapNodeIfPlain.js

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

package/cjs/utils/transitions.js

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

package/cjs/utils/tree.js

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

package/cjs/utils/warnings.js

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

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

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

package/es/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,95 +1,112 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.24.0
+ * @cube-dev/ui-kit v0.24.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { forwardRef, useState } from 'react';
 import { useClipboard } from '@react-aria/dnd';
 import { CopyOutlined } from '@ant-design/icons';
 import copy from 'clipboard-copy';
 import { Button } from '../../actions';
 import { Card } from '../Card/Card';
-import { tasty } from '../../../tasty';
+import { extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
 import { useToastsApi } from '../../overlays/Toasts';
 import { useTimer } from '../../../_internal';
 const StyledBlock = tasty({
     styles: {
+        display: 'grid',
+        flow: 'column',
+        placeContent: 'center space-between',
+        placeItems: 'center stretch',
+        gap: '1x',
         position: 'relative',
         maxWidth: '100%',
         color: 'inherit',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-});
-const ButtonContainer = tasty({
-    styles: {
-        position: 'relative',
-        display: 'grid',
-        gridAutoFlow: 'column',
-        margin: '(-1x - 1bw) -1.5x (-1x - 1bw) -1x',
+        padding: '0 1.5x',
+        // height: {
+        //   '': '4.5x',
+        //   '[data-size="small"]': '3.5x',
+        //   '[data-size="large"]': '5.5x',
+        // },
+        userSelect: 'none',
+        Label: {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+        },
     },
 });
 const CopyPasteBlockElement = tasty(Card, {
     qa: 'CopyPasteBlock',
     styles: {
-        display: 'block',
+        display: 'grid',
         fill: '#grey-light',
         radius: '1r',
-        padding: 0,
+        padding: {
+            '': '0 1px',
+            ':focus': '0',
+        },
         color: {
             '': '#dark',
             error: '#danger-text',
         },
         border: {
-            '': true,
-            ':focus': '#purple',
-            'error & :focus': '#danger',
+            '': 'dashed #dark-03',
+            ':focus': '2px dashed #purple-text',
+            error: 'dashed #danger',
         },
-        transition: 'theme',
         cursor: 'pointer',
+        preset: {
+            '': 't3',
+            '[data-size="large"]': 't2',
+        },
+        height: {
+            '': '5x',
+            '[data-size="small"]': '4x',
+            '[data-size="large"]': '6x',
+        },
+        boxSizing: 'border-box',
         Grid: {
             display: 'grid',
             flow: 'row',
-            gridColumns: 'minmax(0, 1fr) auto',
+            gridColumns: 'minmax(0, 1fr) min-content',
+            placeContent: 'stretch',
             width: 'min 20x',
             radius: '1r',
             position: 'relative',
-            overflow: 'hidden',
+        },
+        Shortcut: {
+            display: {
+                '': 'none',
+                ':focus & !error': 'inline',
+            },
         },
     },
 });
-const ActionButton = tasty(Button, {
+const CopyButton = tasty(Button, {
     type: 'clear',
+    icon: _jsx(CopyOutlined, {}, void 0),
+    'aria-label': 'Copy to clipboard',
     styles: {
-        padding: '1x 1.5x',
-        radius: 0,
-        placeSelf: {
-            '': 'none',
-            '!multiline & !with-scroll': 'stretch',
-        },
+        placeSelf: 'stretch',
         border: '#clear',
         outline: {
             '': '#purple-03.0',
             'focused & focus-visible': '#purple-03 inset',
         },
-    },
-});
-const CopyButton = tasty(ActionButton, {
-    icon: _jsx(CopyOutlined, {}, void 0),
-    'aria-label': 'Copy to clipboard',
-    styles: {
         radius: {
             '': '0 1r 1r 0',
             'multiline | with-scroll': '0 1r 0 0',
         },
+        height: 'auto',
     },
 });
-function CopyPasteBlock(allProps) {
-    const { value = '', onPaste, placeholder, padding = '1.125x 1.5x', title, styles, ...props } = allProps;
+function CopyPasteBlock(allProps, ref) {
+    const { value = '', onPaste, placeholder, title, size = 'medium', ...props } = allProps;
+    const styles = extractStyles(props, POSITION_STYLES);
     const [error, setError] = useState(null);
     const { clipboardProps } = useClipboard({
         async onPaste(items) {
@@ -131,13 +148,11 @@ function CopyPasteBlock(allProps) {
         toast.success(`${title || 'Text'} copied`);
     }
     const pristineValue = value.replace(/\n/, ' ');
-    return (_jsx(CopyPasteBlockElement, { mods: { error: !!error }, styles: { preset: 'default', ...styles }, tabIndex: "0", ...props, ...clipboardProps, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: {
+    return (_jsx(CopyPasteBlockElement, { ref: ref, mods: { error: !!error }, "data-size": size, styles: styles, tabIndex: "0", ...props, ...clipboardProps, children: _jsxs("div", { "data-element": "Grid", children: [_jsxs(StyledBlock, { "data-size": size, mods: {
                         placeholder: !!placeholder || !value,
-                    }, styles: { padding }, children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : (_jsxs(_Fragment, { children: [placeholder ? placeholder : 'Select and paste', " ", _jsx("kbd", { children: "Cmd" }, void 0), " +", ' ', _jsx("kbd", { children: "V" }, void 0)] }, void 0)) }, void 0), _jsx(ButtonContainer, { styles: { padding }, children: _jsx(CopyButton, { isDisabled: !value, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
+                    }, children: [_jsx("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : (_jsx(_Fragment, { children: placeholder ? placeholder : 'Select and paste' }, void 0)) }, void 0), _jsxs("span", { "data-element": "Shortcut", children: [_jsx("kbd", { children: "Cmd" }, void 0), " + ", _jsx("kbd", { children: "V" }, void 0)] }, void 0)] }, void 0), value && !error && (_jsx(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0))] }, void 0) }, void 0));
 }
-const _CopyPasteBlock = Object.assign(CopyPasteBlock, {
-    Button: ActionButton,
-});
+const _CopyPasteBlock = forwardRef(CopyPasteBlock);
 export { _CopyPasteBlock as CopyPasteBlock };
 
         

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.24.2
+ * Released under the MIT license.
+ */
+
+export * from './CopyPasteBlock';
+
+        

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

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