@neo4j-ndl/react 3.9.6 → 3.9.8

package/lib/esm/clipboard-copier/stories/clipboard-copier.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 { ClipboardCopierDefault, ClipboardCopierDefaultSrc, ClipboardCopierDisabled, ClipboardCopierDisabledSrc, ClipboardCopierNotClean, ClipboardCopierNotCleanSrc, ClipboardCopierNotIconButton, ClipboardCopierNotIconButtonSrc, ClipboardCopierSizes, ClipboardCopierSizesSrc, ClipboardCopierTooltip, ClipboardCopierTooltipSrc, } from './';
+const componentMeta = {
+    component: ClipboardButton,
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
+    ],
+    id: 'components-clipboard-copier',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Clipboard Copier',
+};
+export default componentMeta;
+export const Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardCopierDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardCopierDefault,
+};
+export const NotIconButton = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardCopierNotIconButtonSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardCopierNotIconButton,
+};
+export const Sizes = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardCopierSizesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardCopierSizes,
+};
+export const Tooltip = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardCopierTooltipSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardCopierTooltip,
+};
+export const Disabled = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardCopierDisabledSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardCopierDisabled,
+};
+export const NotClean = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: ClipboardCopierNotCleanSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: ClipboardCopierNotClean,
+};
+//# sourceMappingURL=clipboard-copier.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-copier.stories.js","sourceRoot":"","sources":["../../../../src/clipboard-copier/stories/clipboard-copier.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,IAAI,CAAC;AAEZ,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,6BAA6B;CACrC,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,aAAa,GAAU;IAClC,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,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,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-copier/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 ClipboardCopierDefault } from './clipboard-copier-default.story';
+export { default as ClipboardCopierNotIconButton } from './clipboard-copier-not-icon-button.story';
+export { default as ClipboardCopierSizes } from './clipboard-copier-sizes.story';
+export { default as ClipboardCopierTooltip } from './clipboard-copier-tooltip.story';
+export { default as ClipboardCopierDisabled } from './clipboard-copier-disabled.story';
+export { default as ClipboardCopierNotClean } from './clipboard-copier-not-clean.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import ClipboardCopierDefaultSrcRaw from './clipboard-copier-default.story?raw';
+import ClipboardCopierDisabledSrcRaw from './clipboard-copier-disabled.story?raw';
+import ClipboardCopierNotCleanSrcRaw from './clipboard-copier-not-clean.story?raw';
+import ClipboardCopierNotIconButtonSrcRaw from './clipboard-copier-not-icon-button.story?raw';
+import ClipboardCopierSizesSrcRaw from './clipboard-copier-sizes.story?raw';
+import ClipboardCopierTooltipSrcRaw from './clipboard-copier-tooltip.story?raw';
+export const ClipboardCopierDefaultSrc = removeLicenseHeader(ClipboardCopierDefaultSrcRaw);
+export const ClipboardCopierNotIconButtonSrc = removeLicenseHeader(ClipboardCopierNotIconButtonSrcRaw);
+export const ClipboardCopierSizesSrc = removeLicenseHeader(ClipboardCopierSizesSrcRaw);
+export const ClipboardCopierTooltipSrc = removeLicenseHeader(ClipboardCopierTooltipSrcRaw);
+export const ClipboardCopierDisabledSrc = removeLicenseHeader(ClipboardCopierDisabledSrcRaw);
+export const ClipboardCopierNotCleanSrc = removeLicenseHeader(ClipboardCopierNotCleanSrcRaw);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/clipboard-copier/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/color-picker/stories/color-picker-custom-swatches.story.js

@@ -28,32 +28,32 @@ const Component = () => {
         g: 0,
         r: 0,
     });
-    return (_jsx("div", { className: "n-w-60", children: _jsx(ColorPicker, { color: color, onChange: (newColor) => setColor(newColor.rgb), swatches: [
-                {
-                    a: 1,
-                    b: 0,
-                    g: 0,
-                    r: 0,
-                },
-                {
-                    a: 1,
-                    b: 255,
-                    g: 0,
-                    r: 0,
-                },
-                {
-                    a: 1,
-                    b: 0,
-                    g: 255,
-                    r: 0,
-                },
-                {
-                    a: 1,
-                    b: 0,
-                    g: 0,
-                    r: 255,
-                },
-            ] }) }));
+    return (_jsx(ColorPicker, { color: color, onChange: (newColor) => setColor(newColor.rgb), swatches: [
+            {
+                a: 1,
+                b: 0,
+                g: 0,
+                r: 0,
+            },
+            {
+                a: 1,
+                b: 255,
+                g: 0,
+                r: 0,
+            },
+            {
+                a: 1,
+                b: 0,
+                g: 255,
+                r: 0,
+            },
+            {
+                a: 1,
+                b: 0,
+                g: 0,
+                r: 255,
+            },
+        ] }));
 };
 export default Component;
 //# sourceMappingURL=color-picker-custom-swatches.story.js.map

package/lib/esm/color-picker/stories/color-picker-custom-swatches.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-custom-swatches.story.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker-custom-swatches.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC9C,QAAQ,EAAE;gBACR;oBACE,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;iBACL;gBACD;oBACE,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,GAAG;oBACN,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;iBACL;gBACD;oBACE,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,GAAG;oBACN,CAAC,EAAE,CAAC;iBACL;gBACD;oBACE,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,GAAG;iBACP;aACF,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"color-picker-custom-swatches.story.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker-custom-swatches.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC9C,QAAQ,EAAE;YACR;gBACE,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;YACD;gBACE,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;YACD;gBACE,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,CAAC;aACL;YACD;gBACE,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,GAAG;aACP;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/color-picker/stories/{color-picker-full.story.js → color-picker-default.story.js}

@@ -28,7 +28,7 @@ const Component = () => {
         g: 0,
         r: 0,
     });
-    return (_jsx("div", { className: "n-w-60", children: _jsx(ColorPicker, { color: color, onChange: (newColor) => setColor(newColor.rgb) }) }));
+    return (_jsx(ColorPicker, { color: color, onChange: (newColor) => setColor(newColor.rgb) }));
 };
 export default Component;
-//# sourceMappingURL=color-picker-full.story.js.map
+//# sourceMappingURL=color-picker-default.story.js.map

package/lib/esm/color-picker/stories/color-picker-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-default.story.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,GAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/color-picker/stories/{color-picker-without-eye-dropper.story.js → color-picker-without-eyedropper.story.js}

@@ -28,7 +28,7 @@ const Component = () => {
         g: 0,
         r: 0,
     });
-    return (_jsx("div", { className: "n-w-60", children: _jsx(ColorPicker, { color: color, onChange: (newColor) => setColor(newColor.rgb), shouldShowEyeDropper: false }) }));
+    return (_jsx(ColorPicker, { color: color, onChange: (newColor) => setColor(newColor.rgb), shouldShowEyeDropper: false }));
 };
 export default Component;
-//# sourceMappingURL=color-picker-without-eye-dropper.story.js.map
+//# sourceMappingURL=color-picker-without-eyedropper.story.js.map

package/lib/esm/color-picker/stories/color-picker-without-eyedropper.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-without-eyedropper.story.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker-without-eyedropper.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC9C,oBAAoB,EAAE,KAAK,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -19,8 +19,9 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ColorPicker } from '../ColorPicker';
-import { ColorPickerCustomSwatches, ColorPickerCustomSwatchesSource, ColorPickerFull, ColorPickerFullSource, ColorPickerWithoutEyeDropper, ColorPickerWithoutEyeDropperSource, } from '.';
+import { ColorPickerCustomSwatches, ColorPickerCustomSwatchesSource, ColorPickerDefault, ColorPickerDefaultSource, ColorPickerWithoutEyeDropper, ColorPickerWithoutEyeDropperSource, } from '.';
 const componentMeta = {
     component: ColorPicker,
     parameters: {
@@ -29,24 +30,25 @@ const componentMeta = {
     tags: ['docsPage'],
     title: 'Components/ColorPicker',
     id: 'components-color-picker',
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx("div", { className: "n-w-60", children: _jsx(Story, {}) }) })),
+    ],
 };
 export default componentMeta;
-export const Full = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+export const Default = {
     args: {},
     parameters: {
         docs: {
             source: {
-                code: ColorPickerFullSource,
+                code: ColorPickerDefaultSource,
                 language: 'tsx',
                 type: 'code',
             },
         },
     },
-    render: ColorPickerFull,
+    render: ColorPickerDefault,
 };
 export const WithoutEyeDropper = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     parameters: {
         docs: {
@@ -60,7 +62,6 @@ export const WithoutEyeDropper = {
     render: ColorPickerWithoutEyeDropper,
 };
 export const CustomSwatches = {
-    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
     parameters: {
         docs: {

package/lib/esm/color-picker/stories/color-picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,+BAA+B,EAC/B,eAAe,EACf,qBAAqB,EACrB,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,yBAAyB;CACK,CAAC;AAErC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAe;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,mGAAmG;IACnG,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,yBAAyB;CAClC,CAAC"}
+{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,EAClB,wBAAwB,EACxB,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;CACF,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,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAkB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,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,yBAAyB;CAClC,CAAC"}

package/lib/esm/color-picker/stories/index.js

@@ -18,14 +18,14 @@
  *  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 ColorPickerFull } from './color-picker-full.story';
-export { default as ColorPickerWithoutEyeDropper } from './color-picker-without-eye-dropper.story';
+export { default as ColorPickerDefault } from './color-picker-default.story';
+export { default as ColorPickerWithoutEyeDropper } from './color-picker-without-eyedropper.story';
 export { default as ColorPickerCustomSwatches } from './color-picker-custom-swatches.story';
 import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
 import ColorPickerCustomSwatchesSourceRaw from './color-picker-custom-swatches.story.tsx?raw';
-import ColorPickerFullSourceRaw from './color-picker-full.story.tsx?raw';
-import ColorPickerWithoutEyeDropperSourceRaw from './color-picker-without-eye-dropper.story.tsx?raw';
-export const ColorPickerFullSource = removeLicenseHeader(ColorPickerFullSourceRaw);
+import ColorPickerDefaultSourceRaw from './color-picker-default.story.tsx?raw';
+import ColorPickerWithoutEyeDropperSourceRaw from './color-picker-without-eyedropper.story.tsx?raw';
+export const ColorPickerDefaultSource = removeLicenseHeader(ColorPickerDefaultSourceRaw);
 export const ColorPickerWithoutEyeDropperSource = removeLicenseHeader(ColorPickerWithoutEyeDropperSourceRaw);
 export const ColorPickerCustomSwatchesSource = removeLicenseHeader(ColorPickerCustomSwatchesSourceRaw);
 //# sourceMappingURL=index.js.map

package/lib/esm/color-picker/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAE5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,kCAAkC,MAAM,8CAA8C,CAAC;AAC9F,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,qCAAqC,MAAM,kDAAkD,CAAC;AAErG,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,kCAAkC,GAAG,mBAAmB,CACnE,qCAAqC,CACtC,CAAC;AACF,MAAM,CAAC,MAAM,+BAA+B,GAAG,mBAAmB,CAChE,kCAAkC,CACnC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAE5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,kCAAkC,MAAM,8CAA8C,CAAC;AAC9F,OAAO,2BAA2B,MAAM,sCAAsC,CAAC;AAC/E,OAAO,qCAAqC,MAAM,iDAAiD,CAAC;AAEpG,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,kCAAkC,GAAG,mBAAmB,CACnE,qCAAqC,CACtC,CAAC;AACF,MAAM,CAAC,MAAM,+BAA+B,GAAG,mBAAmB,CAChE,kCAAkC,CACnC,CAAC"}

package/lib/esm/dialog/stories/dialog-danger.story.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Button, Dialog } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const handleClick = () => setIsOpen((prev) => !prev);
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Button, { onClick: handleClick, children: "Open Dialog" }) }), _jsxs(Dialog, { onClose: handleClose, isOpen: isOpen, modalProps: {
+                    id: 'danger-dialog',
+                }, type: "danger", children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Subtitle, { children: "This is a subtitle" }), _jsx(Dialog.Content, { children: "This is where you put your content" }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onClick: handleClose, color: "neutral", fill: "outlined", size: "medium", children: "Secondary" }), _jsx(Button, { onClick: handleClose, size: "medium", children: "Primary" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=dialog-danger.story.js.map

package/lib/esm/dialog/stories/dialog-danger.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-danger.story.js","sourceRoot":"","sources":["../../../../src/dialog/stories/dialog-danger.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,4BAAsB,GAC9C,EACN,MAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE;oBACV,EAAE,EAAE,eAAe;iBACpB,EACD,IAAI,EAAC,QAAQ,aAEb,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,QAAQ,qCAAqC,EACrD,KAAC,MAAM,CAAC,OAAO,qDAAoD,EACnE,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,0BAGN,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,wBAElC,IACM,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dialog/stories/dialog-default.story.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Button, Dialog } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const handleClick = () => setIsOpen((prev) => !prev);
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Button, { onClick: handleClick, children: "Open Dialog" }) }), _jsxs(Dialog, { onClose: handleClose, isOpen: isOpen, children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Subtitle, { children: "This is a subtitle" }), _jsx(Dialog.Content, { children: "This is where you put your content" }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onClick: handleClose, color: "neutral", fill: "outlined", size: "medium", children: "Secondary" }), _jsx(Button, { onClick: handleClose, size: "medium", children: "Primary" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=dialog-default.story.js.map

package/lib/esm/dialog/stories/dialog-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-default.story.js","sourceRoot":"","sources":["../../../../src/dialog/stories/dialog-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,4BAAsB,GAC9C,EACN,MAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,aAC1C,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,QAAQ,qCAAqC,EACrD,KAAC,MAAM,CAAC,OAAO,qDAAoD,EACnE,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,0BAGN,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,wBAElC,IACM,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dialog/stories/dialog-image.story.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Button, Dialog } from '@neo4j-ndl/react';
+import { useState } from 'react';
+import DialogExample from './assets/DialogExample.png';
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const handleClick = () => setIsOpen((prev) => !prev);
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Button, { onClick: handleClick, children: "Open Dialog" }) }), _jsxs(Dialog, { modalProps: {
+                    id: 'image-dialog',
+                }, onClose: handleClose, isOpen: isOpen, children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Image, { src: DialogExample, alt: "Example image" }), _jsx(Dialog.Description, { children: "This is a description." }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onClick: handleClose, color: "neutral", fill: "outlined", size: "medium", children: "Secondary" }), _jsx(Button, { onClick: handleClose, size: "medium", children: "Primary" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=dialog-image.story.js.map

package/lib/esm/dialog/stories/dialog-image.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-image.story.js","sourceRoot":"","sources":["../../../../src/dialog/stories/dialog-image.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,4BAAsB,GAC9C,EACN,MAAC,MAAM,IACL,UAAU,EAAE;oBACV,EAAE,EAAE,cAAc;iBACnB,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,aAEd,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,KAAK,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,eAAe,GAAG,EACxD,KAAC,MAAM,CAAC,WAAW,yCAA4C,EAC/D,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,0BAGN,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,wBAElC,IACM,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dialog/stories/dialog-info.story.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Button, Dialog } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const handleClick = () => setIsOpen((prev) => !prev);
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Button, { onClick: handleClick, children: "Open Dialog" }) }), _jsxs(Dialog, { onClose: handleClose, isOpen: isOpen, modalProps: {
+                    id: 'info-dialog',
+                }, type: "info", children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Subtitle, { children: "This is a subtitle" }), _jsx(Dialog.Content, { children: "This is where you put your content" }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onClick: handleClose, color: "neutral", fill: "outlined", size: "medium", children: "Secondary" }), _jsx(Button, { onClick: handleClose, size: "medium", children: "Primary" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=dialog-info.story.js.map

package/lib/esm/dialog/stories/dialog-info.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-info.story.js","sourceRoot":"","sources":["../../../../src/dialog/stories/dialog-info.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,4BAAsB,GAC9C,EACN,MAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE;oBACV,EAAE,EAAE,aAAa;iBAClB,EACD,IAAI,EAAC,MAAM,aAEX,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,QAAQ,qCAAqC,EACrD,KAAC,MAAM,CAAC,OAAO,qDAAoD,EACnE,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,0BAGN,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,wBAElC,IACM,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dialog/stories/dialog-top-aligned.story.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Button, Dialog } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const handleClick = () => setIsOpen((prev) => !prev);
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Button, { onClick: handleClick, children: "Open Dialog" }) }), _jsxs(Dialog, { modalProps: {
+                    id: 'top-aligned-dialog',
+                    className: 'n-align-top n-mt-token-6',
+                }, onClose: handleClose, isOpen: isOpen, children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Content, { children: "This is where you put your content" }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onClick: handleClose, color: "neutral", fill: "outlined", size: "medium", children: "Secondary" }), _jsx(Button, { onClick: handleClose, size: "medium", children: "Primary" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=dialog-top-aligned.story.js.map

package/lib/esm/dialog/stories/dialog-top-aligned.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-top-aligned.story.js","sourceRoot":"","sources":["../../../../src/dialog/stories/dialog-top-aligned.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,4BAAsB,GAC9C,EACN,MAAC,MAAM,IACL,UAAU,EAAE;oBACV,EAAE,EAAE,oBAAoB;oBACxB,SAAS,EAAE,0BAA0B;iBACtC,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,aAEd,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,OAAO,qDAAoD,EACnE,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,0BAGN,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,wBAElC,IACM,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dialog/stories/dialog-types.story.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Button, Dialog } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = (props) => {
+    const [type, setType] = useState(undefined);
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const handleClick = (type) => {
+        setType(type);
+        setIsOpen((prev) => !prev);
+    };
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "n-flex n-justify-center n-gap-token-6", children: [_jsx(Button, { onClick: () => handleClick('info'), children: "Info Dialog" }), _jsx(Button, { onClick: () => handleClick('warning'), children: "Warning Dialog" }), _jsx(Button, { onClick: () => handleClick('danger'), children: "Danger Dialog" })] }), _jsxs(Dialog, { modalProps: {
+                    id: `${type}-dialog`,
+                }, onClose: handleClose, isOpen: isOpen, type: type, children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Subtitle, { children: "This is a subtitle" }), _jsx(Dialog.Content, { children: "This is where you put your content" }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onClick: handleClose, color: "neutral", fill: "outlined", size: "medium", children: "Secondary" }), _jsx(Button, { onClick: handleClose, size: "medium", children: "Primary" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=dialog-types.story.js.map

package/lib/esm/dialog/stories/dialog-types.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-types.story.js","sourceRoot":"","sources":["../../../../src/dialog/stories/dialog-types.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAmB,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAyB,SAAS,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,CAAC,IAAgB,EAAE,EAAE;QACvC,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,4BAAsB,EAChE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,+BAAyB,EACtE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,8BAAwB,IAChE,EACN,MAAC,MAAM,IACL,UAAU,EAAE;oBACV,EAAE,EAAE,GAAG,IAAI,SAAS;iBACrB,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,aAEV,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,QAAQ,qCAAqC,EACrD,KAAC,MAAM,CAAC,OAAO,qDAAoD,EACnE,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,0BAGN,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,wBAElC,IACM,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}