@neo4j-ndl/react 4.0.0-alpha.0.608161c → 4.0.0-alpha.0.aeb5d94

package/lib/esm/clipboard-button/ClipboardButton.js

@@ -0,0 +1,146 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { CleanIconButton } from '../clean-icon-button';
+import { useCopyToClipboard } from '../hooks';
+import { IconButton } from '../icon-button';
+import { Square2StackIconOutline } from '../icons';
+import { OutlinedButton } from '../outlined-button';
+import { Tooltip } from '../tooltip';
+const ConfirmationButton = (_a) => {
+    var { hoverText, feedbackText, icon, children, onClick, htmlAttributes, tooltipProps, variant = 'clean-icon-button' } = _a, restProps = __rest(_a, ["hoverText", "feedbackText", "icon", "children", "onClick", "htmlAttributes", "tooltipProps", "variant"]);
+    const [timeoutId, setTimeoutId] = React.useState(null);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const handleClick = () => {
+        if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+        }
+        const newTimeoutId = window.setTimeout(() => {
+            setTimeoutId(null);
+        }, 2000);
+        setTimeoutId(newTimeoutId);
+    };
+    const handleCloseTooltip = () => {
+        setIsOpen(false);
+    };
+    const handleOpenTooltip = () => {
+        setIsOpen(true);
+    };
+    const content = timeoutId === null ? hoverText : feedbackText;
+    /* Controlling the tip to make it disappear in a timely manner*/
+    if (variant === 'clean-icon-button') {
+        return (_jsx(CleanIconButton, Object.assign({}, restProps.cleanIconButtonProps, { tooltip: content, tooltipProps: {
+                root: Object.assign(Object.assign({}, tooltipProps), { isOpen: isOpen || timeoutId !== null }),
+                trigger: {
+                    htmlAttributes: {
+                        onBlur: handleCloseTooltip,
+                        onFocus: handleOpenTooltip,
+                        onMouseEnter: handleOpenTooltip,
+                        onMouseLeave: handleCloseTooltip,
+                    },
+                },
+            }, onClick: (event) => {
+                if (onClick)
+                    onClick(event);
+                handleClick();
+            }, className: restProps.className, htmlAttributes: htmlAttributes, children: icon })));
+    }
+    else if (variant === 'icon-button') {
+        return (_jsx(IconButton, Object.assign({}, restProps.iconButtonProps, { tooltip: content, tooltipProps: {
+                root: Object.assign(Object.assign({}, tooltipProps), { isOpen: isOpen || timeoutId !== null }),
+                trigger: {
+                    htmlAttributes: {
+                        onBlur: handleCloseTooltip,
+                        onFocus: handleOpenTooltip,
+                        onMouseEnter: handleOpenTooltip,
+                        onMouseLeave: handleCloseTooltip,
+                    },
+                },
+            }, onClick: (event) => {
+                if (onClick)
+                    onClick(event);
+                handleClick();
+            }, className: restProps.className, htmlAttributes: htmlAttributes, children: icon })));
+    }
+    else if (variant === 'outlined-button') {
+        return (_jsxs(Tooltip, Object.assign({ type: "simple", isOpen: isOpen || timeoutId !== null }, tooltipProps, { onOpenChange: (open) => {
+                var _a;
+                if (open) {
+                    handleOpenTooltip();
+                }
+                else {
+                    handleCloseTooltip();
+                }
+                (_a = tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(tooltipProps, open);
+            }, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, htmlAttributes: {
+                        onBlur: handleCloseTooltip,
+                        onFocus: handleOpenTooltip,
+                        onMouseEnter: handleOpenTooltip,
+                        onMouseLeave: handleCloseTooltip,
+                    }, children: _jsx(OutlinedButton, Object.assign({ color: "neutral" }, restProps.buttonProps, { onClick: (event) => {
+                            if (onClick)
+                                onClick(event);
+                            handleClick();
+                        }, leadingIcon: icon, className: restProps.className, htmlAttributes: htmlAttributes, children: children })) }), _jsx(Tooltip.Content, { children: content })] })));
+    }
+};
+export const ClipboardButton = ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, variant, }) => {
+    const [, copyFunction] = useCopyToClipboard();
+    const isOutlinedButton = variant === 'outlined-button';
+    const isIconButton = variant === 'icon-button';
+    const props = isOutlinedButton
+        ? {
+            outlinedButtonProps: {
+                isDisabled,
+                size,
+            },
+            variant: 'outlined-button',
+        }
+        : isIconButton
+            ? {
+                iconButtonProps: {
+                    isDisabled,
+                    size,
+                },
+                variant: 'icon-button',
+            }
+            : {
+                cleanIconButtonProps: {
+                    isDisabled,
+                    size,
+                },
+                variant: 'clean-icon-button',
+            };
+    return (_jsx(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied" }, props, { tooltipProps: tooltipProps, className: "n-gap-token-8", icon: _jsx(Square2StackIconOutline, { className: "ndl-icon-svg" }), htmlAttributes: htmlAttributes, children: variant === 'outlined-button' && 'Copy' })));
+};
+//# sourceMappingURL=ClipboardButton.js.map

package/lib/esm/clipboard-button/ClipboardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-button/ClipboardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAmCrC,MAAM,kBAAkB,GAAG,CAAC,EAUF,EAAE,EAAE;QAVF,EAC1B,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,EACZ,OAAO,GAAG,mBAAmB,OAEL,EADrB,SAAS,cATc,yGAU3B,CADa;IAEZ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,YAAY,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC;IAC9D,gEAAgE;IAEhE,IAAI,OAAO,KAAK,mBAAmB,EAAE,CAAC;QACpC,OAAO,CACL,KAAC,eAAe,oBAEZ,SAGD,CAAC,oBAAoB,IACtB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE;gBACZ,IAAI,kCACC,YAAY,KACf,MAAM,EAAE,MAAM,IAAI,SAAS,KAAK,IAAI,GACrC;gBACD,OAAO,EAAE;oBACP,cAAc,EAAE;wBACd,MAAM,EAAE,kBAAkB;wBAC1B,OAAO,EAAE,iBAAiB;wBAC1B,YAAY,EAAE,iBAAiB;wBAC/B,YAAY,EAAE,kBAAkB;qBACjC;iBACF;aACF,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,OAAO;oBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC5B,WAAW,EAAE,CAAC;YAChB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,cAAc,EAAE,cAAc,YAE7B,IAAI,IACW,CACnB,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;QACrC,OAAO,CACL,KAAC,UAAU,oBAEP,SAGD,CAAC,eAAe,IACjB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE;gBACZ,IAAI,kCACC,YAAY,KACf,MAAM,EAAE,MAAM,IAAI,SAAS,KAAK,IAAI,GACrC;gBACD,OAAO,EAAE;oBACP,cAAc,EAAE;wBACd,MAAM,EAAE,kBAAkB;wBAC1B,OAAO,EAAE,iBAAiB;wBAC1B,YAAY,EAAE,iBAAiB;wBAC/B,YAAY,EAAE,kBAAkB;qBACjC;iBACF;aACF,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,OAAO;oBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC5B,WAAW,EAAE,CAAC;YAChB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,cAAc,EAAE,cAAc,YAE7B,IAAI,IACM,CACd,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,KAAK,iBAAiB,EAAE,CAAC;QACzC,OAAO,CACL,MAAC,OAAO,kBACN,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,MAAM,IAAI,SAAS,KAAK,IAAI,IAChC,YAAY,IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;;gBACrB,IAAI,IAAI,EAAE,CAAC;oBACT,iBAAiB,EAAE,CAAC;gBACtB,CAAC;qBAAM,CAAC;oBACN,kBAAkB,EAAE,CAAC;gBACvB,CAAC;gBACD,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,6DAAG,IAAI,CAAC,CAAC;YACrC,CAAC,aAED,KAAC,OAAO,CAAC,OAAO,IACd,gBAAgB,QAChB,cAAc,EAAE;wBACd,MAAM,EAAE,kBAAkB;wBAC1B,OAAO,EAAE,iBAAiB;wBAC1B,YAAY,EAAE,iBAAiB;wBAC/B,YAAY,EAAE,kBAAkB;qBACjC,YAED,KAAC,cAAc,kBACb,KAAK,EAAC,SAAS,IAEb,SAGD,CAAC,WAAW,IACb,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;4BACjB,IAAI,OAAO;gCAAE,OAAO,CAAC,KAAK,CAAC,CAAC;4BAC5B,WAAW,EAAE,CAAC;wBAChB,CAAC,EACD,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,cAAc,EAAE,cAAc,YAE7B,QAAQ,IACM,GACD,EAClB,KAAC,OAAO,CAAC,OAAO,cAAE,OAAO,GAAmB,KACpC,CACX,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,OAAO,GACc,EAAE,EAAE;IACzB,MAAM,CAAC,EAAE,YAAY,CAAC,GAAG,kBAAkB,EAAE,CAAC;IAE9C,MAAM,gBAAgB,GAAG,OAAO,KAAK,iBAAiB,CAAC;IACvD,MAAM,YAAY,GAAG,OAAO,KAAK,aAAa,CAAC;IAE/C,MAAM,KAAK,GAAG,gBAAgB;QAC5B,CAAC,CAAC;YACE,mBAAmB,EAAE;gBACnB,UAAU;gBACV,IAAI;aACL;YACD,OAAO,EAAE,iBAA0B;SACpC;QACH,CAAC,CAAC,YAAY;YACZ,CAAC,CAAC;gBACE,eAAe,EAAE;oBACf,UAAU;oBACV,IAAI;iBACL;gBACD,OAAO,EAAE,aAAsB;aAChC;YACH,CAAC,CAAC;gBACE,oBAAoB,EAAE;oBACpB,UAAU;oBACV,IAAI;iBACL;gBACD,OAAO,EAAE,mBAA4B;aACtC,CAAC;IAER,OAAO,CACL,KAAC,kBAAkB,kBACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,EACvC,SAAS,EAAC,mBAAmB,EAC7B,YAAY,EAAC,QAAQ,IACjB,KAAK,IACT,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,eAAe,EACzB,IAAI,EAAE,KAAC,uBAAuB,IAAC,SAAS,EAAC,cAAc,GAAG,EAC1D,cAAc,EAAE,cAAc,YAE7B,OAAO,KAAK,iBAAiB,IAAI,MAAM,IACrB,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/clipboard-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/clipboard-button/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,mBAAmB,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button-default.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { ClipboardButton } from '@neo4j-ndl/react';
+const Component = () => {
+    return _jsx(ClipboardButton, { textToCopy: "This is the text to copy" });
+};
+export default Component;
+//# sourceMappingURL=clipboard-button-default.story.js.map

package/lib/esm/clipboard-button/stories/clipboard-button-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-default.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,eAAe,IAAC,UAAU,EAAC,0BAA0B,GAAG,CAAC;AACnE,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button-disabled.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { ClipboardButton } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(ClipboardButton, { textToCopy: "This is the text to copy", isDisabled: true }));
+};
+export default Component;
+//# sourceMappingURL=clipboard-button-disabled.story.js.map

package/lib/esm/clipboard-button/stories/clipboard-button-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-disabled.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,eAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,UAAU,EAAE,IAAI,GAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button-not-clean.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { ClipboardButton } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(ClipboardButton, { textToCopy: "This is the text to copy", variant: "icon-button" }));
+};
+export default Component;
+//# sourceMappingURL=clipboard-button-not-clean.story.js.map

package/lib/esm/clipboard-button/stories/clipboard-button-not-clean.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-not-clean.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-not-clean.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,eAAe,IACd,UAAU,EAAC,0BAA0B,EACrC,OAAO,EAAC,aAAa,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button-not-icon-button.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { ClipboardButton } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(ClipboardButton, { variant: "outlined-button", textToCopy: "This is the text to copy" }));
+};
+export default Component;
+//# sourceMappingURL=clipboard-button-not-icon-button.story.js.map

package/lib/esm/clipboard-button/stories/clipboard-button-not-icon-button.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-not-icon-button.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-not-icon-button.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,eAAe,IACd,OAAO,EAAC,iBAAiB,EACzB,UAAU,EAAC,0BAA0B,GACrC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button-sizes.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { ClipboardButton } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "small" }), _jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "medium" }), _jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "large" })] }));
+};
+export default Component;
+//# sourceMappingURL=clipboard-button-sizes.story.js.map

package/lib/esm/clipboard-button/stories/clipboard-button-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,eAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,GAAG,EACtE,KAAC,eAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,GAAG,EACvE,KAAC,eAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,GAAG,IAClE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button-tooltip.story.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { ClipboardButton } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(ClipboardButton, { textToCopy: "This is the text to copy", tooltipProps: {
+            hoverDelay: {
+                close: 100,
+                open: 100,
+            },
+            isInitialOpen: true,
+            placement: 'right',
+            type: 'simple',
+        } }));
+};
+export default Component;
+//# sourceMappingURL=clipboard-button-tooltip.story.js.map

package/lib/esm/clipboard-button/stories/clipboard-button-tooltip.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-tooltip.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-tooltip.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,eAAe,IACd,UAAU,EAAC,0BAA0B,EACrC,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG;gBACV,IAAI,EAAE,GAAG;aACV;YACD,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,OAAO;YAClB,IAAI,EAAE,QAAQ;SACf,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/clipboard-button/stories/clipboard-button.stories.js

@@ -0,0 +1,116 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ClipboardButton } from '../../index';
+import { ClipboardButtonDefault, ClipboardButtonDefaultSrc, ClipboardButtonDisabled, ClipboardButtonDisabledSrc, ClipboardButtonNotClean, ClipboardButtonNotCleanSrc, ClipboardButtonNotIconButton, ClipboardButtonNotIconButtonSrc, ClipboardButtonSizes, ClipboardButtonSizesSrc, ClipboardButtonTooltip, ClipboardButtonTooltipSrc, } from '.';
+const componentMeta = {
+    component: ClipboardButton,
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
+    ],
+    id: 'components-clipboard-button',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/ClipboardButton',
+};
+export default componentMeta;
+export const Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardButtonDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardButtonDefault,
+};
+export const AsOutlinedButton = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardButtonNotIconButtonSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardButtonNotIconButton,
+};
+export const Sizes = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardButtonSizesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardButtonSizes,
+};
+export const WithTooltipProps = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardButtonTooltipSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardButtonTooltip,
+};
+export const Disabled = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardButtonDisabledSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardButtonDisabled,
+};
+export const NotClean = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardButtonNotCleanSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardButtonNotClean,
+};
+//# sourceMappingURL=clipboard-button.stories.js.map

package/lib/esm/clipboard-button/stories/clipboard-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button.stories.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,EACvB,0BAA0B,EAC1B,4BAA4B,EAC5B,+BAA+B,EAC/B,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,6BAA6B;IACjC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAuB;gBAC7B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAoB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAuB;CAChC,CAAC"}

package/lib/esm/clipboard-button/stories/index.js

@@ -0,0 +1,40 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as ClipboardButtonDefault } from './clipboard-button-default.story';
+export { default as ClipboardButtonNotIconButton } from './clipboard-button-not-icon-button.story';
+export { default as ClipboardButtonSizes } from './clipboard-button-sizes.story';
+export { default as ClipboardButtonTooltip } from './clipboard-button-tooltip.story';
+export { default as ClipboardButtonDisabled } from './clipboard-button-disabled.story';
+export { default as ClipboardButtonNotClean } from './clipboard-button-not-clean.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import ClipboardButtonDefaultSrcRaw from './clipboard-button-default.story?raw';
+import ClipboardButtonDisabledSrcRaw from './clipboard-button-disabled.story?raw';
+import ClipboardButtonNotCleanSrcRaw from './clipboard-button-not-clean.story?raw';
+import ClipboardButtonNotIconButtonSrcRaw from './clipboard-button-not-icon-button.story?raw';
+import ClipboardButtonSizesSrcRaw from './clipboard-button-sizes.story?raw';
+import ClipboardButtonTooltipSrcRaw from './clipboard-button-tooltip.story?raw';
+export const ClipboardButtonDefaultSrc = removeLicenseHeader(ClipboardButtonDefaultSrcRaw);
+export const ClipboardButtonNotIconButtonSrc = removeLicenseHeader(ClipboardButtonNotIconButtonSrcRaw);
+export const ClipboardButtonSizesSrc = removeLicenseHeader(ClipboardButtonSizesSrcRaw);
+export const ClipboardButtonTooltipSrc = removeLicenseHeader(ClipboardButtonTooltipSrcRaw);
+export const ClipboardButtonDisabledSrc = removeLicenseHeader(ClipboardButtonDisabledSrcRaw);
+export const ClipboardButtonNotCleanSrc = removeLicenseHeader(ClipboardButtonNotCleanSrcRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/clipboard-button/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAExF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,4BAA4B,MAAM,sCAAsC,CAAC;AAChF,OAAO,6BAA6B,MAAM,uCAAuC,CAAC;AAClF,OAAO,6BAA6B,MAAM,wCAAwC,CAAC;AACnF,OAAO,kCAAkC,MAAM,8CAA8C,CAAC;AAC9F,OAAO,0BAA0B,MAAM,oCAAoC,CAAC;AAC5E,OAAO,4BAA4B,MAAM,sCAAsC,CAAC;AAEhF,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC;AACF,MAAM,CAAC,MAAM,+BAA+B,GAAG,mBAAmB,CAChE,kCAAkC,CACnC,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC"}

package/lib/esm/code/stories/code.stories.js

@@ -21,13 +21,13 @@
 import { Code } from '@neo4j-ndl/react';
 import { CodeDefault, CodeDefaultSrc, CodeRunnable, CodeRunnableSrc, } from './index';
 const componentMeta = {
-    title: 'Components/InlineCode',
-    id: 'components-inline-code',
     component: Code,
-    tags: ['docsPage'],
+    id: 'components-code',
     parameters: {
         controls: { disable: true },
     },
+    tags: ['docsPage'],
+    title: 'Components/Code',
 };
 export default componentMeta;
 export const Default = {

package/lib/esm/code/stories/code.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.stories.js","sourceRoot":"","sources":["../../../../src/code/stories/code.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,eAAe,GAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,uBAAuB;IAC9B,EAAE,EAAE,wBAAwB;IAC5B,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAE7B,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC5C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA0B;IAC7C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,YAAY;CACrB,CAAC"}
+{"version":3,"file":"code.stories.js","sourceRoot":"","sources":["../../../../src/code/stories/code.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,eAAe,GAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,aAAa,GAAsB;IACvC,SAAS,EAAE,IAAI;IACf,EAAE,EAAE,iBAAiB;IACrB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,eAAe,aAAa,CAAC;AAE7B,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC5C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA0B;IAC7C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,YAAY;CACrB,CAAC"}

package/lib/esm/code-block/stories/code.stories.js

@@ -21,13 +21,13 @@
 import { CodeBlock } from '@neo4j-ndl/react';
 import { CodeDefault, CodeDefaultSrc, CodeDisabled, CodeDisabledSrc, CodeFull, CodeFullSrc, CodeLanguages, CodeLanguagesSrc, CodeLineNumbers, CodeLineNumbersSrc, CodeOverflow, CodeOverflowSrc, CodeWithActions, CodeWithActionsSrc, CodeWithHeader, CodeWithHeaderSrc, } from './index';
 const componentMeta = {
-    title: 'Components/Code',
-    id: 'components-code',
     component: CodeBlock,
-    tags: ['docsPage'],
+    id: 'components-code-block',
     parameters: {
         controls: { disable: true },
     },
+    tags: ['docsPage'],
+    title: 'Components/CodeBlock',
 };
 export default componentMeta;
 export const Default = {

package/lib/esm/code-block/stories/code.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.stories.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"code.stories.js","sourceRoot":"","sources":["../../../../src/code-block/stories/code.stories.tsx"],"names":[],"mappings":"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"}

package/lib/esm/color-picker/ColorPicker.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
@@ -52,7 +63,10 @@ export const ColorPicker = forwardRef(function ColorPicker({ color, onChange, sw
     };
     return (_jsxs("div", { ref: ref, className: classNames('ndl-color-picker', className), style: style, children: [_jsx(Saturation, { hsva: hsva, className: "ndl-color-picker-saturation", onChange: (newColor) => {
                     handleChange(Object.assign(Object.assign(Object.assign({}, hsva), newColor), { a: hsva.a }));
-                }, pointer: (props) => _jsx(Pointer, Object.assign({}, props, { hsva: hsva })), radius: tokens.borderRadius['lg'], tabIndex: -1 }), _jsx(Swatch, { colors: swatches, hsva: hsva, onChange: (newColor) => {
+                }, pointer: (_a) => {
+                    var { left, top } = _a, props = __rest(_a, ["left", "top"]);
+                    return (_jsx(Pointer, Object.assign({ left: left === null || left === void 0 ? void 0 : left.toString(), top: top === null || top === void 0 ? void 0 : top.toString() }, props, { hsva: hsva })));
+                }, radius: tokens.borderRadius['lg'] }), _jsx(Swatch, { colors: swatches, hsva: hsva, onChange: (newColor) => {
                     handleChange(newColor);
                 } }), _jsxs("div", { className: "ndl-color-picker-hue-container", children: [isEyeDropperActive && (_jsx(CleanIconButton, { size: "small", isActive: isEyeDropperActiveState, onClick: () => {
                             setIsEyeDropperActiveState(true);
@@ -78,8 +92,9 @@ export const ColorPicker = forwardRef(function ColorPicker({ color, onChange, sw
                                 h: hsva.h,
                                 s: 100,
                                 v: 100,
-                            } }))) })] }), _jsxs("div", { className: "ndl-color-picker-inputs", children: [_jsx(Select, { size: "small", type: "select", selectProps: {
-                            'aria-label': 'Color format',
+                            } }))) })] }), _jsxs("div", { className: "ndl-color-picker-inputs", children: [_jsx(Select, { size: "small", type: "select", ariaLabel: "Color format", style: {
+                            flexShrink: 0,
+                        }, selectProps: {
                             isSearchable: false,
                             onChange: (newFormat) => {
                                 if (!newFormat)
@@ -124,7 +139,7 @@ const HexInput = ({ hsva, onChange, }) => {
         }
     };
     const hexValue = hsvaToHex(hsva);
-    return (_jsx(TextInput, { size: "small", value: inputValue, leadingElement: _jsx("div", { className: "ndl-color-picker-hex-input-prefix", children: "#" }), onChange: handleChange, isFluid: true, style: { width: '100%' }, htmlAttributes: {
+    return (_jsx(TextInput, { size: "small", value: inputValue, leadingElement: _jsx("div", { className: "ndl-color-picker-hex-input-prefix", children: "#" }), onChange: handleChange, isFluid: true, htmlAttributes: {
             'aria-label': 'Hex color code',
             maxLength: 6,
             onCopy: (e) => {