@neo4j-ndl/react 3.9.5 → 3.9.7

package/lib/cjs/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,mDAAiD;AAEjD,4CAA6D;AAC7D,iCAAiC;AAEjC,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,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,6DACE,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,cAAM,IAAC,OAAO,EAAE,WAAW,2BAAqB,GAC7C,EACN,uBAAC,aAAK,IACJ,UAAU,EAAE;oBACV,EAAE,EAAE,eAAe;oBACnB,SAAS,EAAE,0CAA0C;iBACtD,EACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,YAEd,gCAAK,SAAS,EAAC,+CAA+C,YAC5D,uBAAC,kBAAU,IAAC,OAAO,EAAE,MAAM,8BAA4B,GACnD,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

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

package/lib/cjs/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,mDAAiD;AAEjD,4CAA6D;AAC7D,iCAAiC;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,IAAA,gBAAQ,EAAU,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAyB,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,6DACE,gCAAK,SAAS,EAAC,gBAAgB,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBAAC,cAAM,IAAY,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YAChD,GAAG,IAAI,OAAO,IADJ,IAAI,CAER,CACV,CAAC,GACE,EACN,uBAAC,aAAK,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,gCAAK,SAAS,EAAC,+CAA+C,YAC5D,uBAAC,kBAAU,IAAC,OAAO,EAAE,MAAM,8BAA4B,GACnD,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/modal/stories/modal.stories.js

@@ -0,0 +1,91 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sizes = exports.Contained = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const isChromatic_1 = __importDefault(require("chromatic/isChromatic"));
+const index_1 = require("../../index");
+const _1 = require(".");
+const componentMeta = {
+    title: 'Components/Modal',
+    id: 'components-modal',
+    component: index_1.Modal,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+        chromatic: { delay: 100 },
+    },
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-col n-items-center n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {
+        isOpen: (0, isChromatic_1.default)(),
+    },
+    render: _1.ModalDefault,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.ModalDefaultSrc,
+            },
+        },
+    },
+};
+exports.Contained = {
+    args: {
+        isOpen: (0, isChromatic_1.default)(),
+    },
+    render: _1.ModalContained,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.ModalContainedSrc,
+            },
+        },
+    },
+};
+exports.Sizes = {
+    args: {
+        isOpen: (0, isChromatic_1.default)(),
+    },
+    render: _1.ModalSizes,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.ModalSizesSrc,
+            },
+        },
+    },
+};
+//# sourceMappingURL=modal.stories.js.map

package/lib/cjs/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,wEAAgD;AAEhD,uCAAoC;AACpC,wBAOW;AAEX,MAAM,aAAa,GAAuB;IACxC,KAAK,EAAE,kBAAkB;IACzB,EAAE,EAAE,kBAAkB;IACtB,SAAS,EAAE,aAAK;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,gCAAK,SAAS,EAAC,mDAAmD,YAChE,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAA,qBAAW,GAAE;KACtB;IACD,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAe;aACtB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAA,qBAAW,GAAE;KACtB;IACD,MAAM,EAAE,iBAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAA,qBAAW,GAAE;KACtB;IACD,MAAM,EAAE,aAAU;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,gBAAa;aACpB;SACF;KACF;CACF,CAAC"}

package/lib/cjs/progress-bar/stories/index.js

@@ -0,0 +1,40 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBarSizesSource = exports.ProgressBarHeadingSource = exports.ProgressBarDefaultSource = exports.ProgressBarSizes = exports.ProgressBarDefault = exports.ProgressBarHeading = void 0;
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const progress_bar_default_story_raw_1 = __importDefault(require("./progress-bar-default.story?raw"));
+const progress_bar_heading_story_raw_1 = __importDefault(require("./progress-bar-heading.story?raw"));
+const progress_bar_sizes_story_raw_1 = __importDefault(require("./progress-bar-sizes.story?raw"));
+var progress_bar_heading_story_1 = require("./progress-bar-heading.story");
+Object.defineProperty(exports, "ProgressBarHeading", { enumerable: true, get: function () { return __importDefault(progress_bar_heading_story_1).default; } });
+var progress_bar_default_story_1 = require("./progress-bar-default.story");
+Object.defineProperty(exports, "ProgressBarDefault", { enumerable: true, get: function () { return __importDefault(progress_bar_default_story_1).default; } });
+var progress_bar_sizes_story_1 = require("./progress-bar-sizes.story");
+Object.defineProperty(exports, "ProgressBarSizes", { enumerable: true, get: function () { return __importDefault(progress_bar_sizes_story_1).default; } });
+exports.ProgressBarDefaultSource = (0, export_stories_utils_1.removeLicenseHeader)(progress_bar_default_story_raw_1.default);
+exports.ProgressBarHeadingSource = (0, export_stories_utils_1.removeLicenseHeader)(progress_bar_heading_story_raw_1.default);
+exports.ProgressBarSizesSource = (0, export_stories_utils_1.removeLicenseHeader)(progress_bar_sizes_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/progress-bar/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,wFAAoF;AAEpF,sGAA2E;AAC3E,sGAA2E;AAC3E,kGAAuE;AAEvE,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,uEAAyE;AAAhE,6IAAA,OAAO,OAAoB;AAEvB,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,wCAA2B,CAC5B,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,wCAA2B,CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,sCAAyB,CAC1B,CAAC"}

package/lib/cjs/progress-bar/stories/progress-bar-default.story.js

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

package/lib/cjs/progress-bar/stories/progress-bar-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-default.story.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,uBAAC,mBAAW,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AACjD,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/progress-bar/stories/progress-bar-heading.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return (0, jsx_runtime_1.jsx)(react_1.ProgressBar, { heading: "Importing data", value: 75, size: "large" });
+};
+exports.default = Component;
+//# sourceMappingURL=progress-bar-heading.story.js.map

package/lib/cjs/progress-bar/stories/progress-bar-heading.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-heading.story.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar-heading.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,uBAAC,mBAAW,IAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AAC1E,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/progress-bar/stories/progress-bar-sizes.story.js

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

package/lib/cjs/progress-bar/stories/progress-bar-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-sizes.story.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,mBAAW,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,EACvC,uBAAC,mBAAW,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,IACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/progress-bar/stories/progress-bar.stories.js

@@ -0,0 +1,80 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sizes = exports.Heading = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("../../index");
+const _1 = require(".");
+const componentMeta = {
+    component: index_1.ProgressBar,
+    id: 'components-progress-bar',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Progress Bar',
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-w-1/4 n-mx-auto", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ProgressBarDefaultSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ProgressBarDefault,
+};
+exports.Heading = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ProgressBarHeadingSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ProgressBarHeading,
+};
+exports.Sizes = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ProgressBarSizesSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ProgressBarSizes,
+};
+//# sourceMappingURL=progress-bar.stories.js.map

package/lib/cjs/progress-bar/stories/progress-bar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.stories.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAA0C;AAC1C,wBAOW;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,mBAAW;IACtB,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,mBAAmB,YAChC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC"}

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

@@ -26,7 +26,7 @@ const react_1 = require("@neo4j-ndl/react");
 const react_2 = require("react");
 const Component = () => {
     const [value, setValue] = (0, react_2.useState)(0);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: value, onChange: setValue, children: [(0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 0, children: "Tab 1" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 1, children: "Tab 2" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 1 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 2 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: value, onChange: setValue, children: [(0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 0, children: "Tab 1" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 1, children: "Tab 2" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 2, children: "Tab 3" })] }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 1 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 2 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=tabs-default.story.js.map

package/lib/cjs/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,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,6DACE,wBAAC,YAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-default.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -26,7 +26,7 @@ const react_1 = require("@neo4j-ndl/react");
 const react_2 = require("react");
 const Component = () => {
     const [value, setValue] = (0, react_2.useState)(0);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: value, onChange: setValue, children: [(0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 0, children: "Tab 1" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 1, children: "Tab 2" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 2, isDisabled: true, children: "Tab 3" })] }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 1 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 2 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: value, onChange: setValue, children: [(0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 0, children: "Tab 1" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 1, children: "Tab 2" }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: 2, isDisabled: true, children: "Tab 3" })] }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 0, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 1 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 1, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 2 content" }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: 2, children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Tab 3 content" }) })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=tabs-disabled.story.js.map

package/lib/cjs/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,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,6DACE,wBAAC,YAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,sBAEzB,IACN,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-disabled.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,sBAEzB,IACN,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAC3D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

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

package/lib/cjs/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,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,oCAAiC,EAC5D,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,aACtD,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,EAEN,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,EAC/C,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,QAAQ,aAC/D,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,iCAAK,SAAS,EAAC,sBAAsB,aACnC,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,oCAAiC,EAC5D,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,aACtD,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,CAAC,YAER,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,EAEN,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,EAC/C,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,QAAQ,aAC/D,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,YACjE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

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

package/lib/cjs/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,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,2BAAwB,EACnD,wBAAC,YAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,wCAAqC,GACvD,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,wCAAqC,GACvD,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,wCAAqC,GACvD,IACZ,EAEN,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,qCAAkC,EAC7D,wBAAC,YAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,IACZ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-sizes.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAoD;AACpD,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAY,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,iCAAK,SAAS,EAAC,sBAAsB,aACnC,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,2BAAwB,EACnD,iCAAK,SAAS,EAAC,SAAS,aACtB,wBAAC,YAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,IACZ,IACF,EAEN,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,qCAAkC,EAC7D,wBAAC,YAAI,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAC,OAAO,aAC5D,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,EACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAE,CAAC,sBAAkB,IAC/B,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,IACZ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -27,7 +27,7 @@ const icons_1 = require("@neo4j-ndl/react/icons");
 const react_2 = require("react");
 const Component = () => {
     const [value, setValue] = (0, react_2.useState)('database');
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: value, onChange: setValue, children: [(0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: "database", "aria-label": "Database", children: (0, jsx_runtime_1.jsx)(icons_1.CircleStackIconOutline, {}) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: "add", "aria-label": "Add database", children: (0, jsx_runtime_1.jsx)(icons_1.DatabaseAddCircleIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: "inbox", "aria-label": "Inbox", children: (0, jsx_runtime_1.jsx)(icons_1.InboxArrowDownIconOutline, {}) })] }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-flex n-flex-col n-gap-token-4 n-p-token-6", value: value, tabId: "database", children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", className: "n-text-light-neutral-text-weak", children: "Database management and operations." }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-flex n-flex-col n-gap-token-4 n-p-token-6", value: value, tabId: "add", children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", className: "n-text-light-neutral-text-weak", children: "Add new database or connection." }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-flex n-flex-col n-gap-token-4 n-p-token-6", value: value, tabId: "inbox", children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", className: "n-text-light-neutral-text-weak", children: "Inbox notifications and messages." }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: value, onChange: setValue, children: [(0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: "database", "aria-label": "Database", children: (0, jsx_runtime_1.jsx)(icons_1.CircleStackIconOutline, {}) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: "add", "aria-label": "Add database", children: (0, jsx_runtime_1.jsx)(icons_1.DatabaseAddCircleIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.Tab, { tabId: "inbox", "aria-label": "Inbox", children: (0, jsx_runtime_1.jsx)(icons_1.InboxArrowDownIconOutline, {}) })] }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: "database", children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Database management and operations." }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: "add", children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Add new database or connection." }) }), (0, jsx_runtime_1.jsx)(react_1.Tabs.TabPanel, { className: "n-p-token-4", value: value, tabId: "inbox", children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Inbox notifications and messages." }) })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=tabs-with-icons.story.js.map

package/lib/cjs/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,mDAAiD;AAEjD,4CAAoD;AACpD,kDAIgC;AAChC,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,6DACE,wBAAC,YAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAC,UAAU,gBAAY,UAAU,YAC9C,uBAAC,8BAAsB,KAAG,GACjB,EACX,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAC,KAAK,gBAAY,cAAc,YAC7C,uBAAC,6BAAqB,KAAG,GAChB,EACX,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACxC,uBAAC,iCAAyB,KAAG,GACpB,IACN,EACP,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,UAAU,YAEhB,uBAAC,kBAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,oDAG/B,GACC,EAChB,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,KAAK,YAEX,uBAAC,kBAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,gDAG/B,GACC,EAChB,uBAAC,YAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,YAEb,uBAAC,kBAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,kDAG/B,GACC,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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,mDAAiD;AAEjD,4CAAoD;AACpD,kDAIgC;AAChC,iCAAiC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,4CACE,wBAAC,YAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACpC,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAC,UAAU,gBAAY,UAAU,YAC9C,uBAAC,8BAAsB,KAAG,GACjB,EACX,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAC,KAAK,gBAAY,cAAc,YAC7C,uBAAC,6BAAqB,KAAG,GAChB,EACX,uBAAC,YAAI,CAAC,GAAG,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACxC,uBAAC,iCAAyB,KAAG,GACpB,IACN,EACP,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,UAAU,YACnE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,oDAEpB,GACC,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,KAAK,YAC9D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,gDAEpB,GACC,EAChB,uBAAC,YAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,YAChE,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,kDAEpB,GACC,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/tabs/stories/tabs.stories.js

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

package/lib/cjs/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,uCAAmC;AACnC,wBAWW;AAEX,MAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,iBAAiB;IACrB,SAAS,EAAE,YAAI;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,gCAAK,SAAS,EAAC,mBAAmB,YAChC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CAC0B,CAAC;AAE9B,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAsB;aAC7B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,YAAS;IACjB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAe;aACtB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,gBAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAmC;AACnC,wBAWW;AAEX,MAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,iBAAiB;IACrB,SAAS,EAAE,YAAI;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,gCAAK,SAAS,EAAC,0BAA0B,YACvC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CAC0B,CAAC;AAE9B,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAsB;aAC7B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,YAAS;IACjB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAe;aACtB;SACF;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,gBAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC"}

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

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

package/lib/cjs/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,mDAAiD;AAEjD,4CAAuC;AAEvC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,sBAAsB,aACnC,uBAAC,WAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,EAC7B,uBAAC,WAAG,IAAC,IAAI,EAAC,QAAQ,uBAAa,EAC/B,uBAAC,WAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,IACzB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAuC;AAEvC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,oCAAoC,aACjD,uBAAC,WAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,EAC7B,uBAAC,WAAG,IAAC,IAAI,EAAC,QAAQ,uBAAa,EAC/B,uBAAC,WAAG,IAAC,IAAI,EAAC,OAAO,sBAAY,IACzB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/text-area/TextArea.js

@@ -37,7 +37,7 @@ const tooltip_1 = require("../tooltip");
  *
  */
 exports.TextArea = (0, react_1.forwardRef)(function TextArea(props, ref) {
-    const { label, isFluid, errorText, helpText, isOptional = false, informationIconText, size = 'medium', ariaLabel: ariaLabel, tooltipProps, isDisabled, className, isReadOnly, value, placeholder, htmlAttributes, } = props;
+    const { label, isFluid, errorText, helpText, isOptional = false, informationIconText, size = 'medium', ariaLabel: ariaLabel, tooltipProps, isDisabled, className, style, isReadOnly, value, placeholder, htmlAttributes, } = props;
     const containerWrappingClasses = (0, defaultImports_1.classNames)(`ndl-text-area ndl-type-text`, className, {
         'ndl-disabled': isDisabled,
         'ndl-small': size === 'small',
@@ -66,6 +66,6 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(props, ref) {
         'ndl-information-icon-small': size === 'small' || size === 'medium',
         'ndl-information-icon-large': size === 'large',
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-text-area-wrapper", children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({ disabled: isDisabled, ref: ref, "aria-label": ariaLabel, readOnly: isReadOnly, value: value, placeholder: placeholder }, htmlAttributes)) }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-text-area-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-text-area-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-text-area-optional", children: "Optional" }))] }))] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-text-area-msg", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-text-area-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-text-area-wrapper", children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({ disabled: isDisabled, ref: ref, "aria-label": ariaLabel, readOnly: isReadOnly, value: value, placeholder: placeholder, style: style }, htmlAttributes)) }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-text-area-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-text-area-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-text-area-optional", children: "Optional" }))] }))] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-text-area-msg", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-text-area-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
 });
 //# sourceMappingURL=TextArea.js.map

package/lib/cjs/text-area/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/text-area/TextArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/text-area/TextArea.tsx"],"names":[],"mappings":";;;;AAqBA,iCAA+E;AAE/E,8DAAuD;AAEvD,kDAA8E;AAE9E,4CAAwD;AACxD,oCAGkB;AAClB,wCAAqC;AAyDrC;;;;;;GAMG;AAEU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,KAAoB,EACpB,GAAsC;IAEtC,MAAM,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,YAAY,EACZ,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,wBAAwB,GAAG,IAAA,2BAAU,EACzC,6BAA6B,EAC7B,SAAS,EACT;QACE,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,eAAe,EAAE,SAAS;QAC1B,oBAAoB,EAAE,SAAS;QAC/B,cAAc,EAAE,SAAS;KAC1B,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,oBAAoB,GAAG,IAAA,2BAAU,EAAC,qBAAqB,EAAE;QAC7D,WAAW,EAAE,OAAO;QACpB,wBAAwB,EAAE,kBAAkB;KAC7C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACzD,MAAM,4BAA4B,GAAG,aAAa,IAAI,CAAC,SAAS,CAAC;IAEjE,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,IAAA,4BAAoB,EAClB,sLAAsL,CACvL,CAAC;QACJ,CAAC;QAED,IAAI,4BAA4B,EAAE,CAAC;YACjC,IAAA,4BAAoB,EAAC,kDAAuC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAErD,MAAM,sBAAsB,GAAG,IAAA,2BAAU,EAAC;QACxC,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;QACnE,4BAA4B,EAAE,IAAI,KAAK,OAAO;KAC/C,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,wBAAwB,aAGtC,mCAAO,SAAS,EAAE,oBAAoB,aACpC,gCAAK,SAAS,EAAC,uBAAuB,YACpC,mDACE,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,gBACI,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IACR,cAAc,EAClB,GACE,EACL,CAAC,kBAAkB,IAAI,CACtB,iCAAK,SAAS,EAAC,uBAAuB,aACpC,iCAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAQ,EACxD,mBAAmB,IAAI,CACtB,wBAAC,iBAAO,kBAAC,IAAI,EAAC,QAAQ,IAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,eAClD,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,cAC/C,gCACE,SAAS,EAAE,sBAAsB,iBACrB,sBAAsB,YAElC,uBAAC,oCAA4B,KAAG,GAC5B,IACU,EAClB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,cAC9C,mBAAmB,IACJ,KACV,CACX,EACA,UAAU,IAAI,CACb,iCAAM,SAAS,EAAC,wBAAwB,yBAAgB,CACzD,IACG,CACP,IACK,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,CACzB,gCAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CACpD,EACA,SAAS,IAAI,CACZ,iCAAK,SAAS,EAAC,mBAAmB,aAChC,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,kCAA0B,KAAG,GAC1B,EACN,gCAAK,SAAS,EAAC,gBAAgB,YAAE,SAAS,GAAO,IAC7C,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}