@neo4j-ndl/react 4.0.0-alpha.0.c6243ce → 4.0.0

package/lib/cjs/breadcrumbs/Breadcrumbs.js

@@ -1,3 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = exports.useBreadcrumbsItemContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,118 +36,55 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumbs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
-const defaultImports_1 = require("../_common/defaultImports");
-const clean_icon_button_1 = require("../clean-icon-button");
-const context_menu_1 = require("../context-menu/");
-const icons_1 = require("../icons");
-const typography_1 = require("../typography");
-const BreadcrumbsBaseItem = ({ as, children = ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: "span", variant: "body-medium", children: "Home" })), className, href, isCurrentPage = false, onClick, htmlAttributes, ref, }) => {
-    const Component = as || 'a';
-    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-base-item-link', className, {
-        'ndl-breadcrumbs-base-item-link-active': isCurrentPage,
+const BreadcrumbsComponent = ({ children, className, htmlAttributes, style, ref, shouldWrap = true, }) => {
+    const classes = (0, classnames_1.default)('ndl-breadcrumbs', className);
+    const listClasses = (0, classnames_1.default)('ndl-breadcrumbs-list', {
+        'ndl-breadcrumbs-wrap': shouldWrap,
     });
-    return ((0, jsx_runtime_1.jsx)("li", { className: "ndl-breadcrumbs-base-item", ref: ref, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ role: "button", tabIndex: 0, "aria-label": "Home", className: classes, href: href, onClick: (event) => {
-                if (onClick)
-                    onClick(event, href);
-            } }, htmlAttributes, { children: children })) }));
-};
-const BreadcrumbsGroupItem = ({ as, children, className, style, htmlAttributes, }) => {
-    const Component = as || 'li';
-    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-group-item', className);
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
+    return ((0, jsx_runtime_1.jsx)("nav", Object.assign({ "aria-label": "Breadcrumb", ref: ref, className: classes, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { className: listClasses, children: children }) })));
 };
-BreadcrumbsGroupItem.displayName = 'Breadcrumbs.GroupItem';
-const BreadcrumbsItem = ({ as, children, className, hasSeparator = true, href, isCurrentPage = false, onClick, htmlAttributes, }) => {
-    const Component = as || 'a';
-    const isInteractable = Component === 'button' || Component === 'a';
-    const listItemClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item', {
-        'ndl-breadcrumbs-separator': hasSeparator,
-    });
-    const linkClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-link', {
-        'ndl-breadcrumbs-item-link-interactable': isInteractable,
-        'ndl-breadcrumbs-item-link-active': isCurrentPage,
-    }, className);
-    return ((0, jsx_runtime_1.jsx)("li", { className: listItemClasses, children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { as: Component, variant: "body-medium", className: linkClasses, htmlAttributes: Object.assign({ role: 'button', tabIndex: 0, href: href, onClick: (event) => {
-                    if (onClick)
-                        onClick(event, href);
-                }, 'aria-current': isCurrentPage ? 'page' : undefined }, htmlAttributes), children: children }) }));
+const BreadcrumbsItemContext = (0, react_1.createContext)(null);
+const useBreadcrumbsItemContext = () => {
+    const context = (0, react_1.useContext)(BreadcrumbsItemContext);
+    if (!context) {
+        throw new Error('This component must be used within a <Breadcrumbs.Item>');
+    }
+    return context;
 };
-BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
-const BreadcrumbsItemMenu = ({ children, className, isOpen = false, onClick, onClose, htmlAttributes, }) => {
-    const buttonRef = (0, react_1.useRef)(null);
-    const [isItemMenuOpen, setIsItemMenuOpen] = (0, react_1.useState)(isOpen);
-    (0, react_1.useEffect)(() => {
-        setIsItemMenuOpen(isOpen);
-    }, [isOpen]);
-    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-menu-button', className);
-    return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-item-menu", children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { as: "button", 
-                /* Overridable */
-                tooltip: "Open", size: "small", 
-                /* Non-overridable */
-                className: classes, onClick: (event) => {
-                    setIsItemMenuOpen(true);
-                    if (onClick)
-                        onClick(event);
-                }, ref: buttonRef, htmlAttributes: Object.assign({ 'aria-haspopup': true }, htmlAttributes), children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) }), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { anchorRef: buttonRef, onClose: (event) => {
-                    setIsItemMenuOpen(false);
-                    if (onClose)
-                        onClose(event);
-                }, isOpen: isItemMenuOpen, children: (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Items, { children: children }) })] }));
+exports.useBreadcrumbsItemContext = useBreadcrumbsItemContext;
+const BreadcrumbsItem = ({ children, className, style, htmlAttributes, ref, }) => {
+    const classes = (0, classnames_1.default)('ndl-breadcrumbs-item', className);
+    return ((0, jsx_runtime_1.jsx)(BreadcrumbsItemContext.Provider, { value: { isInBreadcrumbsItem: true }, children: (0, jsx_runtime_1.jsx)("li", Object.assign({ ref: ref, className: classes, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-item-inner", children: children }) })) }));
 };
-BreadcrumbsItemMenu.displayName = 'Breadcrumbs.ItemMenu';
-const BreadcrumbsEllipsisMenu = ({ as, children, className, isOpen = false, onClick, onClose, onKeyDown, ref, htmlAttributes, }) => {
-    const ellipsisButtonRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => ellipsisButtonRef.current);
-    const [isEllipsisMenuOpen, setIsEllipsisMenuOpen] = (0, react_1.useState)(isOpen);
-    const Component = as || 'span';
-    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-ellipsis-menu-button', className);
-    return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [(0, jsx_runtime_1.jsx)(Component, Object.assign({ "aria-controls": isEllipsisMenuOpen ? 'ellipsis-menu' : undefined, "aria-expanded": isEllipsisMenuOpen ? 'true' : undefined, "aria-haspopup": "true", role: "button", tabIndex: 0, className: classes, onClick: (event) => {
-                    setIsEllipsisMenuOpen(true);
-                    if (onClick)
-                        onClick(event);
-                }, onKeyDown: (event) => {
-                    if (event.key === 'Enter')
-                        setIsEllipsisMenuOpen(true);
-                    if (onKeyDown)
-                        onKeyDown(event);
-                }, ref: ellipsisButtonRef }, htmlAttributes, { children: "\u2026" })), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { anchorRef: ellipsisButtonRef, onClose: (event) => {
-                    setIsEllipsisMenuOpen(false);
-                    if (onClose)
-                        onClose(event);
-                }, isOpen: isEllipsisMenuOpen, children: (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Items, { children: children }) })] }));
+const BreadcrumbsButton = (_a) => {
+    var { children, as, className, style, htmlAttributes, ref, leadingElement, trailingElement } = _a, restProps = __rest(_a, ["children", "as", "className", "style", "htmlAttributes", "ref", "leadingElement", "trailingElement"]);
+    (0, exports.useBreadcrumbsItemContext)();
+    const Component = as !== null && as !== void 0 ? as : 'button';
+    const classes = (0, classnames_1.default)('ndl-breadcrumbs-button ndl-breadcrumbs-sibling-hover', className);
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes, style: style }, restProps, htmlAttributes, { children: [Boolean(leadingElement) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-leading-element", children: leadingElement })), (0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-content", children: children }), Boolean(trailingElement) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-trailing-element", children: trailingElement }))] })));
 };
-const BreadcrumbsMenuItem = ({ as, children, className, href, isCurrentPage = false, onClick, htmlAttributes, }) => {
-    const linkClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-link', className, {
-        'ndl-breadcrumbs-item-link-active': isCurrentPage,
-    });
-    const Component = as || 'span';
-    return ((0, jsx_runtime_1.jsx)(context_menu_1.Menu.Item, { as: Component, className: "ndl-breadcrumbs-menu-item", onClick: (event) => {
-            if (onClick)
-                onClick(event, href);
-        }, title: href ? ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: Component, variant: "body-medium", className: linkClasses, htmlAttributes: Object.assign({ href: href, role: 'button', tabIndex: 0, 'aria-current': isCurrentPage ? 'page' : undefined }, htmlAttributes), children: children })) : ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: Component, variant: "body-medium", 
-            /* Non-overridable */
-            className: linkClasses, htmlAttributes: Object.assign({ tabIndex: -1 }, htmlAttributes), children: children })) }));
+const BreadcrumbsSelectButton = ({ onClick, children, className, style, htmlAttributes, ariaLabel, ref, }) => {
+    (0, exports.useBreadcrumbsItemContext)();
+    const classes = (0, classnames_1.default)('ndl-breadcrumbs-select', className);
+    return ((0, jsx_runtime_1.jsx)(BreadcrumbsButton, { ref: ref, as: "button", className: classes, style: style, onClick: onClick, htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { 'aria-label': ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes['aria-label'] }), leadingElement: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}), children: children }));
 };
-BreadcrumbsMenuItem.displayName = 'Breadcrumbs.MenuItem';
-const BreadcrumbsComponent = ({ as, children, className, htmlAttributes, ref, }) => {
-    const Component = as || 'nav';
-    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs ndl-breadcrumbs-old', className);
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ "aria-label": "Breadcrumb", className: classes, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
+const BreadcrumbsLink = (_a) => {
+    var { children, as, className, style, htmlAttributes, ariaCurrent = false, ref } = _a, restProps = __rest(_a, ["children", "as", "className", "style", "htmlAttributes", "ariaCurrent", "ref"]);
+    (0, exports.useBreadcrumbsItemContext)();
+    const Component = as !== null && as !== void 0 ? as : 'a';
+    const classes = (0, classnames_1.default)('ndl-breadcrumbs-link', {
+        'ndl-breadcrumbs-link-current': Boolean(ariaCurrent),
+    }, className);
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: classes, style: style, "aria-current": ariaCurrent }, restProps, htmlAttributes, { children: children })));
 };
-BreadcrumbsComponent.displayName = 'Breadcrumbs';
 const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
-    BaseItem: BreadcrumbsBaseItem,
-    EllipsisMenu: BreadcrumbsEllipsisMenu,
-    GroupItem: BreadcrumbsGroupItem,
+    Button: BreadcrumbsButton,
     Item: BreadcrumbsItem,
-    ItemMenu: BreadcrumbsItemMenu,
-    MenuItem: BreadcrumbsMenuItem,
+    Link: BreadcrumbsLink,
+    SelectButton: BreadcrumbsSelectButton,
 });
 exports.Breadcrumbs = Breadcrumbs;
 //# sourceMappingURL=Breadcrumbs.js.map

package/lib/cjs/breadcrumbs/Breadcrumbs.js.map

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

package/lib/cjs/breadcrumbs/stories/breadcrumbs-ellipses.story.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const menuRef = (0, react_2.useRef)(null);
+    const [isMenuOpen, setIsMenuOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Breadcrumbs, { children: [(0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Item, { children: (0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Link, { href: "#", children: "Home" }) }), (0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Item, { children: (0, jsx_runtime_1.jsxs)(react_1.Breadcrumbs.Link, { ref: menuRef, as: "button", onClick: () => setIsMenuOpen(!isMenuOpen), htmlAttributes: {
+                        'aria-label': 'Open ellipsis menu',
+                    }, children: ["...", (0, jsx_runtime_1.jsx)(react_1.Menu, { anchorRef: menuRef, isOpen: isMenuOpen, onClose: () => setIsMenuOpen(false), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Page 1" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Page 2" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Page 3" })] }) })] }) }), (0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Item, { children: (0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Link, { as: "span", ariaCurrent: "page", children: "Current page" }) })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=breadcrumbs-ellipses.story.js.map

package/lib/cjs/breadcrumbs/stories/breadcrumbs-ellipses.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-ellipses.story.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs-ellipses.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAqD;AACrD,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,wBAAC,mBAAW,eACV,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,qBAAwB,GACjC,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,wBAAC,mBAAW,CAAC,IAAI,IACf,GAAG,EAAE,OAAO,EACZ,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,cAAc,EAAE;wBACd,YAAY,EAAE,oBAAoB;qBACnC,oBAGD,uBAAC,YAAI,IACH,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAEnC,wBAAC,YAAI,CAAC,KAAK,eACT,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,IACjB,GACR,IACU,GACF,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,MAAM,6BAE3B,GACF,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/breadcrumbs/stories/breadcrumbs-header.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const react_2 = require("react");
+const Component = () => {
+    const [isOrganizationMenuOpen, setIsOrganizationMenuOpen] = (0, react_2.useState)(false);
+    const organizationMenuRef = (0, react_2.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Breadcrumbs, { shouldWrap: false, children: [(0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Item, { className: "n-mr-token-8", children: (0, jsx_runtime_1.jsx)("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: (0, jsx_runtime_1.jsx)(icons_1.Neo4JIconColorIcon, { className: "n-h-6 n-w-[26px]" }) }) }), (0, jsx_runtime_1.jsxs)(react_1.Breadcrumbs.Item, { children: [(0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Button, { leadingElement: (0, jsx_runtime_1.jsx)(icons_1.BuildingOffice2IconOutline, {}), children: "Organization 1" }), (0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.SelectButton, { ref: organizationMenuRef, ariaLabel: "Open organization menu", onClick: () => {
+                            setIsOrganizationMenuOpen(!isOrganizationMenuOpen);
+                        }, children: (0, jsx_runtime_1.jsx)(react_1.Menu, { anchorRef: organizationMenuRef, isOpen: isOrganizationMenuOpen, onClose: () => setIsOrganizationMenuOpen(false), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Organization 1", leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.CheckIconOutline, {}) }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Organization 2" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Divider, {}), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "All Organizations" })] }) }) })] }), (0, jsx_runtime_1.jsxs)(react_1.Breadcrumbs.Item, { children: [(0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.Button, { leadingElement: (0, jsx_runtime_1.jsx)(icons_1.FolderIconOutline, {}), children: "Project 1" }), (0, jsx_runtime_1.jsx)(react_1.Breadcrumbs.SelectButton, { ariaLabel: "Open project menu" })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=breadcrumbs-header.story.js.map

package/lib/cjs/breadcrumbs/stories/breadcrumbs-header.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-header.story.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs-header.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAqD;AACrD,kDAKgC;AAChC,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,wBAAC,mBAAW,IAAC,UAAU,EAAE,KAAK,aAC5B,uBAAC,mBAAW,CAAC,IAAI,IAAC,SAAS,EAAC,cAAc,YACxC,iDACa,MAAM,EACjB,SAAS,EAAC,8HAA8H,YAExI,uBAAC,0BAAkB,IAAC,SAAS,EAAC,kBAAkB,GAAG,GAC5C,GACQ,EACnB,wBAAC,mBAAW,CAAC,IAAI,eACf,uBAAC,mBAAW,CAAC,MAAM,IAAC,cAAc,EAAE,uBAAC,kCAA0B,KAAG,+BAE7C,EACrB,uBAAC,mBAAW,CAAC,YAAY,IACvB,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE;4BACZ,yBAAyB,CAAC,CAAC,sBAAsB,CAAC,CAAC;wBACrD,CAAC,YAED,uBAAC,YAAI,IACH,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,YAE/C,wBAAC,YAAI,CAAC,KAAK,eACT,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,gBAAgB,EACtB,aAAa,EAAE,uBAAC,wBAAgB,KAAG,GACnC,EACF,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACpC,uBAAC,YAAI,CAAC,OAAO,KAAG,EAChB,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,GAAG,IAC5B,GACR,GACkB,IACV,EACnB,wBAAC,mBAAW,CAAC,IAAI,eACf,uBAAC,mBAAW,CAAC,MAAM,IAAC,cAAc,EAAE,uBAAC,yBAAiB,KAAG,0BAEpC,EACrB,uBAAC,mBAAW,CAAC,YAAY,IAAC,SAAS,EAAC,mBAAmB,GAA4B,IAClE,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/breadcrumbs/stories/breadcrumbs-pages.story.js

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

package/lib/cjs/breadcrumbs/stories/breadcrumbs-pages.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-pages.story.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs-pages.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,mBAAW,eACV,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,qBAAwB,GAChC,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,qBAAwB,GAChC,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,wBAA2B,GACnC,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,EAAC,WAAW,EAAC,MAAM,6BAEzB,GACF,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/breadcrumbs/stories/breadcrumbs-steps.story.js

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

package/lib/cjs/breadcrumbs/stories/breadcrumbs-steps.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-steps.story.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs-steps.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,mBAAW,eACV,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,8BAAiC,GACzC,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,EAAC,WAAW,EAAC,MAAM,6BAEzB,GACF,EACnB,uBAAC,mBAAW,CAAC,IAAI,cACf,uBAAC,mBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,0BAA6B,GACrC,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/breadcrumbs/stories/breadcrumbs.stories.js

@@ -0,0 +1,88 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ellipses = exports.MultiStepNavigation = exports.PageNavigation = exports.HeaderNavigation = void 0;
+const react_1 = require("@neo4j-ndl/react");
+const _1 = require(".");
+const componentMeta = {
+    component: react_1.Breadcrumbs,
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Breadcrumbs',
+    id: 'components-breadcrumbs',
+};
+exports.default = componentMeta;
+exports.HeaderNavigation = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.BreadcrumbsHeaderSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.BreadcrumbsHeader,
+};
+exports.PageNavigation = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.BreadcrumbsPagesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.BreadcrumbsPages,
+};
+exports.MultiStepNavigation = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.BreadcrumbsStepsSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.BreadcrumbsSteps,
+};
+exports.Ellipses = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.BreadcrumbsEllipsesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.BreadcrumbsEllipses,
+};
+//# sourceMappingURL=breadcrumbs.stories.js.map

package/lib/cjs/breadcrumbs/stories/breadcrumbs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,4CAA+C;AAG/C,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,mBAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,wBAAwB;CACM,CAAC;AAErC,kBAAe,aAAa,CAAC;AAGhB,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC"}

package/lib/cjs/breadcrumbs/stories/index.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsEllipsesSrc = exports.BreadcrumbsStepsSrc = exports.BreadcrumbsPagesSrc = exports.BreadcrumbsHeaderSrc = exports.BreadcrumbsEllipses = exports.BreadcrumbsSteps = exports.BreadcrumbsPages = exports.BreadcrumbsHeader = void 0;
+var breadcrumbs_header_story_1 = require("./breadcrumbs-header.story");
+Object.defineProperty(exports, "BreadcrumbsHeader", { enumerable: true, get: function () { return __importDefault(breadcrumbs_header_story_1).default; } });
+var breadcrumbs_pages_story_1 = require("./breadcrumbs-pages.story");
+Object.defineProperty(exports, "BreadcrumbsPages", { enumerable: true, get: function () { return __importDefault(breadcrumbs_pages_story_1).default; } });
+var breadcrumbs_steps_story_1 = require("./breadcrumbs-steps.story");
+Object.defineProperty(exports, "BreadcrumbsSteps", { enumerable: true, get: function () { return __importDefault(breadcrumbs_steps_story_1).default; } });
+var breadcrumbs_ellipses_story_1 = require("./breadcrumbs-ellipses.story");
+Object.defineProperty(exports, "BreadcrumbsEllipses", { enumerable: true, get: function () { return __importDefault(breadcrumbs_ellipses_story_1).default; } });
+const export_stories_utils_1 = require("../../_common/export-stories-utils");
+const breadcrumbs_ellipses_story_raw_1 = __importDefault(require("./breadcrumbs-ellipses.story?raw"));
+const breadcrumbs_header_story_raw_1 = __importDefault(require("./breadcrumbs-header.story?raw"));
+const breadcrumbs_pages_story_raw_1 = __importDefault(require("./breadcrumbs-pages.story?raw"));
+const breadcrumbs_steps_story_raw_1 = __importDefault(require("./breadcrumbs-steps.story?raw"));
+exports.BreadcrumbsHeaderSrc = (0, export_stories_utils_1.removeLicenseHeader)(breadcrumbs_header_story_raw_1.default);
+exports.BreadcrumbsPagesSrc = (0, export_stories_utils_1.removeLicenseHeader)(breadcrumbs_pages_story_raw_1.default);
+exports.BreadcrumbsStepsSrc = (0, export_stories_utils_1.removeLicenseHeader)(breadcrumbs_steps_story_raw_1.default);
+exports.BreadcrumbsEllipsesSrc = (0, export_stories_utils_1.removeLicenseHeader)(breadcrumbs_ellipses_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/breadcrumbs/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,uEAA0E;AAAjE,8IAAA,OAAO,OAAqB;AACrC,qEAAwE;AAA/D,4IAAA,OAAO,OAAoB;AACpC,qEAAwE;AAA/D,4IAAA,OAAO,OAAoB;AACpC,2EAA8E;AAArE,kJAAA,OAAO,OAAuB;AAEvC,6EAAyE;AACzE,sGAAyE;AACzE,kGAAqE;AACrE,gGAAmE;AACnE,gGAAmE;AAEtD,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,sCAAuB,CACxB,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,qCAAsB,CAAC,CAAC;AAElE,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,qCAAsB,CAAC,CAAC;AAElE,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,wCAAyB,CAC1B,CAAC"}

package/lib/cjs/button/ButtonBase.js

@@ -1,3 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,29 +36,13 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonBase = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const defaultImports_1 = require("../_common/defaultImports");
+const classnames_1 = __importDefault(require("classnames"));
 const loading_spinner_1 = require("../loading-spinner");
 const ButtonBase = (_a) => {
-    var { as, buttonVariant = 'filled', children, className, color = 'primary', htmlAttributes, isDisabled = false, isFloating = false, isFluid = false, isLoading = false, leadingIcon, onClick, ref, size = 'medium', style, type = 'button' } = _a, restProps = __rest(_a, ["as", "buttonVariant", "children", "className", "color", "htmlAttributes", "isDisabled", "isFloating", "isFluid", "isLoading", "leadingIcon", "onClick", "ref", "size", "style", "type"]);
+    var { as, buttonVariant = 'filled', children, className, color = 'primary', htmlAttributes, isDisabled = false, isFloating = false, isFluid = false, isLoading = false, leadingVisual, onClick, ref, size = 'medium', style, type = 'button' } = _a, restProps = __rest(_a, ["as", "buttonVariant", "children", "className", "color", "htmlAttributes", "isDisabled", "isFloating", "isFluid", "isLoading", "leadingVisual", "onClick", "ref", "size", "style", "type"]);
     const Component = as !== null && as !== void 0 ? as : 'button';
     const isInteractable = !isDisabled && !isLoading;
-    const classes = (0, defaultImports_1.classNames)(className, 'ndl-btn', {
+    const classes = (0, classnames_1.default)(className, 'ndl-btn', {
         'ndl-disabled': isDisabled,
         'ndl-floating': isFloating,
         'ndl-fluid': isFluid,
@@ -63,7 +65,7 @@ const ButtonBase = (_a) => {
             onClick(e);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ type: type, onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-btn-inner", children: [isLoading && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-btn-spinner-wrapper", children: (0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { size: size }) })), Boolean(leadingIcon) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-btn-leading-element", children: leadingIcon })), Boolean(children) && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-btn-content", children: children }))] }) })));
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ type: type, onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-btn-inner", children: [isLoading && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-btn-spinner-wrapper", children: (0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { size: size }) })), Boolean(leadingVisual) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-btn-leading-element", children: leadingVisual })), Boolean(children) && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-btn-content", children: children }))] }) })));
 };
 exports.ButtonBase = ButtonBase;
 //# sourceMappingURL=ButtonBase.js.map

package/lib/cjs/button/ButtonBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/button/ButtonBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,8DAAuD;AAKvD,wDAAoD;AAkD7C,MAAM,UAAU,GAAG,CAAyC,EAkBtB,EAAE,EAAE;QAlBkB,EACjE,EAAE,EACF,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,EACP,GAAG,EACH,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,IAAI,GAAG,QAAQ,OAE4B,EADxC,SAAS,cAjBqD,yLAkBlE,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IAEpD,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,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,aAAa,SAAS,CAAC,EAAE,aAAa;QAC9C,CAAC,OAAO,KAAK,EAAE,CAAC,EAAE,KAAK;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,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,iCAAK,SAAS,EAAC,eAAe,aAC3B,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAC,yBAAyB,YACvC,uBAAC,gCAAc,IAAC,IAAI,EAAE,IAAI,GAAI,GACzB,CACR,EACA,OAAO,CAAC,WAAW,CAAC,IAAI,CACvB,gCAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,CAC7D,EACA,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,iCAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,CACpD,IACG,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AA5EW,QAAA,UAAU,cA4ErB"}
+{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/button/ButtonBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAOpC,wDAAoD;AA0D7C,MAAM,UAAU,GAAG,CAAyC,EAkBtB,EAAE,EAAE;QAlBkB,EACjE,EAAE,EACF,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,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,OAE4B,EADxC,SAAS,cAjBqD,2LAkBlE,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IAEpD,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,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,aAAa,SAAS,CAAC,EAAE,aAAa;QAC9C,CAAC,OAAO,KAAK,EAAE,CAAC,EAAE,KAAK;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,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,iCAAK,SAAS,EAAC,eAAe,aAC3B,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAC,yBAAyB,YACvC,uBAAC,gCAAc,IAAC,IAAI,EAAE,IAAI,GAAI,GACzB,CACR,EACA,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,gCAAK,SAAS,EAAC,yBAAyB,YAAE,aAAa,GAAO,CAC/D,EACA,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,iCAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,CACpD,IACG,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AA5EW,QAAA,UAAU,cA4ErB"}

package/lib/cjs/button/stories/button-leading-icon.story.js

@@ -25,7 +25,7 @@ require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const icons_1 = require("@neo4j-ndl/react/icons");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.FilledButton, { leadingIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowDownTrayIconOutline, {}), children: "Download" }));
+    return ((0, jsx_runtime_1.jsx)(react_1.FilledButton, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.ArrowDownTrayIconOutline, {}), children: "Download" }));
 };
 exports.default = Component;
 //# sourceMappingURL=button-leading-icon.story.js.map