npm - @neo4j-ndl/react - Versions diffs - 4.25.7 → 5.0.0-alpha.0.3d763f7 - Mend

@neo4j-ndl/react 4.25.7 → 5.0.0-alpha.0.3d763f7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1185) hide show

package/lib/esm/announcement-banner/stories/announcement-banner-with-page-content.story.js CHANGED Viewed

@@ -24,7 +24,7 @@ import { AnnouncementBanner, OutlinedButton, TextButton, Typography, } from '@ne
 import { useState } from 'react';
 const Component = () => {
     const [isVisible, setIsVisible] = useState(true);
-    return (_jsxs("div", { className: "n-flex n-flex-col n-max-w-[768px] n-h-52", children: [isVisible && (_jsxs(AnnouncementBanner, { variant: "warning", hasIcon: true, isCloseable: true, onClose: () => setIsVisible(false), children: [_jsx(AnnouncementBanner.Header, { children: "Scheduled maintenance starts tonight at 22:00 UTC." }), _jsx(AnnouncementBanner.Actions, { children: _jsx(OutlinedButton, { children: "Learn more" }) })] })), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default n-flex-1 n-min-h-0 n-overflow-y-auto", children: [!isVisible && (_jsx("div", { children: _jsx(TextButton, { onClick: () => setIsVisible(true), children: "Show announcement again" }) })), _jsx(Typography, { variant: "title-2", children: "Page title" }), _jsx(OutlinedButton, { children: "Can focus" }), _jsx(Typography, { variant: "body-medium", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus, quam non molestie faucibus, orci nibh bibendum urna, ut lacinia orci dui a augue. Nullam at risus quam. Fusce pulvinar, metus vitae finibus dapibus, nisi ipsum venenatis sapien, at facilisis eros massa ac nunc. Aliquam sed odio orci. Vivamus condimentum sit amet ipsum bibendum sollicitudin. Etiam eget vehicula urna, et ullamcorper libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin sodales euismod sem, posuere maximus libero interdum semper. Nunc mollis posuere arcu non elementum. Vivamus sed laoreet mauris. Etiam fringilla arcu convallis erat vehicula iaculis. Pellentesque dictum aliquam cursus." }), _jsx(Typography, { variant: "body-medium", children: "Integer vehicula turpis quis risus aliquet congue. Vivamus pellentesque nibh ac blandit varius. Fusce placerat lacus ut mauris porta, nec facilisis risus pulvinar. Nullam elementum nulla ut laoreet imperdiet. Maecenas eget erat erat. Phasellus in turpis placerat, imperdiet ante nec, tincidunt nisl. Donec a lacus neque. Nullam iaculis ante molestie ultrices semper. Sed non lorem ullamcorper ligula elementum convallis. Aenean egestas risus quis tortor cursus dapibus. Nulla hendrerit at orci ut scelerisque. Nullam vel bibendum tellus. Praesent efficitur ultrices lectus at posuere. Maecenas facilisis lacus ac turpis malesuada, sit amet imperdiet ipsum condimentum. Donec et nibh eget justo luctus ornare. Maecenas suscipit nulla at ullamcorper congue." }), _jsx(Typography, { variant: "body-medium", children: "Vestibulum vehicula nibh mi, ultrices condimentum massa venenatis sit amet. Pellentesque accumsan mollis ex, id lobortis lacus venenatis id. Proin sem dui, mollis id gravida ac, vulputate et lacus. In pharetra nunc odio, in fermentum elit dignissim at. Nunc ut justo elit. Proin ligula orci, faucibus vitae vehicula nec, faucibus sit amet erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque pharetra venenatis rutrum. Sed pharetra turpis id arcu maximus, interdum rhoncus eros mollis. Donec vitae sapien et odio interdum bibendum. Quisque eleifend, sem ut ornare mollis, orci nunc dapibus odio, aliquam fringilla augue nulla id magna. Phasellus consectetur, velit egestas sodales ultricies, odio nunc facilisis libero, vel vehicula nisi quam quis nisl. Proin vel massa libero." }), _jsx(Typography, { variant: "body-medium", children: "Sed mollis lacinia tincidunt. Curabitur blandit pellentesque consequat. Maecenas mollis pharetra dolor in ornare. Cras vel nibh eu nisi venenatis convallis id vel nisl. Curabitur et viverra nisl. Phasellus et finibus turpis. Praesent scelerisque vel lectus at imperdiet. Curabitur porta egestas magna ullamcorper hendrerit." }), _jsx(Typography, { variant: "body-medium", children: "Curabitur hendrerit egestas mi, ut venenatis turpis sagittis nec. Proin consectetur, nisi et vehicula placerat, tellus augue luctus odio, in commodo mauris urna nec libero. Maecenas eu placerat sapien, in aliquam tellus. Sed pharetra nunc id urna iaculis tincidunt. In hac habitasse platea dictumst. Donec tincidunt risus vitae congue congue. Fusce consequat ut justo ut tristique. Nunc ut urna quis neque consequat venenatis. Praesent nec feugiat orci. Vestibulum rutrum dui lacus, sit amet vulputate dolor finibus ut. Donec placerat urna eu fringilla convallis. Praesent sollicitudin felis at lacus semper, vel convallis magna scelerisque." })] })] }));
+    return (_jsxs("div", { className: "flex flex-col max-w-[768px] h-52", children: [isVisible && (_jsxs(AnnouncementBanner, { variant: "warning", hasIcon: true, isCloseable: true, onClose: () => setIsVisible(false), children: [_jsx(AnnouncementBanner.Header, { children: "Scheduled maintenance starts tonight at 22:00 UTC." }), _jsx(AnnouncementBanner.Actions, { children: _jsx(OutlinedButton, { children: "Learn more" }) })] })), _jsxs("div", { className: "flex flex-col gap-token-16 p-token-24 bg-neutral-bg-default flex-1 min-h-0 overflow-y-auto", children: [!isVisible && (_jsx("div", { children: _jsx(TextButton, { onClick: () => setIsVisible(true), children: "Show announcement again" }) })), _jsx(Typography, { variant: "title-2", children: "Page title" }), _jsx(OutlinedButton, { children: "Can focus" }), _jsx(Typography, { variant: "body-medium", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus, quam non molestie faucibus, orci nibh bibendum urna, ut lacinia orci dui a augue. Nullam at risus quam. Fusce pulvinar, metus vitae finibus dapibus, nisi ipsum venenatis sapien, at facilisis eros massa ac nunc. Aliquam sed odio orci. Vivamus condimentum sit amet ipsum bibendum sollicitudin. Etiam eget vehicula urna, et ullamcorper libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin sodales euismod sem, posuere maximus libero interdum semper. Nunc mollis posuere arcu non elementum. Vivamus sed laoreet mauris. Etiam fringilla arcu convallis erat vehicula iaculis. Pellentesque dictum aliquam cursus." }), _jsx(Typography, { variant: "body-medium", children: "Integer vehicula turpis quis risus aliquet congue. Vivamus pellentesque nibh ac blandit varius. Fusce placerat lacus ut mauris porta, nec facilisis risus pulvinar. Nullam elementum nulla ut laoreet imperdiet. Maecenas eget erat erat. Phasellus in turpis placerat, imperdiet ante nec, tincidunt nisl. Donec a lacus neque. Nullam iaculis ante molestie ultrices semper. Sed non lorem ullamcorper ligula elementum convallis. Aenean egestas risus quis tortor cursus dapibus. Nulla hendrerit at orci ut scelerisque. Nullam vel bibendum tellus. Praesent efficitur ultrices lectus at posuere. Maecenas facilisis lacus ac turpis malesuada, sit amet imperdiet ipsum condimentum. Donec et nibh eget justo luctus ornare. Maecenas suscipit nulla at ullamcorper congue." }), _jsx(Typography, { variant: "body-medium", children: "Vestibulum vehicula nibh mi, ultrices condimentum massa venenatis sit amet. Pellentesque accumsan mollis ex, id lobortis lacus venenatis id. Proin sem dui, mollis id gravida ac, vulputate et lacus. In pharetra nunc odio, in fermentum elit dignissim at. Nunc ut justo elit. Proin ligula orci, faucibus vitae vehicula nec, faucibus sit amet erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque pharetra venenatis rutrum. Sed pharetra turpis id arcu maximus, interdum rhoncus eros mollis. Donec vitae sapien et odio interdum bibendum. Quisque eleifend, sem ut ornare mollis, orci nunc dapibus odio, aliquam fringilla augue nulla id magna. Phasellus consectetur, velit egestas sodales ultricies, odio nunc facilisis libero, vel vehicula nisi quam quis nisl. Proin vel massa libero." }), _jsx(Typography, { variant: "body-medium", children: "Sed mollis lacinia tincidunt. Curabitur blandit pellentesque consequat. Maecenas mollis pharetra dolor in ornare. Cras vel nibh eu nisi venenatis convallis id vel nisl. Curabitur et viverra nisl. Phasellus et finibus turpis. Praesent scelerisque vel lectus at imperdiet. Curabitur porta egestas magna ullamcorper hendrerit." }), _jsx(Typography, { variant: "body-medium", children: "Curabitur hendrerit egestas mi, ut venenatis turpis sagittis nec. Proin consectetur, nisi et vehicula placerat, tellus augue luctus odio, in commodo mauris urna nec libero. Maecenas eu placerat sapien, in aliquam tellus. Sed pharetra nunc id urna iaculis tincidunt. In hac habitasse platea dictumst. Donec tincidunt risus vitae congue congue. Fusce consequat ut justo ut tristique. Nunc ut urna quis neque consequat venenatis. Praesent nec feugiat orci. Vestibulum rutrum dui lacus, sit amet vulputate dolor finibus ut. Donec placerat urna eu fringilla convallis. Praesent sollicitudin felis at lacus semper, vel convallis magna scelerisque." })] })] }));
 };
 export default Component;
 //# sourceMappingURL=announcement-banner-with-page-content.story.js.map

package/lib/esm/announcement-banner/stories/announcement-banner-with-page-content.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"announcement-banner-with-page-content.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-with-page-content.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,~~0CAA0C~~,~~aACtD~~,SAAS,IAAI,CACZ,MAAC,kBAAkB,IACjB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,aAElC,KAAC,kBAAkB,CAAC,MAAM,qEAEE,EAC5B,KAAC,kBAAkB,CAAC,OAAO,cACzB,KAAC,cAAc,6BAA4B,GAChB,IACV,CACtB,EACD,eAAK,SAAS,EAAC,~~4GAA4G~~,~~aACxH~~,CAAC,SAAS,IAAI,CACb,wBACE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,wCAEhC,GACT,CACP,EACD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,2BAAwB,EACrD,KAAC,cAAc,4BAA2B,EAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,6sBAYpB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,owBAapB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,izBAapB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,oVAMpB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,kpBAWpB,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n AnnouncementBanner,\n OutlinedButton,\n TextButton,\n Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n const [isVisible, setIsVisible] = useState(true);\n\n return (\n <div className=\"n-flex n-flex-col n-max-w-[768px] n-h-52\">\n {isVisible && (\n <AnnouncementBanner\n variant=\"warning\"\n hasIcon={true}\n isCloseable={true}\n onClose={() => setIsVisible(false)}\n >\n <AnnouncementBanner.Header>\n Scheduled maintenance starts tonight at 22:00 UTC.\n </AnnouncementBanner.Header>\n <AnnouncementBanner.Actions>\n <OutlinedButton>Learn more</OutlinedButton>\n </AnnouncementBanner.Actions>\n </AnnouncementBanner>\n )}\n <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default n-flex-1 n-min-h-0 n-overflow-y-auto\">\n {!isVisible && (\n <div>\n <TextButton onClick={() => setIsVisible(true)}>\n Show announcement again\n </TextButton>\n </div>\n )}\n <Typography variant=\"title-2\">Page title</Typography>\n <OutlinedButton>Can focus</OutlinedButton>\n <Typography variant=\"body-medium\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque\n tempus, quam non molestie faucibus, orci nibh bibendum urna, ut\n lacinia orci dui a augue. Nullam at risus quam. Fusce pulvinar, metus\n vitae finibus dapibus, nisi ipsum venenatis sapien, at facilisis eros\n massa ac nunc. Aliquam sed odio orci. Vivamus condimentum sit amet\n ipsum bibendum sollicitudin. Etiam eget vehicula urna, et ullamcorper\n libero. Interdum et malesuada fames ac ante ipsum primis in faucibus.\n Proin sodales euismod sem, posuere maximus libero interdum semper.\n Nunc mollis posuere arcu non elementum. Vivamus sed laoreet mauris.\n Etiam fringilla arcu convallis erat vehicula iaculis. Pellentesque\n dictum aliquam cursus.\n </Typography>\n <Typography variant=\"body-medium\">\n Integer vehicula turpis quis risus aliquet congue. Vivamus\n pellentesque nibh ac blandit varius. Fusce placerat lacus ut mauris\n porta, nec facilisis risus pulvinar. Nullam elementum nulla ut laoreet\n imperdiet. Maecenas eget erat erat. Phasellus in turpis placerat,\n imperdiet ante nec, tincidunt nisl. Donec a lacus neque. Nullam\n iaculis ante molestie ultrices semper. Sed non lorem ullamcorper\n ligula elementum convallis. Aenean egestas risus quis tortor cursus\n dapibus. Nulla hendrerit at orci ut scelerisque. Nullam vel bibendum\n tellus. Praesent efficitur ultrices lectus at posuere. Maecenas\n facilisis lacus ac turpis malesuada, sit amet imperdiet ipsum\n condimentum. Donec et nibh eget justo luctus ornare. Maecenas suscipit\n nulla at ullamcorper congue.\n </Typography>\n <Typography variant=\"body-medium\">\n Vestibulum vehicula nibh mi, ultrices condimentum massa venenatis sit\n amet. Pellentesque accumsan mollis ex, id lobortis lacus venenatis id.\n Proin sem dui, mollis id gravida ac, vulputate et lacus. In pharetra\n nunc odio, in fermentum elit dignissim at. Nunc ut justo elit. Proin\n ligula orci, faucibus vitae vehicula nec, faucibus sit amet erat.\n Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque\n pharetra venenatis rutrum. Sed pharetra turpis id arcu maximus,\n interdum rhoncus eros mollis. Donec vitae sapien et odio interdum\n bibendum. Quisque eleifend, sem ut ornare mollis, orci nunc dapibus\n odio, aliquam fringilla augue nulla id magna. Phasellus consectetur,\n velit egestas sodales ultricies, odio nunc facilisis libero, vel\n vehicula nisi quam quis nisl. Proin vel massa libero.\n </Typography>\n <Typography variant=\"body-medium\">\n Sed mollis lacinia tincidunt. Curabitur blandit pellentesque\n consequat. Maecenas mollis pharetra dolor in ornare. Cras vel nibh eu\n nisi venenatis convallis id vel nisl. Curabitur et viverra nisl.\n Phasellus et finibus turpis. Praesent scelerisque vel lectus at\n imperdiet. Curabitur porta egestas magna ullamcorper hendrerit.\n </Typography>\n <Typography variant=\"body-medium\">\n Curabitur hendrerit egestas mi, ut venenatis turpis sagittis nec.\n Proin consectetur, nisi et vehicula placerat, tellus augue luctus\n odio, in commodo mauris urna nec libero. Maecenas eu placerat sapien,\n in aliquam tellus. Sed pharetra nunc id urna iaculis tincidunt. In hac\n habitasse platea dictumst. Donec tincidunt risus vitae congue congue.\n Fusce consequat ut justo ut tristique. Nunc ut urna quis neque\n consequat venenatis. Praesent nec feugiat orci. Vestibulum rutrum dui\n lacus, sit amet vulputate dolor finibus ut. Donec placerat urna eu\n fringilla convallis. Praesent sollicitudin felis at lacus semper, vel\n convallis magna scelerisque.\n </Typography>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"announcement-banner-with-page-content.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-with-page-content.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC9C,SAAS,IAAI,CACZ,MAAC,kBAAkB,IACjB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,aAElC,KAAC,kBAAkB,CAAC,MAAM,qEAEE,EAC5B,KAAC,kBAAkB,CAAC,OAAO,cACzB,KAAC,cAAc,6BAA4B,GAChB,IACV,CACtB,EACD,eAAK,SAAS,EAAC,4FAA4F,aACxG,CAAC,SAAS,IAAI,CACb,wBACE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,wCAEhC,GACT,CACP,EACD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,2BAAwB,EACrD,KAAC,cAAc,4BAA2B,EAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,6sBAYpB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,owBAapB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,izBAapB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,oVAMpB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,kpBAWpB,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n AnnouncementBanner,\n OutlinedButton,\n TextButton,\n Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n const [isVisible, setIsVisible] = useState(true);\n\n return (\n <div className=\"flex flex-col max-w-[768px] h-52\">\n {isVisible && (\n <AnnouncementBanner\n variant=\"warning\"\n hasIcon={true}\n isCloseable={true}\n onClose={() => setIsVisible(false)}\n >\n <AnnouncementBanner.Header>\n Scheduled maintenance starts tonight at 22:00 UTC.\n </AnnouncementBanner.Header>\n <AnnouncementBanner.Actions>\n <OutlinedButton>Learn more</OutlinedButton>\n </AnnouncementBanner.Actions>\n </AnnouncementBanner>\n )}\n <div className=\"flex flex-col gap-token-16 p-token-24 bg-neutral-bg-default flex-1 min-h-0 overflow-y-auto\">\n {!isVisible && (\n <div>\n <TextButton onClick={() => setIsVisible(true)}>\n Show announcement again\n </TextButton>\n </div>\n )}\n <Typography variant=\"title-2\">Page title</Typography>\n <OutlinedButton>Can focus</OutlinedButton>\n <Typography variant=\"body-medium\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque\n tempus, quam non molestie faucibus, orci nibh bibendum urna, ut\n lacinia orci dui a augue. Nullam at risus quam. Fusce pulvinar, metus\n vitae finibus dapibus, nisi ipsum venenatis sapien, at facilisis eros\n massa ac nunc. Aliquam sed odio orci. Vivamus condimentum sit amet\n ipsum bibendum sollicitudin. Etiam eget vehicula urna, et ullamcorper\n libero. Interdum et malesuada fames ac ante ipsum primis in faucibus.\n Proin sodales euismod sem, posuere maximus libero interdum semper.\n Nunc mollis posuere arcu non elementum. Vivamus sed laoreet mauris.\n Etiam fringilla arcu convallis erat vehicula iaculis. Pellentesque\n dictum aliquam cursus.\n </Typography>\n <Typography variant=\"body-medium\">\n Integer vehicula turpis quis risus aliquet congue. Vivamus\n pellentesque nibh ac blandit varius. Fusce placerat lacus ut mauris\n porta, nec facilisis risus pulvinar. Nullam elementum nulla ut laoreet\n imperdiet. Maecenas eget erat erat. Phasellus in turpis placerat,\n imperdiet ante nec, tincidunt nisl. Donec a lacus neque. Nullam\n iaculis ante molestie ultrices semper. Sed non lorem ullamcorper\n ligula elementum convallis. Aenean egestas risus quis tortor cursus\n dapibus. Nulla hendrerit at orci ut scelerisque. Nullam vel bibendum\n tellus. Praesent efficitur ultrices lectus at posuere. Maecenas\n facilisis lacus ac turpis malesuada, sit amet imperdiet ipsum\n condimentum. Donec et nibh eget justo luctus ornare. Maecenas suscipit\n nulla at ullamcorper congue.\n </Typography>\n <Typography variant=\"body-medium\">\n Vestibulum vehicula nibh mi, ultrices condimentum massa venenatis sit\n amet. Pellentesque accumsan mollis ex, id lobortis lacus venenatis id.\n Proin sem dui, mollis id gravida ac, vulputate et lacus. In pharetra\n nunc odio, in fermentum elit dignissim at. Nunc ut justo elit. Proin\n ligula orci, faucibus vitae vehicula nec, faucibus sit amet erat.\n Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque\n pharetra venenatis rutrum. Sed pharetra turpis id arcu maximus,\n interdum rhoncus eros mollis. Donec vitae sapien et odio interdum\n bibendum. Quisque eleifend, sem ut ornare mollis, orci nunc dapibus\n odio, aliquam fringilla augue nulla id magna. Phasellus consectetur,\n velit egestas sodales ultricies, odio nunc facilisis libero, vel\n vehicula nisi quam quis nisl. Proin vel massa libero.\n </Typography>\n <Typography variant=\"body-medium\">\n Sed mollis lacinia tincidunt. Curabitur blandit pellentesque\n consequat. Maecenas mollis pharetra dolor in ornare. Cras vel nibh eu\n nisi venenatis convallis id vel nisl. Curabitur et viverra nisl.\n Phasellus et finibus turpis. Praesent scelerisque vel lectus at\n imperdiet. Curabitur porta egestas magna ullamcorper hendrerit.\n </Typography>\n <Typography variant=\"body-medium\">\n Curabitur hendrerit egestas mi, ut venenatis turpis sagittis nec.\n Proin consectetur, nisi et vehicula placerat, tellus augue luctus\n odio, in commodo mauris urna nec libero. Maecenas eu placerat sapien,\n in aliquam tellus. Sed pharetra nunc id urna iaculis tincidunt. In hac\n habitasse platea dictumst. Donec tincidunt risus vitae congue congue.\n Fusce consequat ut justo ut tristique. Nunc ut urna quis neque\n consequat venenatis. Praesent nec feugiat orci. Vestibulum rutrum dui\n lacus, sit amet vulputate dolor finibus ut. Donec placerat urna eu\n fringilla convallis. Praesent sollicitudin felis at lacus semper, vel\n convallis magna scelerisque.\n </Typography>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/avatar/stories/avatar-custom-icon.story.js CHANGED Viewed

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Avatar } from '@neo4j-ndl/react';
 import { BellIconOutline, HeartIconOutline, StarIconOutline, } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsx(Avatar, { type: "icon", name: "Favorites", icon: _jsx(StarIconOutline, {}) }), _jsx(Avatar, { type: "icon", name: "Notifications", icon: _jsx(BellIconOutline, {}) }), _jsx(Avatar, { type: "icon", name: "Likes", icon: _jsx(HeartIconOutline, {}) })] }));
+    return (_jsxs("div", { className: "flex gap-token-16", children: [_jsx(Avatar, { type: "icon", name: "Favorites", icon: _jsx(StarIconOutline, {}) }), _jsx(Avatar, { type: "icon", name: "Notifications", icon: _jsx(BellIconOutline, {}) }), _jsx(Avatar, { type: "icon", name: "Likes", icon: _jsx(HeartIconOutline, {}) })] }));
 };
 export default Component;
 //# sourceMappingURL=avatar-custom-icon.story.js.map

package/lib/esm/avatar/stories/avatar-custom-icon.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar-custom-icon.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-custom-icon.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,~~uBAAuB~~,~~aACpC~~,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,KAAC,eAAe,KAAG,GAAI,EAClE,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,KAAC,eAAe,KAAG,GAAI,EACtE,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,KAAC,gBAAgB,KAAG,GAAI,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\nimport {\n BellIconOutline,\n HeartIconOutline,\n StarIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-gap-token-16\">\n <Avatar type=\"icon\" name=\"Favorites\" icon={<StarIconOutline />} />\n <Avatar type=\"icon\" name=\"Notifications\" icon={<BellIconOutline />} />\n <Avatar type=\"icon\" name=\"Likes\" icon={<HeartIconOutline />} />\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"avatar-custom-icon.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-custom-icon.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,KAAC,eAAe,KAAG,GAAI,EAClE,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,KAAC,eAAe,KAAG,GAAI,EACtE,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,KAAC,gBAAgB,KAAG,GAAI,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\nimport {\n BellIconOutline,\n HeartIconOutline,\n StarIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"flex gap-token-16\">\n <Avatar type=\"icon\" name=\"Favorites\" icon={<StarIconOutline />} />\n <Avatar type=\"icon\" name=\"Notifications\" icon={<BellIconOutline />} />\n <Avatar type=\"icon\" name=\"Likes\" icon={<HeartIconOutline />} />\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/avatar/stories/avatar-shapes.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Avatar } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsx(Avatar, { shape: "circle" }), _jsx(Avatar, { shape: "square" })] }));
+    return (_jsxs("div", { className: "flex gap-token-16", children: [_jsx(Avatar, { shape: "circle" }), _jsx(Avatar, { shape: "square" })] }));
 };
 export default Component;
 //# sourceMappingURL=avatar-shapes.story.js.map

package/lib/esm/avatar/stories/avatar-shapes.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar-shapes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-shapes.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,eAAK,SAAS,EAAC,~~uBAAuB~~,~~aACpC~~,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,EACzB,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-gap-token-16\">\n <Avatar shape=\"circle\" />\n <Avatar shape=\"square\" />\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"avatar-shapes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-shapes.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,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,EACzB,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex gap-token-16\">\n <Avatar shape=\"circle\" />\n <Avatar shape=\"square\" />\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/avatar/stories/avatar-sizes.story.js CHANGED Viewed

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

package/lib/esm/avatar/stories/avatar-sizes.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar-sizes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-sizes.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,eAAK,SAAS,EAAC,~~uBAAuB~~,~~aACpC~~,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,GAAG,EACzB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,EACxB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-gap-token-16\">\n <Avatar size=\"x-small\" />\n <Avatar size=\"small\" />\n <Avatar size=\"medium\" />\n <Avatar size=\"large\" />\n <Avatar size=\"x-large\" />\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"avatar-sizes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-sizes.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,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,GAAG,EACzB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,EACxB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex gap-token-16\">\n <Avatar size=\"x-small\" />\n <Avatar size=\"small\" />\n <Avatar size=\"medium\" />\n <Avatar size=\"large\" />\n <Avatar size=\"x-large\" />\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/avatar/stories/avatar-statuses.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Avatar } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-16 n-items-center", children: [_jsx(Avatar, { hasStatus: false }), _jsx(Avatar, { hasStatus: true, status: "online" }), _jsx(Avatar, { hasStatus: true, status: "offline" }), _jsx(Avatar, { hasStatus: true, status: "unknown" })] }));
+    return (_jsxs("div", { className: "flex gap-token-16 items-center", children: [_jsx(Avatar, { hasStatus: false }), _jsx(Avatar, { hasStatus: true, status: "online" }), _jsx(Avatar, { hasStatus: true, status: "offline" }), _jsx(Avatar, { hasStatus: true, status: "unknown" })] }));
 };
 export default Component;
 //# sourceMappingURL=avatar-statuses.story.js.map

package/lib/esm/avatar/stories/avatar-statuses.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar-statuses.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-statuses.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,eAAK,SAAS,EAAC,~~sCAAsC~~,~~aACnD~~,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,GAAI,EAC5B,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,QAAQ,GAAG,EACpC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,EACrC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,IACjC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-gap-token-16 n-items-center\">\n <Avatar hasStatus={false} />\n <Avatar hasStatus status=\"online\" />\n <Avatar hasStatus status=\"offline\" />\n <Avatar hasStatus status=\"unknown\" />\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"avatar-statuses.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-statuses.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,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,GAAI,EAC5B,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,QAAQ,GAAG,EACpC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,EACrC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,IACjC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex gap-token-16 items-center\">\n <Avatar hasStatus={false} />\n <Avatar hasStatus status=\"online\" />\n <Avatar hasStatus status=\"offline\" />\n <Avatar hasStatus status=\"unknown\" />\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/avatar/stories/avatar-types.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Avatar } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsx(Avatar, { type: "icon", name: "Karl Morrison" }), _jsx(Avatar, { type: "letters", name: "Karl Morrison" }), _jsx(Avatar, { type: "image", name: "Karl Morrison", source: "https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=" })] }));
+    return (_jsxs("div", { className: "flex gap-token-16", children: [_jsx(Avatar, { type: "icon", name: "Karl Morrison" }), _jsx(Avatar, { type: "letters", name: "Karl Morrison" }), _jsx(Avatar, { type: "image", name: "Karl Morrison", source: "https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=" })] }));
 };
 export default Component;
 //# sourceMappingURL=avatar-types.story.js.map

package/lib/esm/avatar/stories/avatar-types.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar-types.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-types.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,eAAK,SAAS,EAAC,~~uBAAuB~~,~~aACpC~~,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,GAAG,EAC3C,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,eAAe,GAAG,EAC9C,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,EACpB,MAAM,EAAC,uIAAuI,GAC9I,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-gap-token-16\">\n <Avatar type=\"icon\" name=\"Karl Morrison\" />\n <Avatar type=\"letters\" name=\"Karl Morrison\" />\n <Avatar\n type=\"image\"\n name=\"Karl Morrison\"\n source=\"https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=\"\n />\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"avatar-types.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-types.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,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,GAAG,EAC3C,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,eAAe,GAAG,EAC9C,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,EACpB,MAAM,EAAC,uIAAuI,GAC9I,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex gap-token-16\">\n <Avatar type=\"icon\" name=\"Karl Morrison\" />\n <Avatar type=\"letters\" name=\"Karl Morrison\" />\n <Avatar\n type=\"image\"\n name=\"Karl Morrison\"\n source=\"https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=\"\n />\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/banner/stories/banner-variants.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Banner } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsxs(Banner, { variant: "info", children: [_jsx(Banner.Header, { children: "Info" }), _jsx(Banner.Description, { children: "This is a banner of type info." })] }), _jsxs(Banner, { variant: "success", children: [_jsx(Banner.Header, { children: "Success" }), _jsx(Banner.Description, { children: "This is a banner of type success." })] }), _jsxs(Banner, { variant: "warning", children: [_jsx(Banner.Header, { children: "Warning" }), _jsx(Banner.Description, { children: "This is a banner of type warning." })] }), _jsxs(Banner, { variant: "danger", children: [_jsx(Banner.Header, { children: "Danger" }), _jsx(Banner.Description, { children: "This is a banner of type danger." })] }), _jsxs(Banner, { variant: "neutral", children: [_jsx(Banner.Header, { children: "Neutral" }), _jsx(Banner.Description, { children: "This is a banner of type neutral." })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-token-8", children: [_jsxs(Banner, { variant: "info", children: [_jsx(Banner.Header, { children: "Info" }), _jsx(Banner.Description, { children: "This is a banner of type info." })] }), _jsxs(Banner, { variant: "success", children: [_jsx(Banner.Header, { children: "Success" }), _jsx(Banner.Description, { children: "This is a banner of type success." })] }), _jsxs(Banner, { variant: "warning", children: [_jsx(Banner.Header, { children: "Warning" }), _jsx(Banner.Description, { children: "This is a banner of type warning." })] }), _jsxs(Banner, { variant: "danger", children: [_jsx(Banner.Header, { children: "Danger" }), _jsx(Banner.Description, { children: "This is a banner of type danger." })] }), _jsxs(Banner, { variant: "neutral", children: [_jsx(Banner.Header, { children: "Neutral" }), _jsx(Banner.Description, { children: "This is a banner of type neutral." })] })] }));
 };
 export default Component;
 //# sourceMappingURL=banner-variants.story.js.map

package/lib/esm/banner/stories/banner-variants.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"banner-variants.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-variants.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,eAAK,SAAS,EAAC,~~iCAAiC~~,~~aAC9C~~,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,aACpB,KAAC,MAAM,CAAC,MAAM,uBAAqB,EACnC,KAAC,MAAM,CAAC,WAAW,iDAAoD,IAChE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,aACtB,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,WAAW,mDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Banner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-flex-col n-gap-token-8\">\n <Banner variant=\"info\">\n <Banner.Header>Info</Banner.Header>\n <Banner.Description>This is a banner of type info.</Banner.Description>\n </Banner>\n <Banner variant=\"success\">\n <Banner.Header>Success</Banner.Header>\n <Banner.Description>\n This is a banner of type success.\n </Banner.Description>\n </Banner>\n <Banner variant=\"warning\">\n <Banner.Header>Warning</Banner.Header>\n <Banner.Description>\n This is a banner of type warning.\n </Banner.Description>\n </Banner>\n <Banner variant=\"danger\">\n <Banner.Header>Danger</Banner.Header>\n <Banner.Description>\n This is a banner of type danger.\n </Banner.Description>\n </Banner>\n <Banner variant=\"neutral\">\n <Banner.Header>Neutral</Banner.Header>\n <Banner.Description>\n This is a banner of type neutral.\n </Banner.Description>\n </Banner>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"banner-variants.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-variants.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,eAAK,SAAS,EAAC,2BAA2B,aACxC,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,aACpB,KAAC,MAAM,CAAC,MAAM,uBAAqB,EACnC,KAAC,MAAM,CAAC,WAAW,iDAAoD,IAChE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,aACtB,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,WAAW,mDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Banner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex flex-col gap-token-8\">\n <Banner variant=\"info\">\n <Banner.Header>Info</Banner.Header>\n <Banner.Description>This is a banner of type info.</Banner.Description>\n </Banner>\n <Banner variant=\"success\">\n <Banner.Header>Success</Banner.Header>\n <Banner.Description>\n This is a banner of type success.\n </Banner.Description>\n </Banner>\n <Banner variant=\"warning\">\n <Banner.Header>Warning</Banner.Header>\n <Banner.Description>\n This is a banner of type warning.\n </Banner.Description>\n </Banner>\n <Banner variant=\"danger\">\n <Banner.Header>Danger</Banner.Header>\n <Banner.Description>\n This is a banner of type danger.\n </Banner.Description>\n </Banner>\n <Banner variant=\"neutral\">\n <Banner.Header>Neutral</Banner.Header>\n <Banner.Description>\n This is a banner of type neutral.\n </Banner.Description>\n </Banner>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/banner/stories/banner-with-icons.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Banner } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsxs(Banner, { variant: "info", hasIcon: true, children: [_jsx(Banner.Header, { children: "Info" }), _jsx(Banner.Description, { children: "This is a banner of type info." })] }), _jsxs(Banner, { variant: "success", hasIcon: true, children: [_jsx(Banner.Header, { children: "Success" }), _jsx(Banner.Description, { children: "This is a banner of type success." })] }), _jsxs(Banner, { variant: "warning", hasIcon: true, children: [_jsx(Banner.Header, { children: "Warning" }), _jsx(Banner.Description, { children: "This is a banner of type warning." })] }), _jsxs(Banner, { variant: "danger", hasIcon: true, children: [_jsx(Banner.Header, { children: "Danger" }), _jsx(Banner.Description, { children: "This is a banner of type danger." })] }), _jsxs(Banner, { variant: "neutral", hasIcon: true, children: [_jsx(Banner.Header, { children: "Neutral" }), _jsx(Banner.Description, { children: "This is a banner of type neutral." })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-token-8", children: [_jsxs(Banner, { variant: "info", hasIcon: true, children: [_jsx(Banner.Header, { children: "Info" }), _jsx(Banner.Description, { children: "This is a banner of type info." })] }), _jsxs(Banner, { variant: "success", hasIcon: true, children: [_jsx(Banner.Header, { children: "Success" }), _jsx(Banner.Description, { children: "This is a banner of type success." })] }), _jsxs(Banner, { variant: "warning", hasIcon: true, children: [_jsx(Banner.Header, { children: "Warning" }), _jsx(Banner.Description, { children: "This is a banner of type warning." })] }), _jsxs(Banner, { variant: "danger", hasIcon: true, children: [_jsx(Banner.Header, { children: "Danger" }), _jsx(Banner.Description, { children: "This is a banner of type danger." })] }), _jsxs(Banner, { variant: "neutral", hasIcon: true, children: [_jsx(Banner.Header, { children: "Neutral" }), _jsx(Banner.Description, { children: "This is a banner of type neutral." })] })] }));
 };
 export default Component;
 //# sourceMappingURL=banner-with-icons.story.js.map

package/lib/esm/banner/stories/banner-with-icons.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"banner-with-icons.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-with-icons.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,eAAK,SAAS,EAAC,~~iCAAiC~~,~~aAC9C~~,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,aAClC,KAAC,MAAM,CAAC,MAAM,uBAAqB,EACnC,KAAC,MAAM,CAAC,WAAW,iDAAoD,IAChE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,aACrC,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,aACrC,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,aACpC,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,WAAW,mDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,aACrC,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Banner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-flex-col n-gap-token-8\">\n <Banner variant=\"info\" hasIcon={true}>\n <Banner.Header>Info</Banner.Header>\n <Banner.Description>This is a banner of type info.</Banner.Description>\n </Banner>\n <Banner variant=\"success\" hasIcon={true}>\n <Banner.Header>Success</Banner.Header>\n <Banner.Description>\n This is a banner of type success.\n </Banner.Description>\n </Banner>\n <Banner variant=\"warning\" hasIcon={true}>\n <Banner.Header>Warning</Banner.Header>\n <Banner.Description>\n This is a banner of type warning.\n </Banner.Description>\n </Banner>\n <Banner variant=\"danger\" hasIcon={true}>\n <Banner.Header>Danger</Banner.Header>\n <Banner.Description>\n This is a banner of type danger.\n </Banner.Description>\n </Banner>\n <Banner variant=\"neutral\" hasIcon={true}>\n <Banner.Header>Neutral</Banner.Header>\n <Banner.Description>\n This is a banner of type neutral.\n </Banner.Description>\n </Banner>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"banner-with-icons.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-with-icons.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,eAAK,SAAS,EAAC,2BAA2B,aACxC,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,aAClC,KAAC,MAAM,CAAC,MAAM,uBAAqB,EACnC,KAAC,MAAM,CAAC,WAAW,iDAAoD,IAChE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,aACrC,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,aACrC,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,aACpC,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,WAAW,mDAEE,IACd,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,aACrC,KAAC,MAAM,CAAC,MAAM,0BAAwB,EACtC,KAAC,MAAM,CAAC,WAAW,oDAEE,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Banner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex flex-col gap-token-8\">\n <Banner variant=\"info\" hasIcon={true}>\n <Banner.Header>Info</Banner.Header>\n <Banner.Description>This is a banner of type info.</Banner.Description>\n </Banner>\n <Banner variant=\"success\" hasIcon={true}>\n <Banner.Header>Success</Banner.Header>\n <Banner.Description>\n This is a banner of type success.\n </Banner.Description>\n </Banner>\n <Banner variant=\"warning\" hasIcon={true}>\n <Banner.Header>Warning</Banner.Header>\n <Banner.Description>\n This is a banner of type warning.\n </Banner.Description>\n </Banner>\n <Banner variant=\"danger\" hasIcon={true}>\n <Banner.Header>Danger</Banner.Header>\n <Banner.Description>\n This is a banner of type danger.\n </Banner.Description>\n </Banner>\n <Banner variant=\"neutral\" hasIcon={true}>\n <Banner.Header>Neutral</Banner.Header>\n <Banner.Description>\n This is a banner of type neutral.\n </Banner.Description>\n </Banner>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/breadcrumbs/stories/breadcrumbs-header.story.js CHANGED Viewed

@@ -26,7 +26,7 @@ import { useRef, useState } from 'react';
 const Component = () => {
     const [isOrganizationMenuOpen, setIsOrganizationMenuOpen] = useState(false);
     const organizationMenuRef = useRef(null);
-    return (_jsxs(Breadcrumbs, { shouldWrap: false, children: [_jsx(Breadcrumbs.Item, { className: "n-mr-token-8", children: _jsx("button", { type: "button", "aria-label": "Home", className: "n-rounded-sm focus-visible:n-outline-2 focus-visible:n-outline-offset-[3px] focus-visible:n-outline-primary-focus n-shrink-0", children: _jsx(Neo4JIconColorIcon, { className: "n-h-6 n-w-[26px]" }) }) }), _jsxs(Breadcrumbs.Item, { children: [_jsx(Breadcrumbs.Button, { leadingElement: _jsx(BuildingOffice2IconOutline, {}), children: "Organization 1" }), _jsx(Breadcrumbs.SelectButton, { ref: organizationMenuRef, ariaLabel: "Open organization menu", onClick: () => {
+    return (_jsxs(Breadcrumbs, { shouldWrap: false, children: [_jsx(Breadcrumbs.Item, { className: "mr-token-8", children: _jsx("button", { type: "button", "aria-label": "Home", className: "rounded-sm focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary-focus shrink-0", children: _jsx(Neo4JIconColorIcon, { className: "h-6 w-[26px]" }) }) }), _jsxs(Breadcrumbs.Item, { children: [_jsx(Breadcrumbs.Button, { leadingElement: _jsx(BuildingOffice2IconOutline, {}), children: "Organization 1" }), _jsx(Breadcrumbs.SelectButton, { ref: organizationMenuRef, ariaLabel: "Open organization menu", onClick: () => {
                             setIsOrganizationMenuOpen((prev) => !prev);
                         }, isActive: isOrganizationMenuOpen, children: _jsxs(Menu, { anchorRef: organizationMenuRef, isOpen: isOrganizationMenuOpen, onClose: () => setIsOrganizationMenuOpen(false), children: [_jsxs(Menu.Group, { children: [_jsx(Menu.RadioItem, { title: "Organization 1", isChecked: true }), _jsx(Menu.RadioItem, { title: "Organization 2", isChecked: false })] }), _jsx(Menu.Divider, {}), _jsx(Menu.Group, { children: _jsx(Menu.Item, { title: "All Organizations" }) })] }) })] }), _jsxs(Breadcrumbs.Item, { children: [_jsx(Breadcrumbs.Button, { leadingElement: _jsx(CubeIconOutline, {}), children: "Project 1" }), _jsx(Breadcrumbs.SelectButton, { ariaLabel: "Open project menu" })] })] }));
 };

package/lib/esm/breadcrumbs/stories/breadcrumbs-header.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs-header.story.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs-header.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,mBAAmB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,MAAC,WAAW,IAAC,UAAU,EAAE,KAAK,aAC5B,KAAC,WAAW,CAAC,IAAI,IAAC,SAAS,EAAC,~~cAAc~~,~~YACxC~~,iBACE,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,SAAS,EAAC,~~8HAA8H~~,~~YAExI~~,KAAC,kBAAkB,IAAC,SAAS,EAAC,~~kBAAkB~~,GAAG,~~GAC5C~~,GACQ,EACnB,MAAC,WAAW,CAAC,IAAI,eACf,KAAC,WAAW,CAAC,MAAM,IAAC,cAAc,EAAE,KAAC,0BAA0B,KAAG,+BAE7C,EACrB,KAAC,WAAW,CAAC,YAAY,IACvB,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE;4BACZ,yBAAyB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;wBAC7C,CAAC,EACD,QAAQ,EAAE,sBAAsB,YAEhC,MAAC,IAAI,IACH,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,aAE/C,MAAC,IAAI,CAAC,KAAK,eACT,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,IAAI,GAAI,EAC1D,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,KAAK,GAAI,IAChD,EACb,KAAC,IAAI,CAAC,OAAO,KAAG,EAChB,KAAC,IAAI,CAAC,KAAK,cACT,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,GAAG,GAC5B,IACR,GACkB,IACV,EACnB,MAAC,WAAW,CAAC,IAAI,eACf,KAAC,WAAW,CAAC,MAAM,IAAC,cAAc,EAAE,KAAC,eAAe,KAAG,0BAElC,EACrB,KAAC,WAAW,CAAC,YAAY,IAAC,SAAS,EAAC,mBAAmB,GAA4B,IAClE,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Breadcrumbs, Menu } from '@neo4j-ndl/react';\nimport {\n BuildingOffice2IconOutline,\n CubeIconOutline,\n Neo4JIconColorIcon,\n} from '@neo4j-ndl/react/icons';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n const [isOrganizationMenuOpen, setIsOrganizationMenuOpen] = useState(false);\n const organizationMenuRef = useRef<HTMLButtonElement>(null);\n\n return (\n <Breadcrumbs shouldWrap={false}>\n <Breadcrumbs.Item className=\"n-mr-token-8\">\n <button\n type=\"button\"\n aria-label=\"Home\"\n className=\"n-rounded-sm focus-visible:n-outline-2 focus-visible:n-outline-offset-[3px] focus-visible:n-outline-primary-focus n-shrink-0\"\n >\n <Neo4JIconColorIcon className=\"n-h-6 n-w-[26px]\" />\n </button>\n </Breadcrumbs.Item>\n <Breadcrumbs.Item>\n <Breadcrumbs.Button leadingElement={<BuildingOffice2IconOutline />}>\n Organization 1\n </Breadcrumbs.Button>\n <Breadcrumbs.SelectButton\n ref={organizationMenuRef}\n ariaLabel=\"Open organization menu\"\n onClick={() => {\n setIsOrganizationMenuOpen((prev) => !prev);\n }}\n isActive={isOrganizationMenuOpen}\n >\n <Menu\n anchorRef={organizationMenuRef}\n isOpen={isOrganizationMenuOpen}\n onClose={() => setIsOrganizationMenuOpen(false)}\n >\n <Menu.Group>\n <Menu.RadioItem title=\"Organization 1\" isChecked={true} />\n <Menu.RadioItem title=\"Organization 2\" isChecked={false} />\n </Menu.Group>\n <Menu.Divider />\n <Menu.Group>\n <Menu.Item title=\"All Organizations\" />\n </Menu.Group>\n </Menu>\n </Breadcrumbs.SelectButton>\n </Breadcrumbs.Item>\n <Breadcrumbs.Item>\n <Breadcrumbs.Button leadingElement={<CubeIconOutline />}>\n Project 1\n </Breadcrumbs.Button>\n <Breadcrumbs.SelectButton ariaLabel=\"Open project menu\"></Breadcrumbs.SelectButton>\n </Breadcrumbs.Item>\n </Breadcrumbs>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"breadcrumbs-header.story.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs-header.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,mBAAmB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,MAAC,WAAW,IAAC,UAAU,EAAE,KAAK,aAC5B,KAAC,WAAW,CAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YACtC,iBACE,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,SAAS,EAAC,oHAAoH,YAE9H,KAAC,kBAAkB,IAAC,SAAS,EAAC,cAAc,GAAG,GACxC,GACQ,EACnB,MAAC,WAAW,CAAC,IAAI,eACf,KAAC,WAAW,CAAC,MAAM,IAAC,cAAc,EAAE,KAAC,0BAA0B,KAAG,+BAE7C,EACrB,KAAC,WAAW,CAAC,YAAY,IACvB,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE;4BACZ,yBAAyB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;wBAC7C,CAAC,EACD,QAAQ,EAAE,sBAAsB,YAEhC,MAAC,IAAI,IACH,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,aAE/C,MAAC,IAAI,CAAC,KAAK,eACT,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,IAAI,GAAI,EAC1D,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,KAAK,GAAI,IAChD,EACb,KAAC,IAAI,CAAC,OAAO,KAAG,EAChB,KAAC,IAAI,CAAC,KAAK,cACT,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,GAAG,GAC5B,IACR,GACkB,IACV,EACnB,MAAC,WAAW,CAAC,IAAI,eACf,KAAC,WAAW,CAAC,MAAM,IAAC,cAAc,EAAE,KAAC,eAAe,KAAG,0BAElC,EACrB,KAAC,WAAW,CAAC,YAAY,IAAC,SAAS,EAAC,mBAAmB,GAA4B,IAClE,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Breadcrumbs, Menu } from '@neo4j-ndl/react';\nimport {\n BuildingOffice2IconOutline,\n CubeIconOutline,\n Neo4JIconColorIcon,\n} from '@neo4j-ndl/react/icons';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n const [isOrganizationMenuOpen, setIsOrganizationMenuOpen] = useState(false);\n const organizationMenuRef = useRef<HTMLButtonElement>(null);\n\n return (\n <Breadcrumbs shouldWrap={false}>\n <Breadcrumbs.Item className=\"mr-token-8\">\n <button\n type=\"button\"\n aria-label=\"Home\"\n className=\"rounded-sm focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary-focus shrink-0\"\n >\n <Neo4JIconColorIcon className=\"h-6 w-[26px]\" />\n </button>\n </Breadcrumbs.Item>\n <Breadcrumbs.Item>\n <Breadcrumbs.Button leadingElement={<BuildingOffice2IconOutline />}>\n Organization 1\n </Breadcrumbs.Button>\n <Breadcrumbs.SelectButton\n ref={organizationMenuRef}\n ariaLabel=\"Open organization menu\"\n onClick={() => {\n setIsOrganizationMenuOpen((prev) => !prev);\n }}\n isActive={isOrganizationMenuOpen}\n >\n <Menu\n anchorRef={organizationMenuRef}\n isOpen={isOrganizationMenuOpen}\n onClose={() => setIsOrganizationMenuOpen(false)}\n >\n <Menu.Group>\n <Menu.RadioItem title=\"Organization 1\" isChecked={true} />\n <Menu.RadioItem title=\"Organization 2\" isChecked={false} />\n </Menu.Group>\n <Menu.Divider />\n <Menu.Group>\n <Menu.Item title=\"All Organizations\" />\n </Menu.Group>\n </Menu>\n </Breadcrumbs.SelectButton>\n </Breadcrumbs.Item>\n <Breadcrumbs.Item>\n <Breadcrumbs.Button leadingElement={<CubeIconOutline />}>\n Project 1\n </Breadcrumbs.Button>\n <Breadcrumbs.SelectButton ariaLabel=\"Open project menu\"></Breadcrumbs.SelectButton>\n </Breadcrumbs.Item>\n </Breadcrumbs>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/button/ButtonBase.js CHANGED Viewed

@@ -33,9 +33,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { ButtonSpinner } from '../_common/ButtonSpinner';
 export const ButtonBase = (_a) => {
-    var { as, buttonFill = 'filled', children, className, variant = 'primary', htmlAttributes, isDisabled = false, isFloating = false, isFluid = false, isLoading = false, leadingVisual, onClick, ref, size = 'medium', style, type = 'button',
-    // TODO v5: maybe update default message to 'Loading'. This value is for backward compatibility with loading spinners old aria-label
-    loadingMessage = 'Loading content' } = _a, restProps = __rest(_a, ["as", "buttonFill", "children", "className", "variant", "htmlAttributes", "isDisabled", "isFloating", "isFluid", "isLoading", "leadingVisual", "onClick", "ref", "size", "style", "type", "loadingMessage"]);
+    var { as, buttonFill = 'filled', children, className, variant = 'primary', htmlAttributes, isDisabled = false, isFloating = false, isFluid = false, isLoading = false, leadingVisual, onClick, ref, size = 'medium', style, type = 'button', loadingMessage = 'Loading' } = _a, restProps = __rest(_a, ["as", "buttonFill", "children", "className", "variant", "htmlAttributes", "isDisabled", "isFloating", "isFluid", "isLoading", "leadingVisual", "onClick", "ref", "size", "style", "type", "loadingMessage"]);
     const Component = as !== null && as !== void 0 ? as : 'button';
     const isInteractable = !isDisabled && !isLoading;
     const classes = classNames(className, 'ndl-btn', {

package/lib/esm/button/ButtonBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/button/ButtonBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAgEzD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAyC,~~EAoBtB~~,EAAE,EAAE;~~QApBkB~~,EACjE,EAAE,EACF,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,OAAO,EACP,GAAG,EACH,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,IAAI,GAAG,QAAQ~~;IACf~~,~~oIAAoI;IACpI~~,cAAc,GAAG,~~iBAAiB~~,~~OAES~~,EADxC,SAAS,~~cAnBqD~~,~~4MAoBlE~~,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IACpD,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,cAAc,EAAE,UAAU;QAC1B,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,OAAO;QACpB,aAAa,EAAE,SAAS;QACxB,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI;QACrB,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,UAAU;QACxC,CAAC,OAAO,OAAO,EAAE,CAAC,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAClB,KAAsD,EACtD,EAAE;QACF,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,mBACL,CAAC,cAAc,EAC9B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,cAElB,eAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,yBAAyB,YAAE,aAAa,GAAO,CAC/D,EACA,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,CACpD,EACA,SAAS,IAAI,CACZ,KAAC,aAAa,IAAC,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9D,IACG,IACI,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { ButtonSpinner } from '../_common/ButtonSpinner';\nimport {\n type HtmlAttributes,\n type PolymorphicCommonProps,\n} from '../_common/types';\n\n/\n \n * Types\n \n /\n\ntype ButtonTypes = 'submit' \| 'button' \| 'reset';\nexport type ButtonSizes = 'small' \| 'medium' \| 'large';\nexport type ButtonVariants = 'primary' \| 'danger' \| 'neutral';\n\nexport type CommonButtonProps = {\n children?: React.ReactNode;\n /** Icon to display before the button content /\n leadingVisual?: React.ReactNode;\n /* If the button is doing something Async, it will display a loading spinner /\n isLoading?: boolean;\n /* If the button is in disabled state /\n isDisabled?: boolean;\n /* If the button is fluid, it will take the full width of its container /\n isFluid?: boolean;\n /* Type of button /\n type?: ButtonTypes;\n /* Size of button /\n size?: ButtonSizes;\n /* onClick callback /\n onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n /* onKeyDown callback /\n onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n /* Accessible message for screen readers when the button is in a loading state /\n loadingMessage?: string;\n} /\n If `as=\"a\"`, `href` is required and `target` is available.\n * For all other elements, these props are not present.\n / & (\n \| {\n as: 'a';\n /* The URL to link to. Only applies when `as=\"a\"` /\n href?: HtmlAttributes<'a'>['href'];\n /\n The target window for the link. Only applies when `as=\"a\"`.\n * Not present or required for other element types.\n /\n target?: HtmlAttributes<'a'>['target'];\n }\n \| {\n as?: React.ElementType;\n }\n);\n\ntype ButtonBaseProps = CommonButtonProps & {\n /* If the button is in floating state /\n isFloating?: boolean;\n /* variant of the button /\n variant?: ButtonVariants;\n /* fill of the button */\n buttonFill?: 'filled' \| 'outlined' \| 'text';\n};\n\nexport const ButtonBase = <T extends React.ElementType = 'button'>({\n as,\n buttonFill = 'filled',\n children,\n className,\n variant = 'primary',\n htmlAttributes,\n isDisabled = false,\n isFloating = false,\n isFluid = false,\n isLoading = false,\n leadingVisual,\n onClick,\n ref,\n size = 'medium',\n style,\n type = 'button',\n ~~// TODO v5: maybe update default message to 'Loading'. This value is for backward compatibility with loading spinners old aria-label\n~~ loadingMessage = 'Loading ~~content~~',\n ...restProps\n}: PolymorphicCommonProps<T, ButtonBaseProps>) => {\n const Component: React.ElementType = as ?? 'button';\n const isInteractable = !isDisabled && !isLoading;\n\n const classes = classNames(className, 'ndl-btn', {\n 'ndl-disabled': isDisabled,\n 'ndl-floating': isFloating,\n 'ndl-fluid': isFluid,\n 'ndl-loading': isLoading,\n [`ndl-${size}`]: size,\n [`ndl-${buttonFill}-button`]: buttonFill,\n [`ndl-${variant}`]: variant,\n });\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n if (!isInteractable) {\n // By default, a <button /> element with disabled set to true will not get its\n // on click handler called. To support the same behavior on <a /> tags we\n // swallow the event here when disabled, since the <a /> tag with disabled set to\n // true will have its onClick handler called\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <Component\n type={type}\n onClick={handleClick}\n disabled={isDisabled}\n aria-disabled={!isInteractable}\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n <div className=\"ndl-btn-inner\">\n {Boolean(leadingVisual) && (\n <div className=\"ndl-btn-leading-element\">{leadingVisual}</div>\n )}\n {Boolean(children) && (\n <span className=\"ndl-btn-content\">{children}</span>\n )}\n {isLoading && (\n <ButtonSpinner loadingMessage={loadingMessage} size={size} />\n )}\n </div>\n </Component>\n );\n};\n"]}
1	+ {"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/button/ButtonBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAgEzD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAyC,EAmBtB,EAAE,EAAE;QAnBkB,EACjE,EAAE,EACF,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,OAAO,EACP,GAAG,EACH,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,cAAc,GAAG,SAAS,OAEiB,EADxC,SAAS,cAlBqD,4MAmBlE,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IACpD,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,cAAc,EAAE,UAAU;QAC1B,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,OAAO;QACpB,aAAa,EAAE,SAAS;QACxB,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI;QACrB,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,UAAU;QACxC,CAAC,OAAO,OAAO,EAAE,CAAC,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAClB,KAAsD,EACtD,EAAE;QACF,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,mBACL,CAAC,cAAc,EAC9B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,cAElB,eAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,yBAAyB,YAAE,aAAa,GAAO,CAC/D,EACA,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,CACpD,EACA,SAAS,IAAI,CACZ,KAAC,aAAa,IAAC,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9D,IACG,IACI,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { ButtonSpinner } from '../_common/ButtonSpinner';\nimport {\n type HtmlAttributes,\n type PolymorphicCommonProps,\n} from '../_common/types';\n\n/\n \n * Types\n \n /\n\ntype ButtonTypes = 'submit' \| 'button' \| 'reset';\nexport type ButtonSizes = 'small' \| 'medium' \| 'large';\nexport type ButtonVariants = 'primary' \| 'danger' \| 'neutral';\n\nexport type CommonButtonProps = {\n children?: React.ReactNode;\n /** Icon to display before the button content /\n leadingVisual?: React.ReactNode;\n /* If the button is doing something Async, it will display a loading spinner /\n isLoading?: boolean;\n /* If the button is in disabled state /\n isDisabled?: boolean;\n /* If the button is fluid, it will take the full width of its container /\n isFluid?: boolean;\n /* Type of button /\n type?: ButtonTypes;\n /* Size of button /\n size?: ButtonSizes;\n /* onClick callback /\n onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n /* onKeyDown callback /\n onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n /* Accessible message for screen readers when the button is in a loading state /\n loadingMessage?: string;\n} /\n If `as=\"a\"`, `href` is required and `target` is available.\n * For all other elements, these props are not present.\n / & (\n \| {\n as: 'a';\n /* The URL to link to. Only applies when `as=\"a\"` /\n href?: HtmlAttributes<'a'>['href'];\n /\n The target window for the link. Only applies when `as=\"a\"`.\n * Not present or required for other element types.\n /\n target?: HtmlAttributes<'a'>['target'];\n }\n \| {\n as?: React.ElementType;\n }\n);\n\ntype ButtonBaseProps = CommonButtonProps & {\n /* If the button is in floating state /\n isFloating?: boolean;\n /* variant of the button /\n variant?: ButtonVariants;\n /* fill of the button */\n buttonFill?: 'filled' \| 'outlined' \| 'text';\n};\n\nexport const ButtonBase = <T extends React.ElementType = 'button'>({\n as,\n buttonFill = 'filled',\n children,\n className,\n variant = 'primary',\n htmlAttributes,\n isDisabled = false,\n isFloating = false,\n isFluid = false,\n isLoading = false,\n leadingVisual,\n onClick,\n ref,\n size = 'medium',\n style,\n type = 'button',\n loadingMessage = 'Loading',\n ...restProps\n}: PolymorphicCommonProps<T, ButtonBaseProps>) => {\n const Component: React.ElementType = as ?? 'button';\n const isInteractable = !isDisabled && !isLoading;\n\n const classes = classNames(className, 'ndl-btn', {\n 'ndl-disabled': isDisabled,\n 'ndl-floating': isFloating,\n 'ndl-fluid': isFluid,\n 'ndl-loading': isLoading,\n [`ndl-${size}`]: size,\n [`ndl-${buttonFill}-button`]: buttonFill,\n [`ndl-${variant}`]: variant,\n });\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n if (!isInteractable) {\n // By default, a <button /> element with disabled set to true will not get its\n // on click handler called. To support the same behavior on <a /> tags we\n // swallow the event here when disabled, since the <a /> tag with disabled set to\n // true will have its onClick handler called\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <Component\n type={type}\n onClick={handleClick}\n disabled={isDisabled}\n aria-disabled={!isInteractable}\n className={classes}\n style={style}\n ref={ref}\n {...restProps}\n {...htmlAttributes}\n >\n <div className=\"ndl-btn-inner\">\n {Boolean(leadingVisual) && (\n <div className=\"ndl-btn-leading-element\">{leadingVisual}</div>\n )}\n {Boolean(children) && (\n <span className=\"ndl-btn-content\">{children}</span>\n )}\n {isLoading && (\n <ButtonSpinner loadingMessage={loadingMessage} size={size} />\n )}\n </div>\n </Component>\n );\n};\n"]}

package/lib/esm/button/stories/button-sizes.story.js CHANGED Viewed

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

package/lib/esm/button/stories/button-sizes.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-sizes.story.js","sourceRoot":"","sources":["../../../../src/button/stories/button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,~~iCAAiC~~,~~aAC9C~~,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,sBAAqB,EAC/C,KAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,uBAAsB,EACjD,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,sBAAqB,IAC3C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-flex-row n-gap-token-8\">\n <FilledButton size=\"small\">Small</FilledButton>\n <FilledButton size=\"medium\">Medium</FilledButton>\n <FilledButton size=\"large\">Large</FilledButton>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"button-sizes.story.js","sourceRoot":"","sources":["../../../../src/button/stories/button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,sBAAqB,EAC/C,KAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,uBAAsB,EACjD,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,sBAAqB,IAC3C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"flex flex-row gap-token-8\">\n <FilledButton size=\"small\">Small</FilledButton>\n <FilledButton size=\"medium\">Medium</FilledButton>\n <FilledButton size=\"large\">Large</FilledButton>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/button/stories/button-variants.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { FilledButton, OutlinedButton, TextButton } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-grid n-grid-cols-3 n-gap-token-8 n-items-center", children: [_jsx(FilledButton, { variant: "primary", children: "Filled Primary" }), _jsx(FilledButton, { variant: "danger", children: "Filled Danger" }), _jsx("div", {}), _jsx(OutlinedButton, { variant: "primary", children: "Outlined Primary" }), _jsx(OutlinedButton, { variant: "danger", children: "Outlined Danger" }), _jsx(OutlinedButton, { variant: "neutral", children: "Outlined Neutral" }), _jsx(TextButton, { variant: "primary", children: "Text Primary" }), _jsx(TextButton, { variant: "danger", children: "Text Danger" }), _jsx(TextButton, { variant: "neutral", children: "Text Neutral" })] }));
+    return (_jsxs("div", { className: "grid grid-cols-3 gap-token-8 items-center", children: [_jsx(FilledButton, { variant: "primary", children: "Filled Primary" }), _jsx(FilledButton, { variant: "danger", children: "Filled Danger" }), _jsx("div", {}), _jsx(OutlinedButton, { variant: "primary", children: "Outlined Primary" }), _jsx(OutlinedButton, { variant: "danger", children: "Outlined Danger" }), _jsx(OutlinedButton, { variant: "neutral", children: "Outlined Neutral" }), _jsx(TextButton, { variant: "primary", children: "Text Primary" }), _jsx(TextButton, { variant: "danger", children: "Text Danger" }), _jsx(TextButton, { variant: "neutral", children: "Text Neutral" })] }));
 };
 export default Component;
 //# sourceMappingURL=button-variants.story.js.map

package/lib/esm/button/stories/button-variants.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-variants.story.js","sourceRoot":"","sources":["../../../../src/button/stories/button-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,~~mDAAmD~~,~~aAChE~~,KAAC,YAAY,IAAC,OAAO,EAAC,SAAS,+BAA8B,EAC7D,KAAC,YAAY,IAAC,OAAO,EAAC,QAAQ,8BAA6B,EAC3D,eAAO,EACP,KAAC,cAAc,IAAC,OAAO,EAAC,SAAS,iCAAkC,EACnE,KAAC,cAAc,IAAC,OAAO,EAAC,QAAQ,gCAAiC,EACjE,KAAC,cAAc,IAAC,OAAO,EAAC,SAAS,iCAAkC,EACnE,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,6BAA0B,EACvD,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,4BAAyB,EACrD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,6BAA0B,IACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, OutlinedButton, TextButton } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"n-grid n-grid-cols-3 n-gap-token-8 n-items-center\">\n <FilledButton variant=\"primary\">Filled Primary</FilledButton>\n <FilledButton variant=\"danger\">Filled Danger</FilledButton>\n <div />\n <OutlinedButton variant=\"primary\">Outlined Primary</OutlinedButton>\n <OutlinedButton variant=\"danger\">Outlined Danger</OutlinedButton>\n <OutlinedButton variant=\"neutral\">Outlined Neutral</OutlinedButton>\n <TextButton variant=\"primary\">Text Primary</TextButton>\n <TextButton variant=\"danger\">Text Danger</TextButton>\n <TextButton variant=\"neutral\">Text Neutral</TextButton>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"button-variants.story.js","sourceRoot":"","sources":["../../../../src/button/stories/button-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACxD,KAAC,YAAY,IAAC,OAAO,EAAC,SAAS,+BAA8B,EAC7D,KAAC,YAAY,IAAC,OAAO,EAAC,QAAQ,8BAA6B,EAC3D,eAAO,EACP,KAAC,cAAc,IAAC,OAAO,EAAC,SAAS,iCAAkC,EACnE,KAAC,cAAc,IAAC,OAAO,EAAC,QAAQ,gCAAiC,EACjE,KAAC,cAAc,IAAC,OAAO,EAAC,SAAS,iCAAkC,EACnE,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,6BAA0B,EACvD,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,4BAAyB,EACrD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,6BAA0B,IACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, OutlinedButton, TextButton } from '@neo4j-ndl/react';\n\nconst Component = () => {\n return (\n <div className=\"grid grid-cols-3 gap-token-8 items-center\">\n <FilledButton variant=\"primary\">Filled Primary</FilledButton>\n <FilledButton variant=\"danger\">Filled Danger</FilledButton>\n <div />\n <OutlinedButton variant=\"primary\">Outlined Primary</OutlinedButton>\n <OutlinedButton variant=\"danger\">Outlined Danger</OutlinedButton>\n <OutlinedButton variant=\"neutral\">Outlined Neutral</OutlinedButton>\n <TextButton variant=\"primary\">Text Primary</TextButton>\n <TextButton variant=\"danger\">Text Danger</TextButton>\n <TextButton variant=\"neutral\">Text Neutral</TextButton>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/checkbox/stories/checkbox-full.story.js CHANGED Viewed

@@ -44,9 +44,9 @@ const Component = () => {
     const isParentChecked = Object.values(childCheckboxes).every((isChildChecked) => isChildChecked);
     const isParentIndeterminate = Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&
         !isParentChecked;
-    return (_jsxs("div", { className: "n-flex n-flex-col n-items-start n-gap-1", children: [_jsx(Checkbox, { isChecked: isParentChecked, isIndeterminate: isParentIndeterminate, label: "Parent checkbox", onChange: (event) => {
+    return (_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(Checkbox, { isChecked: isParentChecked, isIndeterminate: isParentIndeterminate, label: "Parent checkbox", onChange: (event) => {
                     handleParentCheckboxChange(event);
-                } }), _jsx(Checkbox, { className: "n-ml-7", isChecked: childCheckboxes.childOne, label: "Child checkbox 1", onChange: () => handleChildCheckboxChange('childOne') }), _jsx(Checkbox, { className: "n-ml-7", isChecked: childCheckboxes.childTwo, label: "Child checkbox 2", onChange: () => handleChildCheckboxChange('childTwo') }), _jsx(Checkbox, { className: "n-ml-7", isChecked: childCheckboxes.childThree, label: "Child checkbox 3", onChange: () => handleChildCheckboxChange('childThree') })] }));
+                } }), _jsx(Checkbox, { className: "ml-7", isChecked: childCheckboxes.childOne, label: "Child checkbox 1", onChange: () => handleChildCheckboxChange('childOne') }), _jsx(Checkbox, { className: "ml-7", isChecked: childCheckboxes.childTwo, label: "Child checkbox 2", onChange: () => handleChildCheckboxChange('childTwo') }), _jsx(Checkbox, { className: "ml-7", isChecked: childCheckboxes.childThree, label: "Child checkbox 3", onChange: () => handleChildCheckboxChange('childThree') })] }));
 };
 export default Component;
 //# sourceMappingURL=checkbox-full.story.js.map

package/lib/esm/checkbox/stories/checkbox-full.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox-full.story.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC;QACrD,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CACjC,KAA0C,EAC1C,EAAE;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAEvC,0DAA0D;QAC1D,kBAAkB,CAAC;YACjB,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAChC,QAAsC,EACtC,EAAE;QACF,wCAAwC;QACxC,kBAAkB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC7B,SAAS,KACZ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAChC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAC1D,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CACnC,CAAC;IAEF,MAAM,qBAAqB,GACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;QACvE,CAAC,eAAe,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,~~yCAAyC~~,~~aACtD~~,KAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,qBAAqB,EACtC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC,GACD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,~~QAAQ~~,~~EAClB~~,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,~~QAAQ~~,~~EAClB~~,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,~~QAAQ~~,~~EAClB~~,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,CAAC,GACvD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n const [childCheckboxes, setChildCheckboxes] = useState({\n childOne: false,\n childThree: true,\n childTwo: false,\n });\n\n const handleParentCheckboxChange = (\n event: React.ChangeEvent<HTMLInputElement>,\n ) => {\n const isChecked = event.target.checked;\n\n // Update child checkboxes based on parent checkbox state.\n setChildCheckboxes({\n childOne: isChecked,\n childThree: isChecked,\n childTwo: isChecked,\n });\n };\n\n const handleChildCheckboxChange = (\n childKey: keyof typeof childCheckboxes,\n ) => {\n // Set currently clicked child checkbox.\n setChildCheckboxes((prevState) => ({\n ...prevState,\n [childKey]: !prevState[childKey],\n }));\n };\n\n const isParentChecked = Object.values(childCheckboxes).every(\n (isChildChecked) => isChildChecked,\n );\n\n const isParentIndeterminate =\n Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&\n !isParentChecked;\n\n return (\n <div className=\"n-flex n-flex-col n-items-start n-gap-1\">\n <Checkbox\n isChecked={isParentChecked}\n isIndeterminate={isParentIndeterminate}\n label=\"Parent checkbox\"\n onChange={(event) => {\n handleParentCheckboxChange(event);\n }}\n />\n <Checkbox\n className=\"n-ml-7\"\n isChecked={childCheckboxes.childOne}\n label=\"Child checkbox 1\"\n onChange={() => handleChildCheckboxChange('childOne')}\n />\n <Checkbox\n className=\"n-ml-7\"\n isChecked={childCheckboxes.childTwo}\n label=\"Child checkbox 2\"\n onChange={() => handleChildCheckboxChange('childTwo')}\n />\n <Checkbox\n className=\"n-ml-7\"\n isChecked={childCheckboxes.childThree}\n label=\"Child checkbox 3\"\n onChange={() => handleChildCheckboxChange('childThree')}\n />\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"checkbox-full.story.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC;QACrD,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CACjC,KAA0C,EAC1C,EAAE;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAEvC,0DAA0D;QAC1D,kBAAkB,CAAC;YACjB,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAChC,QAAsC,EACtC,EAAE;QACF,wCAAwC;QACxC,kBAAkB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC7B,SAAS,KACZ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAChC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAC1D,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CACnC,CAAC;IAEF,MAAM,qBAAqB,GACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;QACvE,CAAC,eAAe,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,qBAAqB,EACtC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC,GACD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,CAAC,GACvD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n const [childCheckboxes, setChildCheckboxes] = useState({\n childOne: false,\n childThree: true,\n childTwo: false,\n });\n\n const handleParentCheckboxChange = (\n event: React.ChangeEvent<HTMLInputElement>,\n ) => {\n const isChecked = event.target.checked;\n\n // Update child checkboxes based on parent checkbox state.\n setChildCheckboxes({\n childOne: isChecked,\n childThree: isChecked,\n childTwo: isChecked,\n });\n };\n\n const handleChildCheckboxChange = (\n childKey: keyof typeof childCheckboxes,\n ) => {\n // Set currently clicked child checkbox.\n setChildCheckboxes((prevState) => ({\n ...prevState,\n [childKey]: !prevState[childKey],\n }));\n };\n\n const isParentChecked = Object.values(childCheckboxes).every(\n (isChildChecked) => isChildChecked,\n );\n\n const isParentIndeterminate =\n Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&\n !isParentChecked;\n\n return (\n <div className=\"flex flex-col items-start gap-1\">\n <Checkbox\n isChecked={isParentChecked}\n isIndeterminate={isParentIndeterminate}\n label=\"Parent checkbox\"\n onChange={(event) => {\n handleParentCheckboxChange(event);\n }}\n />\n <Checkbox\n className=\"ml-7\"\n isChecked={childCheckboxes.childOne}\n label=\"Child checkbox 1\"\n onChange={() => handleChildCheckboxChange('childOne')}\n />\n <Checkbox\n className=\"ml-7\"\n isChecked={childCheckboxes.childTwo}\n label=\"Child checkbox 2\"\n onChange={() => handleChildCheckboxChange('childTwo')}\n />\n <Checkbox\n className=\"ml-7\"\n isChecked={childCheckboxes.childThree}\n label=\"Child checkbox 3\"\n onChange={() => handleChildCheckboxChange('childThree')}\n />\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/clean-icon-button/stories/clean-icon-button-keyboard-display.story.js CHANGED Viewed

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { CleanIconButton } from '@neo4j-ndl/react';
 import { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsx("div", { className: "n-flex n-flex-col n-gap-token-16", children: _jsx("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: _jsx(CleanIconButton, { description: "Search", descriptionKbdProps: { keys: ['B'], modifierKeys: ['meta'] }, variant: "neutral", children: _jsx(MagnifyingGlassIconOutline, {}) }) }) }));
+    return (_jsx("div", { className: "flex flex-col gap-token-16", children: _jsx("div", { className: "flex flex-row gap-token-16 items-center", children: _jsx(CleanIconButton, { description: "Search", descriptionKbdProps: { keys: ['B'], modifierKeys: ['meta'] }, variant: "neutral", children: _jsx(MagnifyingGlassIconOutline, {}) }) }) }));
 };
 export default Component;
 //# sourceMappingURL=clean-icon-button-keyboard-display.story.js.map

package/lib/esm/clean-icon-button/stories/clean-icon-button-keyboard-display.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clean-icon-button-keyboard-display.story.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button-keyboard-display.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,SAAS,EAAC,~~kCAAkC~~,~~YAC/C~~,cAAK,SAAS,EAAC,~~iDAAiD~~,~~YAC9D~~,KAAC,eAAe,IACd,WAAW,EAAC,QAAQ,EACpB,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,EAC5D,OAAO,EAAC,SAAS,YAEjB,KAAC,0BAA0B,KAAG,GACd,GACd,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CleanIconButton } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-flex-col n-gap-token-16\">\n <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n <CleanIconButton\n description=\"Search\"\n descriptionKbdProps={{ keys: ['B'], modifierKeys: ['meta'] }}\n variant=\"neutral\"\n >\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"clean-icon-button-keyboard-display.story.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button-keyboard-display.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,eAAe,IACd,WAAW,EAAC,QAAQ,EACpB,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,EAC5D,OAAO,EAAC,SAAS,YAEjB,KAAC,0BAA0B,KAAG,GACd,GACd,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CleanIconButton } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"flex flex-col gap-token-16\">\n <div className=\"flex flex-row gap-token-16 items-center\">\n <CleanIconButton\n description=\"Search\"\n descriptionKbdProps={{ keys: ['B'], modifierKeys: ['meta'] }}\n variant=\"neutral\"\n >\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/clean-icon-button/stories/clean-icon-button-sizes.story.js CHANGED Viewed

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { CleanIconButton, Typography } from '@neo4j-ndl/react';
 import { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(CleanIconButton, { description: "Search", size: "small", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Small" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(CleanIconButton, { description: "Search", size: "medium", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Medium" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(CleanIconButton, { description: "Search", size: "large", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Large" })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-token-16", children: [_jsxs("div", { className: "flex flex-row gap-token-16 items-center", children: [_jsx(CleanIconButton, { description: "Search", size: "small", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Small" })] }), _jsxs("div", { className: "flex flex-row gap-token-16 items-center", children: [_jsx(CleanIconButton, { description: "Search", size: "medium", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Medium" })] }), _jsxs("div", { className: "flex flex-row gap-token-16 items-center", children: [_jsx(CleanIconButton, { description: "Search", size: "large", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Large" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=clean-icon-button-sizes.story.js.map

package/lib/esm/clean-icon-button/stories/clean-icon-button-sizes.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clean-icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,~~kCAAkC~~,~~aAC/C~~,eAAK,SAAS,EAAC,~~iDAAiD~~,~~aAC9D~~,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAChD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,EACN,eAAK,SAAS,EAAC,~~iDAAiD~~,~~aAC9D~~,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,YACjD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,~~iDAAiD~~,~~aAC9D~~,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAChD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CleanIconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-flex-col n-gap-token-16\">\n <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n <CleanIconButton description=\"Search\" size=\"small\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\"> Small</Typography>\n </div>\n <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n <CleanIconButton description=\"Search\" size=\"medium\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\"> Medium</Typography>\n </div>\n <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n <CleanIconButton description=\"Search\" size=\"large\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\"> Large</Typography>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"clean-icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAChD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,EACN,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,YACjD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAChD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CleanIconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"flex flex-col gap-token-16\">\n <div className=\"flex flex-row gap-token-16 items-center\">\n <CleanIconButton description=\"Search\" size=\"small\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\"> Small</Typography>\n </div>\n <div className=\"flex flex-row gap-token-16 items-center\">\n <CleanIconButton description=\"Search\" size=\"medium\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\"> Medium</Typography>\n </div>\n <div className=\"flex flex-row gap-token-16 items-center\">\n <CleanIconButton description=\"Search\" size=\"large\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\"> Large</Typography>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/clean-icon-button/stories/clean-icon-button-tone.story.js CHANGED Viewed

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { CleanIconButton, Typography } from '@neo4j-ndl/react';
 import { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(CleanIconButton, { description: "Search", variant: "neutral", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: "Default" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(CleanIconButton, { description: "Search", variant: "danger", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: "Danger" })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-token-16", children: [_jsxs("div", { className: "flex flex-row gap-token-16 items-center", children: [_jsx(CleanIconButton, { description: "Search", variant: "neutral", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: "Default" })] }), _jsxs("div", { className: "flex flex-row gap-token-16 items-center", children: [_jsx(CleanIconButton, { description: "Search", variant: "danger", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: "Danger" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=clean-icon-button-tone.story.js.map

package/lib/esm/clean-icon-button/stories/clean-icon-button-tone.story.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clean-icon-button-tone.story.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button-tone.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,~~kCAAkC~~,~~aAC/C~~,eAAK,SAAS,EAAC,~~iDAAiD~~,~~aAC9D~~,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,YACrD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,~~iDAAiD~~,~~aAC9D~~,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACpD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CleanIconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"n-flex n-flex-col n-gap-token-16\">\n <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n <CleanIconButton description=\"Search\" variant=\"neutral\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\">Default</Typography>\n </div>\n <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n <CleanIconButton description=\"Search\" variant=\"danger\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\">Danger</Typography>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}
1	+ {"version":3,"file":"clean-icon-button-tone.story.js","sourceRoot":"","sources":["../../../../src/clean-icon-button/stories/clean-icon-button-tone.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,YACrD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,eAAe,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACpD,KAAC,0BAA0B,KAAG,GACd,EAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/!\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { CleanIconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n return (\n <div className=\"flex flex-col gap-token-16\">\n <div className=\"flex flex-row gap-token-16 items-center\">\n <CleanIconButton description=\"Search\" variant=\"neutral\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\">Default</Typography>\n </div>\n <div className=\"flex flex-row gap-token-16 items-center\">\n <CleanIconButton description=\"Search\" variant=\"danger\">\n <MagnifyingGlassIconOutline />\n </CleanIconButton>\n <Typography variant=\"label\">Danger</Typography>\n </div>\n </div>\n );\n};\n\nexport default Component;\n"]}

package/lib/esm/clipboard-button/stories/clipboard-button-sizes.story.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { ClipboardButton } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "small" }), _jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "medium" }), _jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "large" })] }));
+    return (_jsxs("div", { className: "flex gap-token-16", children: [_jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "small" }), _jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "medium" }), _jsx(ClipboardButton, { textToCopy: "This is the text to copy", size: "large" })] }));
 };
 export default Component;
 //# sourceMappingURL=clipboard-button-sizes.story.js.map