@neo4j-ndl/react 4.0.0-alpha.0.c6243ce → 4.0.1

package/lib/cjs/divider/stories/divider-default.story.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '4px',
+            width: '100%',
+        }, children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." }), (0, jsx_runtime_1.jsx)(react_1.Divider, {}), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=divider-default.story.js.map

package/lib/cjs/divider/stories/divider-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-default.story.js","sourceRoot":"","sources":["../../../../src/divider/stories/divider-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2C;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;SACd,aAED,qGAA+D,EAC/D,uBAAC,eAAO,KAAG,EACX,qGAA+D,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/divider/stories/divider-horizontal.story.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '4px',
+        }, children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." }), (0, jsx_runtime_1.jsx)(react_1.Divider, { orientation: "horizontal" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=divider-horizontal.story.js.map

package/lib/cjs/divider/stories/divider-horizontal.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-horizontal.story.js","sourceRoot":"","sources":["../../../../src/divider/stories/divider-horizontal.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2C;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,KAAK;SACX,aAED,qGAA+D,EAC/D,uBAAC,eAAO,IAAC,WAAW,EAAC,YAAY,GAAG,EACpC,qGAA+D,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/divider/stories/divider-vertical.story.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'row',
+            gap: '4px',
+        }, children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." }), (0, jsx_runtime_1.jsx)(react_1.Divider, { orientation: "vertical" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=divider-vertical.story.js.map

package/lib/cjs/divider/stories/divider-vertical.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-vertical.story.js","sourceRoot":"","sources":["../../../../src/divider/stories/divider-vertical.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2C;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,KAAK;SACX,aAED,qGAA+D,EAC/D,uBAAC,eAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,qGAA+D,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/divider/stories/divider.stories.js

@@ -0,0 +1,67 @@
+/**
+ *
+ *  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/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vertical = exports.Default = void 0;
+const index_1 = require("../../index");
+const _1 = require("./");
+const componentMeta = {
+    component: index_1.Divider,
+    id: 'components-divider',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Divider',
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {
+        orientation: 'horizontal',
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: _1.DividerDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.DividerDefault,
+};
+exports.Vertical = {
+    args: {
+        orientation: 'vertical',
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: _1.DividerVerticalSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.DividerVertical,
+};
+//# sourceMappingURL=divider.stories.js.map

package/lib/cjs/divider/stories/divider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.stories.js","sourceRoot":"","sources":["../../../../src/divider/stories/divider.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAsC;AACtC,yBAKY;AAEZ,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,eAAO;IAClB,EAAE,EAAE,oBAAoB;IACxB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,oBAAoB;CACG,CAAC;AAEjC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,YAAY;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,UAAU;KACxB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC"}

package/lib/cjs/divider/stories/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DividerVerticalSrc = exports.DividerDefaultSrc = exports.DividerVertical = exports.DividerHorizontal = exports.DividerDefault = void 0;
+var divider_default_story_1 = require("./divider-default.story");
+Object.defineProperty(exports, "DividerDefault", { enumerable: true, get: function () { return __importDefault(divider_default_story_1).default; } });
+var divider_horizontal_story_1 = require("./divider-horizontal.story");
+Object.defineProperty(exports, "DividerHorizontal", { enumerable: true, get: function () { return __importDefault(divider_horizontal_story_1).default; } });
+var divider_vertical_story_1 = require("./divider-vertical.story");
+Object.defineProperty(exports, "DividerVertical", { enumerable: true, get: function () { return __importDefault(divider_vertical_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const divider_default_story_raw_1 = __importDefault(require("./divider-default.story?raw"));
+const divider_vertical_story_raw_1 = __importDefault(require("./divider-vertical.story?raw"));
+exports.DividerDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(divider_default_story_raw_1.default);
+exports.DividerVerticalSrc = (0, export_stories_utils_1.removeLicenseHeader)(divider_vertical_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/divider/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/divider/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAClC,uEAA0E;AAAjE,8IAAA,OAAO,OAAqB;AACrC,mEAAsE;AAA7D,0IAAA,OAAO,OAAmB;AAEnC,wFAAoF;AAEpF,4FAA+D;AAC/D,8FAAiE;AAEpD,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,mCAAoB,CAAC,CAAC;AAC9D,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,oCAAqB,CAAC,CAAC"}

package/lib/cjs/drawer/Drawer.js

@@ -10,8 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = exports.DrawerComponent = void 0;
+exports.Drawer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
@@ -34,9 +37,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const react_1 = require("@floating-ui/react");
+const classnames_1 = __importDefault(require("classnames"));
 const re_resizable_1 = require("re-resizable");
 const react_2 = require("react");
-const defaultImports_1 = require("../_common/defaultImports");
 const clean_icon_button_1 = require("../clean-icon-button");
 const conditional_wrap_1 = require("../conditional-wrap");
 const icons_1 = require("../icons");
@@ -46,23 +49,22 @@ const DrawerComponent = function DrawerComponent({ children, className = '', isE
         if (onExpandedChange)
             onExpandedChange(!isExpanded);
     }, [isExpanded, onExpandedChange]);
-    const classes = (0, defaultImports_1.classNames)('ndl-drawer', className, {
+    const classes = (0, classnames_1.default)('ndl-drawer', className, {
         'ndl-drawer-expanded': isExpanded,
         'ndl-drawer-left': position === 'left',
-        'ndl-drawer-right': position === 'right',
         'ndl-drawer-overlay': type === 'overlay',
         'ndl-drawer-push': type === 'push',
+        'ndl-drawer-right': position === 'right',
     });
     const resizableStylePosition = type === 'overlay' ? 'absolute' : 'relative';
     const shouldRenderInPortal = isPortaled && type === 'overlay';
-    const Close = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isCloseable && ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { className: "ndl-drawer-close-button", onClick: setOnExpandedChange, tooltip: "Close", size: "medium", htmlAttributes: {
+    const Close = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isCloseable && ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { className: "ndl-drawer-close-button", onClick: setOnExpandedChange, description: "Close", size: "medium", htmlAttributes: {
                 title: 'Close drawer',
-                'data-testid': 'ndl-drawer-close-button',
             }, children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) })) }));
     if (isResizeable) {
         return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: shouldRenderInPortal, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: wrapChildren }))), children: (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, Object.assign({ defaultSize: {
-                    width: 'auto',
                     height: '100%',
+                    width: 'auto',
                 } }, resizeableProps, { className: classes, style: Object.assign({ position: resizableStylePosition }, resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", handleStyles: {
                     /*
                      * adding a small offset to the handle to make it easier to click
@@ -73,23 +75,22 @@ const DrawerComponent = function DrawerComponent({ children, className = '', isE
                         right: '-8px',
                     },
                 }, enable: {
-                    top: false,
-                    right: position === 'left',
                     bottom: false,
-                    left: position === 'right',
-                    topRight: false,
-                    bottomRight: false,
                     bottomLeft: false,
+                    bottomRight: false,
+                    left: position === 'right',
+                    right: position === 'left',
+                    top: false,
                     topLeft: false,
+                    topRight: false,
                 }, ref: ref, children: [children, (0, jsx_runtime_1.jsx)(Close, {})] })) }));
     }
     return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: shouldRenderInPortal, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: wrapChildren }))), children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, ref: ref }, htmlAttributes, { children: [children, (0, jsx_runtime_1.jsx)(Close, {})] })) }));
 };
-exports.DrawerComponent = DrawerComponent;
-exports.DrawerComponent.displayName = 'Drawer';
+DrawerComponent.displayName = 'Drawer';
 const DrawerHeader = (_a) => {
     var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
-    const classes = (0, defaultImports_1.classNames)('ndl-drawer-header', className);
+    const classes = (0, classnames_1.default)('ndl-drawer-header', className);
     if (typeof children === 'string' || typeof children === 'number') {
         return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ variant: "title-3" }, restProps, { className: classes, children: children })));
     }
@@ -97,18 +98,18 @@ const DrawerHeader = (_a) => {
 };
 const DrawerActions = (_a) => {
     var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
-    const classes = (0, defaultImports_1.classNames)('ndl-drawer-actions', className);
+    const classes = (0, classnames_1.default)('ndl-drawer-actions', className);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: classes, children: children })));
 };
 const DrawerBody = (_a) => {
     var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
-    const classes = (0, defaultImports_1.classNames)('ndl-drawer-body', className);
+    const classes = (0, classnames_1.default)('ndl-drawer-body', className);
     return ((0, jsx_runtime_1.jsx)("div", { className: "ndl-drawer-body-wrapper", children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: classes, children: children })) }));
 };
-const Drawer = Object.assign(exports.DrawerComponent, {
-    Header: DrawerHeader,
+const Drawer = Object.assign(DrawerComponent, {
     Actions: DrawerActions,
     Body: DrawerBody,
+    Header: DrawerHeader,
 });
 exports.Drawer = Drawer;
 //# sourceMappingURL=Drawer.js.map

package/lib/cjs/drawer/Drawer.js.map

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

package/lib/cjs/drawer/stories/drawer-full.story.js

@@ -26,11 +26,11 @@ const react_1 = require("@neo4j-ndl/react");
 const react_2 = require("react");
 const Component = () => {
     const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
-    const Placeholder = () => ((0, jsx_runtime_1.jsx)("div", { className: "n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-16 w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    const Placeholder = () => ((0, jsx_runtime_1.jsx)("div", { className: "w-full n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-16", children: (0, jsx_runtime_1.jsx)("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
     return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "push", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), isResizeable: true, resizeableProps: {
                     maxWidth: '400px',
                     minWidth: '300px',
-                }, isCloseable: true, isPortaled: false, children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsxs)(react_1.Drawer.Body, { children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", isDisabled: true, value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" })] }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+                }, isCloseable: true, isPortaled: false, children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsxs)(react_1.Drawer.Body, { children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { showRequiredOrOptionalLabel: true, moreInformationText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", isDisabled: true, value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { showRequiredOrOptionalLabel: true, moreInformationText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" })] }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
 };
 exports.default = Component;
 //# sourceMappingURL=drawer-full.story.js.map

package/lib/cjs/drawer/stories/drawer-full.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-full.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAA6E;AAC7E,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,gGAAgG,YAC7G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACX,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE;oBACf,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,OAAO;iBAClB,EACD,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,KAAK,aAEjB,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,wBAAC,cAAM,CAAC,IAAI,eACV,uBAAC,iBAAS,IACR,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,gCAAM,EACN,uBAAC,iBAAS,IACR,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,EACd,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACA,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"drawer-full.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAA6E;AAC7E,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,gGAAgG,YAC7G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACX,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE;oBACf,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,OAAO;iBAClB,EACD,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,KAAK,aAEjB,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,wBAAC,cAAM,CAAC,IAAI,eACV,uBAAC,iBAAS,IACR,2BAA2B,EAAE,IAAI,EACjC,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,gCAAM,EACN,uBAAC,iBAAS,IACR,2BAA2B,EAAE,IAAI,EACjC,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,EACd,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACA,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer-scrollable.story.js

@@ -26,8 +26,8 @@ const react_1 = require("@neo4j-ndl/react");
 const react_2 = require("react");
 const Component = () => {
     const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
-    const Placeholder = () => ((0, jsx_runtime_1.jsx)("div", { className: "n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-16 w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsxs)(react_1.Drawer.Body, { children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", isDisabled: true, value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" })] })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+    const Placeholder = () => ((0, jsx_runtime_1.jsx)("div", { className: "w-full n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-16", children: (0, jsx_runtime_1.jsx)("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsxs)(react_1.Drawer.Body, { children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { showRequiredOrOptionalLabel: true, moreInformationText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", isDisabled: true, value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { showRequiredOrOptionalLabel: true, moreInformationText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" })] })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
 };
 exports.default = Component;
 //# sourceMappingURL=drawer-scrollable.story.js.map

package/lib/cjs/drawer/stories/drawer-scrollable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-scrollable.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-scrollable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAA6E;AAC7E,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,gGAAgG,YAC7G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACX,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAE5C,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,wBAAC,cAAM,CAAC,IAAI,eACV,uBAAC,iBAAS,IACR,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,gCAAM,EACN,uBAAC,iBAAS,IACR,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,IACP,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"drawer-scrollable.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-scrollable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAA6E;AAC7E,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,gGAAgG,YAC7G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACX,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAE5C,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,wBAAC,cAAM,CAAC,IAAI,eACV,uBAAC,iBAAS,IACR,2BAA2B,EAAE,IAAI,EACjC,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,gCAAM,EACN,uBAAC,iBAAS,IACR,2BAA2B,EAAE,IAAI,EACjC,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,IACP,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer.stories.js

@@ -36,7 +36,6 @@ const componentMeta = {
 };
 exports.default = componentMeta;
 exports.Overlay = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerOverlay, {}),
     parameters: {
@@ -50,7 +49,6 @@ exports.Overlay = {
     },
 };
 exports.Push = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerPush, {}),
     parameters: {
@@ -64,7 +62,6 @@ exports.Push = {
     },
 };
 exports.RightSide = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerRightSide, {}),
     parameters: {
@@ -78,7 +75,6 @@ exports.RightSide = {
     },
 };
 exports.Resizable = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerResizable, {}),
     parameters: {
@@ -92,7 +88,6 @@ exports.Resizable = {
     },
 };
 exports.NotCloseable = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerNotCloseable, {}),
     parameters: {
@@ -106,7 +101,6 @@ exports.NotCloseable = {
     },
 };
 exports.Scrollable = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerScrollable, {}),
     parameters: {
@@ -120,7 +114,6 @@ exports.Scrollable = {
     },
 };
 exports.Portaled = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerPortaled, {}),
     parameters: {
@@ -134,7 +127,6 @@ exports.Portaled = {
     },
 };
 exports.Full = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerFull, {}),
     parameters: {

package/lib/cjs/drawer/stories/drawer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.stories.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAqC;AACrC,mCAiBiB;AAEjB,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;IACvB,SAAS,EAAE,cAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;CACkD,CAAC;AAEtD,kBAAe,aAAa,CAAC;AAIhB,QAAA,OAAO,GAAU;IAC5B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,qBAAa,KAAG;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAgB;aACvB;SACF;KACF;CACF,CAAC;AACW,QAAA,IAAI,GAAU;IACzB,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,kBAAU,KAAG;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAa;aACpB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,uBAAe,KAAG;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,uBAAe,KAAG;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,0BAAkB,KAAG;IACpC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAgB,KAAG;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,sBAAc,KAAG;IAChC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAiB;aACxB;SACF;KACF;CACF,CAAC;AACW,QAAA,IAAI,GAAU;IACzB,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,kBAAU,KAAG;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAa;aACpB;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"drawer.stories.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAqC;AACrC,mCAiBiB;AAEjB,MAAM,aAAa,GAA8C;IAC/D,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;IACvB,SAAS,EAAE,cAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAIhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,qBAAa,KAAG;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAgB;aACvB;SACF;KACF;CACF,CAAC;AACW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,kBAAU,KAAG;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAa;aACpB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,uBAAe,KAAG;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,uBAAe,KAAG;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,0BAAkB,KAAG;IACpC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAgB,KAAG;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,sBAAc,KAAG;IAChC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAiB;aACxB;SACF;KACF;CACF,CAAC;AACW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,kBAAU,KAAG;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAa;aACpB;SACF;KACF;CACF,CAAC"}

package/lib/cjs/dropdown-button/DropdownButton.js

@@ -1,3 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,12 +25,7 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const defaultImports_1 = require("../_common/defaultImports");
+const classnames_1 = __importDefault(require("classnames"));
 const icons_1 = require("../icons");
 /**
  *
@@ -33,7 +35,7 @@ const icons_1 = require("../icons");
  *
  */
 const DropdownButton = function DropdownButton({ as, children, size = 'medium', isDisabled = false, isFloating = false, leadingElement, isOpen = false, onClick, className, style, htmlAttributes, ref, }) {
-    const classes = (0, defaultImports_1.classNames)('ndl-dropdown-btn', className, {
+    const classes = (0, classnames_1.default)('ndl-dropdown-btn', className, {
         'ndl-disabled': isDisabled,
         'ndl-floating-btn': isFloating,
         'ndl-large': size === 'large',
@@ -42,7 +44,7 @@ const DropdownButton = function DropdownButton({ as, children, size = 'medium',
         'ndl-small': size === 'small',
     });
     const Component = as !== null && as !== void 0 ? as : 'button';
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, disabled: isDisabled, onClick: onClick, "aria-expanded": isOpen, ref: ref, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-dropdown-btn-inner", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-dropdown-btn-leading-wrapper", children: [leadingElement, (0, jsx_runtime_1.jsx)("span", { className: "ndl-dropdown-btn-content", children: children })] }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, defaultImports_1.classNames)('ndl-dropdown-button-icon', {
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, disabled: isDisabled, onClick: onClick, "aria-expanded": isOpen, ref: ref, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-dropdown-btn-inner", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-dropdown-btn-leading-wrapper", children: [leadingElement, (0, jsx_runtime_1.jsx)("span", { className: "ndl-dropdown-btn-content", children: children })] }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, classnames_1.default)('ndl-dropdown-button-icon', {
                         'ndl-dropdown-button-icon-open': isOpen,
                     }) })] }) })));
 };

package/lib/cjs/dropdown-button/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/dropdown-button/DropdownButton.tsx"],"names":[],"mappings":";;;;AAsBA,8DAAuD;AAEvD,oCAAkD;AA6BlD;;;;;;GAMG;AAEI,MAAM,cAAc,GAAG,SAAS,cAAc,CAEnD,EACA,EAAE,EACF,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,MAAM,GAAG,KAAK,EACd,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,GAC4C;IAC/C,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,cAAc,EAAE,UAAU;QAC1B,kBAAkB,EAAE,UAAU;QAC9B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IAEpD,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,mBACD,MAAM,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACR,cAAc,cAElB,iCAAK,SAAS,EAAC,wBAAwB,aACrC,iCAAK,SAAS,EAAC,kCAAkC,aAC9C,cAAc,EACf,iCAAM,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAQ,IACxD,EAEN,uBAAC,8BAAsB,IACrB,SAAS,EAAE,IAAA,2BAAU,EAAC,0BAA0B,EAAE;wBAChD,+BAA+B,EAAE,MAAM;qBACxC,CAAC,GACF,IACE,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,cAAc,kBAmDzB"}
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/dropdown-button/DropdownButton.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAIpC,oCAAkD;AA6BlD;;;;;;GAMG;AAEI,MAAM,cAAc,GAAG,SAAS,cAAc,CAEnD,EACA,EAAE,EACF,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,MAAM,GAAG,KAAK,EACd,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,GAC4C;IAC/C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,cAAc,EAAE,UAAU;QAC1B,kBAAkB,EAAE,UAAU;QAC9B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IAEpD,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,mBACD,MAAM,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACR,cAAc,cAElB,iCAAK,SAAS,EAAC,wBAAwB,aACrC,iCAAK,SAAS,EAAC,kCAAkC,aAC9C,cAAc,EACf,iCAAM,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAQ,IACxD,EAEN,uBAAC,8BAAsB,IACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE;wBAChD,+BAA+B,EAAE,MAAM;qBACxC,CAAC,GACF,IACE,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,cAAc,kBAmDzB"}

package/lib/cjs/dropdown-button/stories/dropdown-button-with-avatar.story.js

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.DropdownButton, { leadingElement: (0, jsx_runtime_1.jsx)(react_1.Avatar, { name: "KM", size: "small", type: "icon", shape: "square" }), children: "Dropdown Button" }));
+    return ((0, jsx_runtime_1.jsx)(react_1.DropdownButton, { leadingElement: (0, jsx_runtime_1.jsx)(react_1.Avatar, { name: "KM", type: "icon", shape: "square" }), children: "Dropdown Button" }));
 };
 exports.default = Component;
 //# sourceMappingURL=dropdown-button-with-avatar.story.js.map

package/lib/cjs/dropdown-button/stories/dropdown-button-with-avatar.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button-with-avatar.story.js","sourceRoot":"","sources":["../../../../src/dropdown-button/stories/dropdown-button-with-avatar.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0D;AAE1D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,sBAAc,IACb,cAAc,EACZ,uBAAC,cAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,GAAG,gCAI/C,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"dropdown-button-with-avatar.story.js","sourceRoot":"","sources":["../../../../src/dropdown-button/stories/dropdown-button-with-avatar.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0D;AAE1D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,sBAAc,IACb,cAAc,EAAE,uBAAC,cAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,GAAG,gCAGhD,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/dropdown-button/stories/dropdown-button-with-menu.story.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const anchorRef = (0, react_2.useRef)(null);
+    const [isMenuOpen, setIsMenuOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_1.DropdownButton, { isOpen: isMenuOpen, onClick: () => setIsMenuOpen((old) => !old), ref: anchorRef, children: "Dropdown Button" }), (0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isMenuOpen, anchorRef: anchorRef, onClose: () => setIsMenuOpen(false), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { htmlAttributes: {
+                        id: 'default-menu',
+                    }, children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 1" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 2" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 3" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 4" })] }) })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=dropdown-button-with-menu.story.js.map

package/lib/cjs/dropdown-button/stories/dropdown-button-with-menu.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-button-with-menu.story.js","sourceRoot":"","sources":["../../../../src/dropdown-button/stories/dropdown-button-with-menu.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwD;AACxD,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,4CACE,uBAAC,sBAAc,IACb,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAC3C,GAAG,EAAE,SAAS,gCAGC,EACjB,uBAAC,YAAI,IACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAEnC,wBAAC,YAAI,CAAC,KAAK,IACT,cAAc,EAAE;wBACd,EAAE,EAAE,cAAc;qBACnB,aAED,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,GAAG,EAC9B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,GAAG,EAC9B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,GAAG,EAC9B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,GAAG,IACnB,GACR,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}