@cube-dev/ui-kit 0.23.1 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cube-dev/ui-kit
 
+## 0.24.0
+
+### Minor Changes
+
+- [#380](https://github.com/cube-js/cube-ui-kit/pull/380) [`ca81a3a`](https://github.com/cube-js/cube-ui-kit/commit/ca81a3af4f91e53abd07dfcb133169d5c095c083) Thanks [@tenphi](https://github.com/tenphi)! - Add CopyPasteBlock component
+
+## 0.23.2
+
+### Patch Changes
+
+- [#377](https://github.com/cube-js/cube-ui-kit/pull/377) [`ad00f76`](https://github.com/cube-js/cube-ui-kit/commit/ad00f762d8f3d8a5270afbfd815a3d0518c80b68) Thanks [@tenphi](https://github.com/tenphi)! - Remove label duplicates passed via the `children` property from Checkbox and Switch components.
+
 ## 0.23.1
 
 ### Patch Changes

package/cjs/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 
@@ -24,12 +24,12 @@ const BODY_STYLES = {
     'letter-spacing': '0.02em',
     'font-weight': '400',
 };
-const fontsProvider = ({ publicUrl = '' }) => `
+const fontsProvider = ({ publicUrl = '', fontDisplay = 'swap' }) => `
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-Regular.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-Regular.woff) format('woff');
   }
@@ -37,7 +37,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-Medium.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-Medium.woff) format('woff');
   }
@@ -45,7 +45,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-SemiBold.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-SemiBold.woff) format('woff');
   }
@@ -53,7 +53,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'Inter';
     font-style: normal;
     font-weight: 700;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-Bold.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-Bold.woff) format('woff');
   }
@@ -63,14 +63,14 @@ const fontsProvider = ({ publicUrl = '' }) => `
       url('${publicUrl}/fonts/SourceCodePro-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
-    font-display: swap;
+    font-display: ${fontDisplay};
   }
 
   @font-face {
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 400;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/JetBrainsMono-Regular.woff2) format('woff2'),
       url(${publicUrl}/fonts/JetBrainsMono-Regular.woff) format('woff');
   }
@@ -79,7 +79,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 700;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/JetBrainsMono-Bold.woff2) format('woff2'),
       url(${publicUrl}/fonts/JetBrainsMono-Bold.woff) format('woff');
   }
@@ -120,6 +120,17 @@ exports.GlobalStyles = (0, styled_components_1.createGlobalStyle) `
     --font: ${({ font }) => font ||
     'Inter'}, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     --monospace-font: ${({ monospaceFont }) => `${monospaceFont ? `${monospaceFont}, ` : ''}Menlo, Monaco, Consolas, 'Courier New', monospace;}`}
+  }
+
+  kbd {
+    font-family: var(--c2-font-family);
+    font-weight: var(--c2-font-weight);
+    font-size: var(--c2-font-size);
+    border: var(--border-width) solid var(--dark-04-color);
+    background-color: white;
+    border-radius: var(--radius);
+    padding: 0 var(--outline-width);
+  }
 
   .cube-notification-container {
     min-width: 288px;
@@ -187,7 +198,9 @@ exports.GlobalStyles = (0, styled_components_1.createGlobalStyle) `
     font-family: var(--monospace-font);
   }
 
-  ${({ fonts, publicUrl }) => fonts === false ? '' : fontsProvider({ publicUrl })}
+  ${({ fonts, publicUrl, fontDisplay }) => fonts === false
+    ? ''
+    : fontsProvider({ publicUrl, ...(fontDisplay ? { fontDisplay } : {}) })}
 
   // Prism Code
   code[class*="language-"],

package/cjs/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports ===
 function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
-    bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, ...props } = allProps;
+    bodyStyles, fontDisplay = 'swap', fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, ...props } = allProps;
     const ref = (0, react_1.useRef)(null);
     const [rootRef, setRootRef] = (0, react_1.useState)();
     // We need to measure the window's height in JS rather than using percentages in CSS
@@ -81,11 +81,11 @@ function Root(allProps) {
         }
     }, []);
     const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(TrackingProvider_1.TrackingProvider, { event: tracking?.event, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, style: {
+    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(TrackingProvider_1.TrackingProvider, { event: tracking?.event, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, "data-font-display": fontDisplay, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, style: {
                         '--cube-dynamic-viewport-height': height
                             ? height + 'px'
                             : '100dvh',
-                    }, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NotificationsProvider_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0) }, void 0));
+                    }, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NotificationsProvider_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0) }, void 0));
 }
 exports.Root = Root;
 

package/cjs/components/actions/Action.js

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

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

@@ -0,0 +1,149 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.24.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyPasteBlock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dnd_1 = require("@react-aria/dnd");
+const icons_1 = require("@ant-design/icons");
+const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
+const actions_1 = require("../../actions");
+const Card_1 = require("../Card/Card");
+const tasty_1 = require("../../../tasty");
+const Toasts_1 = require("../../overlays/Toasts");
+const _internal_1 = require("../../../_internal");
+const StyledBlock = (0, tasty_1.tasty)({
+    styles: {
+        position: 'relative',
+        maxWidth: '100%',
+        color: 'inherit',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+});
+const ButtonContainer = (0, tasty_1.tasty)({
+    styles: {
+        position: 'relative',
+        display: 'grid',
+        gridAutoFlow: 'column',
+        margin: '(-1x - 1bw) -1.5x (-1x - 1bw) -1x',
+    },
+});
+const CopyPasteBlockElement = (0, tasty_1.tasty)(Card_1.Card, {
+    qa: 'CopyPasteBlock',
+    styles: {
+        display: 'block',
+        fill: '#grey-light',
+        radius: '1r',
+        padding: 0,
+        color: {
+            '': '#dark',
+            error: '#danger-text',
+        },
+        border: {
+            '': true,
+            ':focus': '#purple',
+            'error & :focus': '#danger',
+        },
+        transition: 'theme',
+        cursor: 'pointer',
+        Grid: {
+            display: 'grid',
+            flow: 'row',
+            gridColumns: 'minmax(0, 1fr) auto',
+            width: 'min 20x',
+            radius: '1r',
+            position: 'relative',
+            overflow: 'hidden',
+        },
+    },
+});
+const ActionButton = (0, tasty_1.tasty)(actions_1.Button, {
+    type: 'clear',
+    styles: {
+        padding: '1x 1.5x',
+        radius: 0,
+        placeSelf: {
+            '': 'none',
+            '!multiline & !with-scroll': 'stretch',
+        },
+        border: '#clear',
+        outline: {
+            '': '#purple-03.0',
+            'focused & focus-visible': '#purple-03 inset',
+        },
+    },
+});
+const CopyButton = (0, tasty_1.tasty)(ActionButton, {
+    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0),
+    'aria-label': 'Copy to clipboard',
+    styles: {
+        radius: {
+            '': '0 1r 1r 0',
+            'multiline | with-scroll': '0 1r 0 0',
+        },
+    },
+});
+function CopyPasteBlock(allProps) {
+    const { value = '', onPaste, placeholder, padding = '1.125x 1.5x', title, styles, ...props } = allProps;
+    const [error, setError] = (0, react_1.useState)(null);
+    const { clipboardProps } = (0, dnd_1.useClipboard)({
+        async onPaste(items) {
+            let pasted = await Promise.all(items
+                .filter((item) => item.kind === 'text' && item.types.has('text/plain'))
+                .map((item) => item.getText('text/plain')));
+            try {
+                await onPaste?.(pasted.join('\n'));
+            }
+            catch (e) {
+                setError(String(e));
+            }
+        },
+        getItems() {
+            return value
+                ? [
+                    {
+                        'text/plain': value,
+                    },
+                ]
+                : [];
+        },
+        onCopy() {
+            if (value) {
+                toast.success(`${title || 'Text'} copied`);
+            }
+        },
+    });
+    (0, _internal_1.useTimer)({
+        delay: 1000,
+        callback() {
+            setError(null);
+        },
+        isDisabled: !error,
+    });
+    const { toast } = (0, Toasts_1.useToastsApi)();
+    async function onCopy() {
+        await (0, clipboard_copy_1.default)(value);
+        toast.success(`${title || 'Text'} copied`);
+    }
+    const pristineValue = value.replace(/\n/, ' ');
+    return ((0, jsx_runtime_1.jsx)(CopyPasteBlockElement, { mods: { error: !!error }, styles: { preset: 'default', ...styles }, tabIndex: "0", ...props, ...clipboardProps, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: {
+                        placeholder: !!placeholder || !value,
+                    }, styles: { padding }, children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [placeholder ? placeholder : 'Select and paste', " ", (0, jsx_runtime_1.jsx)("kbd", { children: "Cmd" }, void 0), " +", ' ', (0, jsx_runtime_1.jsx)("kbd", { children: "V" }, void 0)] }, void 0)) }, void 0), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, children: (0, jsx_runtime_1.jsx)(CopyButton, { isDisabled: !value, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
+}
+const _CopyPasteBlock = Object.assign(CopyPasteBlock, {
+    Button: ActionButton,
+});
+exports.CopyPasteBlock = _CopyPasteBlock;
+
+        

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

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