@neo4j-ndl/react 3.9.6 → 3.9.7

package/lib/esm/icon-button-array/stories/icon-button-array.stories.js

@@ -0,0 +1,103 @@
+/**
+ *
+ *  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 { IconButtonArray } from '../../index';
+import { IconButtonArrayCollapsible, IconButtonArrayCollapsibleSrc, IconButtonArrayFloating, IconButtonArrayFloatingSrc, IconButtonArrayHorizontal, IconButtonArrayHorizontalSrc, IconButtonArraySizes, IconButtonArraySizesSrc, IconButtonArrayVertical, IconButtonArrayVerticalSrc, } from './';
+const componentMeta = {
+    title: 'Components/Buttons/Icon Array',
+    id: 'components-buttons-icon-array',
+    component: IconButtonArray,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
+    ],
+};
+export default componentMeta;
+export const Horizontal = {
+    args: {},
+    render: IconButtonArrayHorizontal,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: IconButtonArrayHorizontalSrc,
+            },
+        },
+    },
+};
+export const Vertical = {
+    args: {},
+    render: IconButtonArrayVertical,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: IconButtonArrayVerticalSrc,
+            },
+        },
+    },
+};
+export const Floating = {
+    args: {},
+    render: IconButtonArrayFloating,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: IconButtonArrayFloatingSrc,
+            },
+        },
+    },
+};
+export const Collapsiable = {
+    args: {},
+    render: IconButtonArrayCollapsible,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: IconButtonArrayCollapsibleSrc,
+            },
+        },
+    },
+};
+export const Sizes = {
+    args: {},
+    render: IconButtonArraySizes,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: IconButtonArraySizesSrc,
+            },
+        },
+    },
+};
+//# sourceMappingURL=icon-button-array.stories.js.map

package/lib/esm/icon-button-array/stories/icon-button-array.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-array.stories.js","sourceRoot":"","sources":["../../../../src/icon-button-array/stories/icon-button-array.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,4BAA4B,EAC5B,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,IAAI,CAAC;AAEZ,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,+BAA+B;IACtC,EAAE,EAAE,+BAA+B;IACnC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAyB;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAA4B;aACnC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAA0B;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA6B;aACpC;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,oBAAoB;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAuB;aAC9B;SACF;KACF;CACF,CAAC"}

package/lib/esm/icon-button-array/stories/index.js

@@ -0,0 +1,37 @@
+/**
+ *
+ *  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 IconButtonArrayHorizontal } from './icon-button-array-horizontal.story';
+export { default as IconButtonArrayVertical } from './icon-button-array-vertical.story';
+export { default as IconButtonArrayFloating } from './icon-button-array-floating.story';
+export { default as IconButtonArrayCollapsible } from './icon-button-array-collapsible.story';
+export { default as IconButtonArraySizes } from './icon-button-array-sizes.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import IconButtonArrayCollapsibleSrcRaw from './icon-button-array-collapsible.story?raw';
+import IconButtonArrayFloatingSrcRaw from './icon-button-array-floating.story?raw';
+import IconButtonArrayHorizontalSrcRaw from './icon-button-array-horizontal.story?raw';
+import IconButtonArraySizesSrcRaw from './icon-button-array-sizes.story?raw';
+import IconButtonArrayVerticalSrcRaw from './icon-button-array-vertical.story?raw';
+export const IconButtonArrayHorizontalSrc = removeLicenseHeader(IconButtonArrayHorizontalSrcRaw);
+export const IconButtonArrayVerticalSrc = removeLicenseHeader(IconButtonArrayVerticalSrcRaw);
+export const IconButtonArrayFloatingSrc = removeLicenseHeader(IconButtonArrayFloatingSrcRaw);
+export const IconButtonArrayCollapsibleSrc = removeLicenseHeader(IconButtonArrayCollapsibleSrcRaw);
+export const IconButtonArraySizesSrc = removeLicenseHeader(IconButtonArraySizesSrcRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/icon-button-array/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icon-button-array/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAElF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,gCAAgC,MAAM,2CAA2C,CAAC;AACzF,OAAO,6BAA6B,MAAM,wCAAwC,CAAC;AACnF,OAAO,+BAA+B,MAAM,0CAA0C,CAAC;AACvF,OAAO,0BAA0B,MAAM,qCAAqC,CAAC;AAC7E,OAAO,6BAA6B,MAAM,wCAAwC,CAAC;AAEnF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,6BAA6B,GAAG,mBAAmB,CAC9D,gCAAgC,CACjC,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC"}

package/lib/esm/modal/stories/index.js

@@ -0,0 +1,31 @@
+/**
+ *
+ *  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 ModalDefault } from './modal-default.story';
+export { default as ModalContained } from './modal-contained.story';
+export { default as ModalSizes } from './modal-sizes.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import ModalContainedSrcRaw from './modal-contained.story.tsx?raw';
+import ModalDefaultSrcRaw from './modal-default.story.tsx?raw';
+import ModalSizesSrcRaw from './modal-sizes.story.tsx?raw';
+export const ModalDefaultSrc = removeLicenseHeader(ModalDefaultSrcRaw);
+export const ModalContainedSrc = removeLicenseHeader(ModalContainedSrcRaw);
+export const ModalSizesSrc = removeLicenseHeader(ModalSizesSrcRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/modal/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modal/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAC/D,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC"}

package/lib/esm/modal/stories/modal-contained.story.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Modal, Typography } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const [stateContainer, setContainer] = useState(null);
+    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 Modal" }) }), _jsx("div", { className: "n-flex n-justify-center n-mt-2", children: _jsx("div", { className: "n-border n-size-[400px] n-relative n-border-black n-border-solid", ref: (newRef) => setContainer(newRef), children: _jsx("p", { children: "Relative positioned container" }) }) }), _jsx(Modal, { container: stateContainer !== null && stateContainer !== void 0 ? stateContainer : undefined, modalProps: {
+                    id: 'contained-modal',
+                    className: 'n-p-token-4 n-bg-neutral-10 n-rounded-lg',
+                }, onClose: handleClose, isOpen: isOpen, size: "unset", children: _jsx("div", { className: "n-flex n-justify-center n-items-center n-h-32", children: _jsx(Typography, { variant: "body-medium", children: "Modal Content" }) }) })] }));
+};
+export default Component;
+//# sourceMappingURL=modal-contained.story.js.map

package/lib/esm/modal/stories/modal-contained.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-contained.story.js","sourceRoot":"","sources":["../../../../src/modal/stories/modal-contained.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7D,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,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IACtE,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,2BAAqB,GAC7C,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cACE,SAAS,EAAC,kEAAkE,EAC5E,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAErC,wDAAoC,GAChC,GACF,EACN,KAAC,KAAK,IACJ,SAAS,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,SAAS,EACtC,UAAU,EAAE;oBACV,EAAE,EAAE,iBAAiB;oBACrB,SAAS,EAAE,0CAA0C;iBACtD,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,YAEZ,cAAK,SAAS,EAAC,+CAA+C,YAC5D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GACxD,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Modal, Typography } 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 Modal" }) }), _jsx(Modal, { modalProps: {
+                    id: 'default-modal',
+                    className: 'n-bg-neutral-10 n-max-w-max n-rounded-lg',
+                }, onClose: handleClose, isOpen: isOpen, children: _jsx("div", { className: "n-flex n-justify-center n-items-center n-h-32", children: _jsx(Typography, { variant: 'code', children: "Modal Content" }) }) })] }));
+};
+export default Component;
+//# sourceMappingURL=modal-default.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-default.story.js","sourceRoot":"","sources":["../../../../src/modal/stories/modal-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7D,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,2BAAqB,GAC7C,EACN,KAAC,KAAK,IACJ,UAAU,EAAE;oBACV,EAAE,EAAE,eAAe;oBACnB,SAAS,EAAE,0CAA0C;iBACtD,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,YAEd,cAAK,SAAS,EAAC,+CAA+C,YAC5D,KAAC,UAAU,IAAC,OAAO,EAAE,MAAM,8BAA4B,GACnD,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/modal/stories/modal-sizes.story.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Modal, Typography } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const SIZES = ['small', 'medium', 'large', 'unset'];
+const Component = (props) => {
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const [size, setSize] = useState('medium');
+    const handleClick = (size) => {
+        setSize(size);
+        setIsOpen((prev) => !prev);
+    };
+    const handleClose = () => setIsOpen(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "n-flex n-gap-2", children: SIZES.map((size) => (_jsx(Button, { onClick: () => handleClick(size), children: `${size} size` }, size))) }), _jsx(Modal, { modalProps: {
+                    id: 'default-modal',
+                    className: 'n-p-token-4 n-bg-neutral-10 n-max-w-max n-rounded-lg',
+                }, onClose: handleClose, isOpen: isOpen, size: size, children: _jsx("div", { className: "n-flex n-justify-center n-items-center n-h-32", children: _jsx(Typography, { variant: 'code', children: "Modal Content" }) }) })] }));
+};
+export default Component;
+//# sourceMappingURL=modal-sizes.story.js.map

package/lib/esm/modal/stories/modal-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-sizes.story.js","sourceRoot":"","sources":["../../../../src/modal/stories/modal-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAU,CAAC;AAE7D,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,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAyB,QAAQ,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,CAAC,IAA4B,EAAE,EAAE;QACnD,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,cAAK,SAAS,EAAC,gBAAgB,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,MAAM,IAAY,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YAChD,GAAG,IAAI,OAAO,IADJ,IAAI,CAER,CACV,CAAC,GACE,EACN,KAAC,KAAK,IACJ,UAAU,EAAE;oBACV,EAAE,EAAE,eAAe;oBACnB,SAAS,EAAE,sDAAsD;iBAClE,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,YAEV,cAAK,SAAS,EAAC,+CAA+C,YAC5D,KAAC,UAAU,IAAC,OAAO,EAAE,MAAM,8BAA4B,GACnD,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/modal/stories/modal.stories.js

@@ -0,0 +1,85 @@
+/**
+ *
+ *  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 isChromatic from 'chromatic/isChromatic';
+import { Modal } from '../../index';
+import { ModalContained, ModalContainedSrc, ModalDefault, ModalDefaultSrc, ModalSizes, ModalSizesSrc, } from '.';
+const componentMeta = {
+    title: 'Components/Modal',
+    id: 'components-modal',
+    component: Modal,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+        chromatic: { delay: 100 },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-flex-col n-items-center n-justify-center", children: _jsx(Story, {}) })),
+    ],
+};
+export default componentMeta;
+export const Default = {
+    args: {
+        isOpen: isChromatic(),
+    },
+    render: ModalDefault,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: ModalDefaultSrc,
+            },
+        },
+    },
+};
+export const Contained = {
+    args: {
+        isOpen: isChromatic(),
+    },
+    render: ModalContained,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: ModalContainedSrc,
+            },
+        },
+    },
+};
+export const Sizes = {
+    args: {
+        isOpen: isChromatic(),
+    },
+    render: ModalSizes,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: ModalSizesSrc,
+            },
+        },
+    },
+};
+//# sourceMappingURL=modal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.stories.js","sourceRoot":"","sources":["../../../../src/modal/stories/modal.stories.tsx"],"names":[],"mappings":";AAqBA,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,GACd,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAuB;IACxC,KAAK,EAAE,kBAAkB;IACzB,EAAE,EAAE,kBAAkB;IACtB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;KAC1B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,mDAAmD,YAChE,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW,EAAE;KACtB;IACD,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,eAAe;aACtB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW,EAAE;KACtB;IACD,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW,EAAE;KACtB;IACD,MAAM,EAAE,UAAU;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,aAAa;aACpB;SACF;KACF;CACF,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -24,7 +24,7 @@ import { Tabs, Typography } from '@neo4j-ndl/react';
 import { useState } from 'react';
 const Component = () => {
     const [value, setValue] = useState(0);
-    return (_jsxs(_Fragment, { children: [_jsxs(Tabs, { value: value, onChange: setValue, children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
+    return (_jsxs("div", { children: [_jsxs(Tabs, { value: value, onChange: setValue, children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-default.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-default.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,8BACE,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-default.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/tabs/stories/tabs-disabled.story.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -24,7 +24,7 @@ import { Tabs, Typography } from '@neo4j-ndl/react';
 import { useState } from 'react';
 const Component = () => {
     const [value, setValue] = useState(0);
-    return (_jsxs(_Fragment, { children: [_jsxs(Tabs, { value: value, onChange: setValue, children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, isDisabled: true, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
+    return (_jsxs("div", { children: [_jsxs(Tabs, { value: value, onChange: setValue, children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, isDisabled: true, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-disabled.story.js.map

package/lib/esm/tabs/stories/tabs-disabled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-disabled.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,8BACE,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,sBAEzB,IACN,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-disabled.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,sBAEzB,IACN,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/tabs/stories/tabs-fill-variants.story.js

@@ -25,7 +25,7 @@ import { useState } from 'react';
 const Component = () => {
     const [underlineValue, setUnderlineValue] = useState(0);
     const [filledValue, setFilledValue] = useState(0);
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Underline (Default)" }), _jsxs("div", { children: [_jsxs(Tabs, { value: underlineValue, onChange: setUnderlineValue, children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: underlineValue, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: underlineValue, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: underlineValue, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Filled" }), _jsxs("div", { children: [_jsxs(Tabs, { value: filledValue, onChange: setFilledValue, fill: "filled", children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: filledValue, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: filledValue, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: filledValue, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] })] }));
+    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Underline (Default)" }), _jsxs("div", { children: [_jsxs(Tabs, { value: underlineValue, onChange: setUnderlineValue, children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: underlineValue, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: underlineValue, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: underlineValue, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Filled" }), _jsxs("div", { children: [_jsxs(Tabs, { value: filledValue, onChange: setFilledValue, fill: "filled", children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: filledValue, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: filledValue, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: filledValue, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-fill-variants.story.js.map

package/lib/esm/tabs/stories/tabs-fill-variants.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-fill-variants.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-fill-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,oCAAiC,EAC5D,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,aACtD,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,EAC/C,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,QAAQ,aAC/D,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-fill-variants.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-fill-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,oCAAiC,EAC5D,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,aACtD,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,EAC/C,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,QAAQ,aAC/D,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/tabs/stories/tabs-sizes.story.js

@@ -25,7 +25,7 @@ import { useState } from 'react';
 const Component = () => {
     const [smallValue, setSmallValue] = useState(0);
     const [largeValue, setLargeValue] = useState(0);
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Small Size" }), _jsxs(Tabs, { value: smallValue, onChange: setSmallValue, size: "small", children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: smallValue, tabId: 0, children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 1" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: smallValue, tabId: 1, children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 2" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: smallValue, tabId: 2, children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 3" }) })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Large Size (Default)" }), _jsxs(Tabs, { value: largeValue, onChange: setLargeValue, size: "large", children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: largeValue, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 1" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: largeValue, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 2" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: largeValue, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 3" }) })] })] }));
+    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Small Size" }), _jsxs("div", { className: "n-w-fit", children: [_jsxs(Tabs, { value: smallValue, onChange: setSmallValue, size: "small", children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-2", value: smallValue, tabId: 0, children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 1" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-2", value: smallValue, tabId: 1, children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 2" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-2", value: smallValue, tabId: 2, children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 3" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Typography, { variant: "label", children: "Large Size (Default)" }), _jsxs(Tabs, { value: largeValue, onChange: setLargeValue, size: "large", children: [_jsx(Tabs.Tab, { tabId: 0, children: "Tab 1" }), _jsx(Tabs.Tab, { tabId: 1, children: "Tab 2" }), _jsx(Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: largeValue, tabId: 0, children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 1" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: largeValue, tabId: 1, children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 2" }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: largeValue, tabId: 2, children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 3" }) })] })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-sizes.story.js.map

package/lib/esm/tabs/stories/tabs-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-sizes.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,2BAAwB,EACnD,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAAqC,GACvD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAAqC,GACvD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAAqC,GACvD,IACZ,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,qCAAkC,EAC7D,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,IACZ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-sizes.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,2BAAwB,EACnD,eAAK,SAAS,EAAC,SAAS,aACtB,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,qCAAkC,EAC7D,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,IACZ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/tabs/stories/tabs-with-icons.story.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -25,7 +25,7 @@ import { CircleStackIconOutline, DatabaseAddCircleIcon, InboxArrowDownIconOutlin
 import { useState } from 'react';
 const Component = () => {
     const [value, setValue] = useState('database');
-    return (_jsxs(_Fragment, { children: [_jsxs(Tabs, { value: value, onChange: setValue, children: [_jsx(Tabs.Tab, { tabId: "database", "aria-label": "Database", children: _jsx(CircleStackIconOutline, {}) }), _jsx(Tabs.Tab, { tabId: "add", "aria-label": "Add database", children: _jsx(DatabaseAddCircleIcon, {}) }), _jsx(Tabs.Tab, { tabId: "inbox", "aria-label": "Inbox", children: _jsx(InboxArrowDownIconOutline, {}) })] }), _jsx(Tabs.TabPanel, { className: "n-flex n-flex-col n-gap-token-4 n-p-token-6", value: value, tabId: "database", children: _jsx(Typography, { variant: "body-medium", className: "n-text-light-neutral-text-weak", children: "Database management and operations." }) }), _jsx(Tabs.TabPanel, { className: "n-flex n-flex-col n-gap-token-4 n-p-token-6", value: value, tabId: "add", children: _jsx(Typography, { variant: "body-medium", className: "n-text-light-neutral-text-weak", children: "Add new database or connection." }) }), _jsx(Tabs.TabPanel, { className: "n-flex n-flex-col n-gap-token-4 n-p-token-6", value: value, tabId: "inbox", children: _jsx(Typography, { variant: "body-medium", className: "n-text-light-neutral-text-weak", children: "Inbox notifications and messages." }) })] }));
+    return (_jsxs("div", { children: [_jsxs(Tabs, { value: value, onChange: setValue, children: [_jsx(Tabs.Tab, { tabId: "database", "aria-label": "Database", children: _jsx(CircleStackIconOutline, {}) }), _jsx(Tabs.Tab, { tabId: "add", "aria-label": "Add database", children: _jsx(DatabaseAddCircleIcon, {}) }), _jsx(Tabs.Tab, { tabId: "inbox", "aria-label": "Inbox", children: _jsx(InboxArrowDownIconOutline, {}) })] }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: "database", children: _jsx(Typography, { variant: "body-medium", children: "Database management and operations." }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: "add", children: _jsx(Typography, { variant: "body-medium", children: "Add new database or connection." }) }), _jsx(Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: "inbox", children: _jsx(Typography, { variant: "body-medium", children: "Inbox notifications and messages." }) })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-with-icons.story.js.map

package/lib/esm/tabs/stories/tabs-with-icons.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-with-icons.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-with-icons.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,8BACE,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAC,UAAU,gBAAY,UAAU,YAC9C,KAAC,sBAAsB,KAAG,GACjB,EACX,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAC,KAAK,gBAAY,cAAc,YAC7C,KAAC,qBAAqB,KAAG,GAChB,EACX,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACxC,KAAC,yBAAyB,KAAG,GACpB,IACN,EACP,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,UAAU,YAEhB,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,oDAG/B,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,KAAK,YAEX,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,gDAG/B,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,YAEb,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,kDAG/B,GACC,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-with-icons.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-with-icons.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAC,UAAU,gBAAY,UAAU,YAC9C,KAAC,sBAAsB,KAAG,GACjB,EACX,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAC,KAAK,gBAAY,cAAc,YAC7C,KAAC,qBAAqB,KAAG,GAChB,EACX,KAAC,IAAI,CAAC,GAAG,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACxC,KAAC,yBAAyB,KAAG,GACpB,IACN,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,UAAU,YACnE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,oDAEpB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,KAAK,YAC9D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,gDAEpB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,kDAEpB,GACC,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/tabs/stories/tabs.stories.js

@@ -31,7 +31,7 @@ const componentMeta = {
         controls: { disable: true },
     },
     decorators: [
-        (Story) => (_jsx("div", { className: "n-w-1/4 n-mx-auto", children: _jsx(Story, {}) })),
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx(Story, {}) })),
     ],
 };
 export default componentMeta;

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,EACT,eAAe,EACf,aAAa,EACb,mBAAmB,GACpB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,iBAAiB;IACrB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CAC0B,CAAC;AAE9B,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,gBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAsB;aAC7B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,eAAe;aACtB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,mBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAkB;aACzB;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,EACT,eAAe,EACf,aAAa,EACb,mBAAmB,GACpB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,iBAAiB;IACrB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CAC0B,CAAC;AAE9B,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,gBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAsB;aAC7B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,eAAe;aACtB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,mBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAkB;aACzB;SACF;KACF;CACF,CAAC"}

package/lib/esm/tag/stories/tag-sizes.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Tag } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-6", children: [_jsx(Tag, { size: "small", children: "Small" }), _jsx(Tag, { size: "medium", children: "Medium" }), _jsx(Tag, { size: "large", children: "Large" })] }));
+    return (_jsxs("div", { className: "n-flex n-items-start n-gap-token-6", children: [_jsx(Tag, { size: "small", children: "Small" }), _jsx(Tag, { size: "medium", children: "Medium" }), _jsx(Tag, { size: "large", children: "Large" })] }));
 };
 export default Component;
 //# sourceMappingURL=tag-sizes.story.js.map

package/lib/esm/tag/stories/tag-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,GAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,EAC7B,KAAC,GAAG,IAAC,IAAI,EAAC,QAAQ,uBAAa,EAC/B,KAAC,GAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,IACzB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aACjD,KAAC,GAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,EAC7B,KAAC,GAAG,IAAC,IAAI,EAAC,QAAQ,uBAAa,EAC/B,KAAC,GAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,IACzB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}