@neo4j-ndl/react 3.8.35 → 3.9.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-default.story.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,GACrD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-disabled.story.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,UAAU,QACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,GACrD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/switch/stories/switch-full.story.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Switch } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [isChecked, setIsChecked] = useState(false);
+    const handleClick = (event) => {
+        console.info('Switch clicked!', event);
+    };
+    const handleChange = (event) => {
+        setIsChecked(event.target.checked);
+        console.info('Switch changed:', event.target.checked);
+    };
+    return (_jsx(Switch, { label: "Label", ariaLabel: "Comprehensive switch example with all props", isChecked: isChecked, isDefaultChecked: false, hasLabelBefore: false, isDisabled: false, isReadOnly: true, isFluid: false, value: "switch-value", onClick: handleClick, onChange: handleChange }));
+};
+export default Component;
+//# sourceMappingURL=switch-full.story.js.map

package/lib/esm/switch/stories/switch-full.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-full.story.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,WAAW,GAAG,CAAC,KAAyC,EAAE,EAAE;QAChE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,6CAA6C,EACvD,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,KAAK,EACvB,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,KAAK,EACd,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/switch/stories/switch-has-label-before.story.js

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

package/lib/esm/switch/stories/switch-has-label-before.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-has-label-before.story.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch-has-label-before.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,cAAc,QACd,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,GACrD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/switch/stories/switch-indeterminate.story.js

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

package/lib/esm/switch/stories/switch-indeterminate.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-indeterminate.story.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch-indeterminate.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACZ,IAAI,IAAI;gBAAE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QACtC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/switch/stories/switch-no-label.story.js

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

package/lib/esm/switch/stories/switch-no-label.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-no-label.story.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch-no-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,GAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/switch/stories/switch.stories.js

@@ -0,0 +1,134 @@
+/**
+ *
+ *  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 { Switch } from '../../index';
+import { SwitchCheckedByDefault, SwitchCheckedByDefaultSrc, SwitchDefault, SwitchDefaultSrc, SwitchDisabled, SwitchDisabledSrc, SwitchFull, SwitchFullSrc, SwitchHasLabelBefore, SwitchHasLabelBeforeSrc, SwitchIndeterminate, SwitchIndeterminateSrc, SwitchNoLabel, SwitchNoLabelSrc, } from './';
+const componentMeta = {
+    title: 'Components/Switch',
+    id: 'components-switch',
+    component: Switch,
+    tags: ['docsPage'],
+    argTypes: {
+        ref: {
+            description: 'Ref to the `input` element',
+        },
+    },
+    parameters: {
+        controls: { disable: true },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
+    ],
+};
+export default componentMeta;
+export const Default = {
+    args: {},
+    render: SwitchDefault,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchDefaultSrc,
+            },
+        },
+    },
+};
+export const Indeterminate = {
+    args: {},
+    render: SwitchIndeterminate,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchIndeterminateSrc,
+            },
+        },
+    },
+};
+export const CheckedByDefault = {
+    args: {},
+    render: SwitchCheckedByDefault,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchCheckedByDefaultSrc,
+            },
+        },
+    },
+};
+export const NoLabel = {
+    args: {},
+    render: SwitchNoLabel,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchNoLabelSrc,
+            },
+        },
+    },
+};
+export const HasLabelBefore = {
+    args: {},
+    render: SwitchHasLabelBefore,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchHasLabelBeforeSrc,
+            },
+        },
+    },
+};
+export const Disabled = {
+    args: {},
+    render: SwitchDisabled,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchDisabledSrc,
+            },
+        },
+    },
+};
+export const Full = {
+    args: {},
+    render: SwitchFull,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: SwitchFullSrc,
+            },
+        },
+    },
+};
+//# sourceMappingURL=switch.stories.js.map

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

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

package/lib/esm/tabs/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 TabsDefault } from './tabs-default.story';
+export { default as TabsFillVariants } from './tabs-fill-variants.story';
+export { default as TabsSizes } from './tabs-sizes.story';
+export { default as TabsWithIcons } from './tabs-with-icons.story';
+export { default as TabsDisabled } from './tabs-disabled.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import TabsDefaultSourceRaw from './tabs-default.story?raw';
+import TabsDisabledSourceRaw from './tabs-disabled.story?raw';
+import TabsFillVariantsSourceRaw from './tabs-fill-variants.story?raw';
+import TabsSizesSourceRaw from './tabs-sizes.story?raw';
+import TabsWithIconsSourceRaw from './tabs-with-icons.story?raw';
+export const TabsDefaultSource = removeLicenseHeader(TabsDefaultSourceRaw);
+export const TabsFillVariantsSource = removeLicenseHeader(TabsFillVariantsSourceRaw);
+export const TabsSizesSource = removeLicenseHeader(TabsSizesSourceRaw);
+export const TabsWithIconsSource = removeLicenseHeader(TabsWithIconsSourceRaw);
+export const TabsDisabledSource = removeLicenseHeader(TabsDisabledSourceRaw);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tabs/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,qBAAqB,MAAM,2BAA2B,CAAC;AAC9D,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}