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

package/lib/cjs/ai/presence/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ai/presence/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,6CAA2B"}

package/lib/cjs/ai/presence/stories/ai-presence-default.story.js

@@ -0,0 +1,33 @@
+"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 ai_1 = require("@neo4j-ndl/react/ai");
+const react_2 = require("react");
+const Component = () => {
+    const [isThinking, setIsThinking] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(ai_1.Presence, { className: "n-size-token-32", isThinking: isThinking }), (0, jsx_runtime_1.jsx)(react_1.FilledButton, { className: "n-w-fit", onClick: () => setIsThinking(!isThinking), children: isThinking ? 'Stop' : 'Animate' })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=ai-presence-default.story.js.map

package/lib/cjs/ai/presence/stories/ai-presence-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-presence-default.story.js","sourceRoot":"","sources":["../../../../../src/ai/presence/stories/ai-presence-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgD;AAChD,4CAA+C;AAC/C,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,iCAAK,SAAS,EAAC,sBAAsB,aACnC,uBAAC,aAAQ,IAAC,SAAS,EAAC,iBAAiB,EAAC,UAAU,EAAE,UAAU,GAAI,EAChE,uBAAC,oBAAY,IACX,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,YAExC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GACnB,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/ai/presence/stories/ai-presence-thinking.story.js

@@ -0,0 +1,31 @@
+"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 ai_1 = require("@neo4j-ndl/react/ai");
+// TODO: consider this story when happo is ready
+const Component = () => {
+    return (0, jsx_runtime_1.jsx)(ai_1.Presence, { isThinking: true, className: "n-size-token-32" });
+};
+exports.default = Component;
+//# sourceMappingURL=ai-presence-thinking.story.js.map

package/lib/cjs/ai/presence/stories/ai-presence-thinking.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-presence-thinking.story.js","sourceRoot":"","sources":["../../../../../src/ai/presence/stories/ai-presence-thinking.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,gDAAgD;AAChD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,uBAAC,aAAQ,IAAC,UAAU,QAAC,SAAS,EAAC,iBAAiB,GAAG,CAAC;AAC7D,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/ai/presence/stories/ai-presence.stories.js

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

package/lib/cjs/ai/presence/stories/ai-presence.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-presence.stories.js","sourceRoot":"","sources":["../../../../../src/ai/presence/stories/ai-presence.stories.tsx"],"names":[],"mappings":";;;;AAsBA,0CAAuC;AACvC,wBAAwD;AAExD,MAAM,aAAa,GAA0B;IAC3C,SAAS,EAAE,mBAAQ;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;IACD,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAIhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC"}

package/lib/cjs/ai/presence/stories/index.js

@@ -0,0 +1,36 @@
+"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.PresenceThinkingSrc = exports.PresenceDefaultSrc = exports.PresenceThinking = exports.PresenceDefault = void 0;
+var ai_presence_default_story_1 = require("./ai-presence-default.story");
+Object.defineProperty(exports, "PresenceDefault", { enumerable: true, get: function () { return __importDefault(ai_presence_default_story_1).default; } });
+var ai_presence_thinking_story_1 = require("./ai-presence-thinking.story");
+Object.defineProperty(exports, "PresenceThinking", { enumerable: true, get: function () { return __importDefault(ai_presence_thinking_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const ai_presence_default_story_raw_1 = __importDefault(require("./ai-presence-default.story?raw"));
+const ai_presence_thinking_story_raw_1 = __importDefault(require("./ai-presence-thinking.story?raw"));
+exports.PresenceDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(ai_presence_default_story_raw_1.default);
+exports.PresenceThinkingSrc = (0, export_stories_utils_1.removeLicenseHeader)(ai_presence_thinking_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/presence/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/presence/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,yEAAyE;AAAhE,6IAAA,OAAO,OAAmB;AACnC,2EAA2E;AAAlE,+IAAA,OAAO,OAAoB;AAEpC,wFAAoF;AAEpF,oGAAoE;AACpE,sGAAsE;AAEzD,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,uCAAqB,CAAC,CAAC;AAChE,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,wCAAsB,CAAC,CAAC"}

package/lib/cjs/avatar/Avatar.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.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,23 +36,7 @@
  *  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.Avatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const defaultImports_1 = require("../_common/defaultImports");
+const classnames_1 = __importDefault(require("classnames"));
 const icons_1 = require("../icons");
 const typography_1 = require("../typography");
 function circleSizeFactory(size) {
@@ -43,35 +45,26 @@ function circleSizeFactory(size) {
         case 'small':
         case 'medium':
             return {
-                cxAndCy: '5',
-                diameter: '10',
-                rInner: '3',
-                rOuter: '4.5',
-                rUnknown: '1',
+                cxAndCy: 4.5,
+                diameter: 9,
+                rInner: 3,
+                rOuter: 4.5,
             };
         case 'large':
-            return {
-                cxAndCy: '6',
-                diameter: '12',
-                rInner: '4',
-                rOuter: '6',
-                rUnknown: '2',
-            };
         case 'x-large':
         default:
             return {
-                cxAndCy: '8',
-                diameter: '16',
-                rInner: '6',
-                rOuter: '8',
-                rUnknown: '4',
+                cxAndCy: 6,
+                diameter: 12,
+                rInner: 4,
+                rOuter: 6,
             };
     }
 }
 function StatusIndicator({ size, status, }) {
-    const { cxAndCy, diameter, rInner, rOuter, rUnknown } = circleSizeFactory(size);
+    const { cxAndCy, diameter, rInner, rOuter } = circleSizeFactory(size);
     const statusClasses = `ndl-avatar-status ndl-avatar-status-${status}`;
-    return ((0, jsx_runtime_1.jsx)("div", { className: statusClasses, title: status.charAt(0).toUpperCase() + status.slice(1), role: "presentation", children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: diameter, width: diameter, viewBox: `0 0 ${diameter} ${diameter}`, fill: "none", children: [(0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: rOuter, className: "ndl-avatar-status-circle-outer" }), (0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: rInner, className: "ndl-avatar-status-circle-inner" }), status === 'unknown' && ((0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: rUnknown, className: "ndl-avatar-status-circle-unknown" }))] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: statusClasses, title: status.charAt(0).toUpperCase() + status.slice(1), role: "presentation", children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: diameter, width: diameter, viewBox: `0 0 ${diameter} ${diameter}`, fill: "none", children: [(0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: rOuter, className: "ndl-avatar-status-circle-outer" }), (0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: status === 'unknown' ? rInner - 1 : rInner, className: "ndl-avatar-status-circle-inner" })] }) }));
 }
 const Avatar = (_a) => {
     var { as, hasStatus = false, isDisabled = false, name, shape = 'circle', size = 'medium', source, status, type: initialType = 'image', className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type", "className", "style", "htmlAttributes", "ref"]);
@@ -81,8 +74,8 @@ const Avatar = (_a) => {
         : initialType;
     const Component = as !== null && as !== void 0 ? as : 'div';
     const isButton = Component === 'button';
-    const classes = (0, defaultImports_1.classNames)(`ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`, className);
-    const shapeClasses = (0, defaultImports_1.classNames)(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
+    const classes = (0, classnames_1.default)(`ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`, className);
+    const shapeClasses = (0, classnames_1.default)(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
         'ndl-avatar-disabled': isDisabled,
     });
     const typeClass = `ndl-avatar-${type}`;
@@ -101,7 +94,7 @@ const Avatar = (_a) => {
     const isStatusIndicatorVisible = hasStatus && !isDisabled && status !== undefined;
     return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes, style: style, "aria-hidden": !isButton }, (isButton && {
         disabled: isDisabled,
-    }), { "aria-label": `Avatar ${name}` }, restProps, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, defaultImports_1.classNames)(shapeClasses, typeClass), "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && ((0, jsx_runtime_1.jsx)(StatusIndicator, { size: size, status: status }))] })));
+    }), { "aria-label": `Avatar ${name}` }, restProps, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(shapeClasses, typeClass), children: TypeComponent }), isStatusIndicatorVisible && ((0, jsx_runtime_1.jsx)(StatusIndicator, { size: size, status: status }))] })));
 };
 exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.js.map

package/lib/cjs/avatar/Avatar.js.map

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

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

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

package/lib/cjs/avatar/stories/avatar-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-sizes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,cAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,uBAAC,cAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,EACxB,uBAAC,cAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,uBAAC,cAAM,IAAC,IAAI,EAAC,SAAS,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"avatar-sizes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,cAAM,IAAC,IAAI,EAAC,SAAS,GAAG,EACzB,uBAAC,cAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,uBAAC,cAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,EACxB,uBAAC,cAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,uBAAC,cAAM,IAAC,IAAI,EAAC,SAAS,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/banner/Banner.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.Banner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,40 +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.BannerActions = exports.Banner = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const defaultImports_1 = require("../_common/defaultImports");
-const utils_1 = require("../_common/utils");
+const classnames_1 = __importDefault(require("classnames"));
 const clean_icon_button_1 = require("../clean-icon-button");
 const icons_1 = require("../icons");
-const outlined_button_1 = require("../outlined-button");
-const text_button_1 = require("../text-button");
 const typography_1 = require("../typography");
-/**
- *
- *
- * Helpers
- *
- *
- */
-const StatusIcon = ({ type }) => {
+const StatusIcon = ({ variant }) => {
     const iconComponent = (() => {
-        switch (type) {
+        switch (variant) {
             case 'success':
                 return (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, {});
             case 'warning':
@@ -66,47 +57,45 @@ const StatusIcon = ({ type }) => {
                 return null;
         }
     })();
-    return ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
+    return (0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-status-icon", children: iconComponent });
 };
-const Banner = ({ as, type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className, children = null, isCloseable = false, usage = 'inline', htmlAttributes, isAlert = false, ref, }) => {
-    const Element = as !== null && as !== void 0 ? as : 'div';
-    (0, react_1.useEffect)(() => {
-        if (typeof title !== 'string' && !name && isCloseable) {
-            (0, utils_1.needleWarningMessage)('Banner Component expected `name` prop when title is not a string: https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name?application=axeAPI');
-        }
-    }, [title, name, isCloseable]);
-    if (typeof title === 'string' && !name) {
-        name = title;
-    }
-    const classes = (0, defaultImports_1.classNames)('ndl-banner', className, {
-        'ndl-with-description': description,
-        'ndl-with-title': title,
-        'ndl-neutral': type === 'neutral',
-        'ndl-info': type === 'info',
-        'ndl-success': type === 'success',
-        'ndl-warning': type === 'warning',
-        'ndl-danger': type === 'danger',
+const BannerHeader = (_a) => {
+    var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
+    const classes = (0, classnames_1.default)('ndl-banner-header', className);
+    return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ as: "span", variant: "title-4", className: classes, style: style, ref: ref, htmlAttributes: htmlAttributes }, restProps, { children: children })));
+};
+const BannerDescription = (_a) => {
+    var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
+    const classes = (0, classnames_1.default)('ndl-banner-description', className);
+    return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ as: "div", variant: "body-medium", className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: children })));
+};
+const BannerActions = (_a) => {
+    var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
+    const classes = (0, classnames_1.default)('ndl-banner-actions', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: children })));
+};
+const BannerComponent = ({ as, variant = 'info', hasIcon = false, onClose, className, children, isCloseable = false, usage = 'inline', htmlAttributes, isAlert = false, ref, }) => {
+    const Element = as !== null && as !== void 0 ? as : 'section';
+    const classes = (0, classnames_1.default)('ndl-banner', className, {
+        'ndl-danger': variant === 'danger',
         'ndl-global': usage === 'global',
+        'ndl-info': variant === 'info',
         'ndl-inline': usage === 'inline',
+        'ndl-neutral': variant === 'neutral',
+        'ndl-success': variant === 'success',
+        'ndl-warning': variant === 'warning',
     });
     const handleClose = (e) => {
         if (onClose && typeof onClose === 'function') {
             onClose(e);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ className: classes, role: isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined, title: name, ref: ref }, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { type: type }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-title-description", children: [title && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "title-4", as: "span", className: "ndl-banner-title", children: title })), (description || children) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", as: "div", className: "ndl-banner-description", children: children || description }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-actions", children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(exports.BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { size: "small", onKeyDown: handleClose, onClick: handleClose, tooltip: "Close", className: "ndl-banner-icon ndl-close-icon", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ className: classes, role: isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined, ref: ref }, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { variant: variant }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-content", children: children }), isCloseable && ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { size: "small", onClick: handleClose, description: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
 };
+const Banner = Object.assign(BannerComponent, {
+    Actions: BannerActions,
+    Description: BannerDescription,
+    Header: BannerHeader,
+});
 exports.Banner = Banner;
-const BannerActions = (_a) => {
-    var { label, disabled, variant = 'text-button', as, htmlAttributes, style, className, ref } = _a, restProps = __rest(_a, ["label", "disabled", "variant", "as", "htmlAttributes", "style", "className", "ref"]);
-    // If statement used because typescript doesn't like the combination of the as and fill properties
-    if (variant === 'text-button') {
-        return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, Object.assign({}, restProps, { isDisabled: disabled, size: "small", as: as !== null && as !== void 0 ? as : 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsx)(outlined_button_1.OutlinedButton, Object.assign({}, restProps, { isDisabled: disabled, size: "small", as: as !== null && as !== void 0 ? as : 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
-    }
-};
-exports.BannerActions = BannerActions;
-exports.Banner.Actions = exports.BannerActions;
 //# sourceMappingURL=Banner.js.map

package/lib/cjs/banner/Banner.js.map

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

package/lib/cjs/banner/stories/banner-closeable.story.js

@@ -24,7 +24,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Banner, { title: "Banner title", isCloseable: true, onClose: () => alert('Banner component close icon clicked'), children: "Banner description" }));
+    const title = 'Banner title';
+    return ((0, jsx_runtime_1.jsxs)(react_1.Banner, { isCloseable: true, onClose: () => alert('Banner component close icon clicked'), children: [(0, jsx_runtime_1.jsx)(react_1.Banner.Header, { children: title }), (0, jsx_runtime_1.jsx)(react_1.Banner.Description, { children: "Banner description" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=banner-closeable.story.js.map

package/lib/cjs/banner/stories/banner-closeable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner-closeable.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-closeable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,cAAc,EACpB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,qCAAqC,CAAC,mCAGpD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"banner-closeable.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-closeable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,cAAc,CAAC;IAC7B,OAAO,CACL,wBAAC,cAAM,IACL,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,qCAAqC,CAAC,aAE3D,uBAAC,cAAM,CAAC,MAAM,cAAE,KAAK,GAAiB,EACtC,uBAAC,cAAM,CAAC,WAAW,qCAAwC,IACpD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/banner/stories/banner-global.story.js

@@ -24,7 +24,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Banner, { title: "Banner title", usage: "global", children: "Banner description" }));
+    const title = 'Banner title';
+    return ((0, jsx_runtime_1.jsxs)(react_1.Banner, { usage: "global", children: [(0, jsx_runtime_1.jsx)(react_1.Banner.Header, { children: title }), (0, jsx_runtime_1.jsx)(react_1.Banner.Description, { children: "Banner description" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=banner-global.story.js.map

package/lib/cjs/banner/stories/banner-global.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner-global.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-global.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,QAAQ,mCAElC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"banner-global.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-global.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,cAAc,CAAC;IAC7B,OAAO,CACL,wBAAC,cAAM,IAAC,KAAK,EAAC,QAAQ,aACpB,uBAAC,cAAM,CAAC,MAAM,cAAE,KAAK,GAAiB,EACtC,uBAAC,cAAM,CAAC,WAAW,qCAAwC,IACpD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/banner/stories/banner-variants.story.js

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

package/lib/cjs/banner/stories/banner-variants.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-variants.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-variants.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,wBAAC,cAAM,IAAC,OAAO,EAAC,MAAM,aACpB,uBAAC,cAAM,CAAC,MAAM,uBAAqB,EACnC,uBAAC,cAAM,CAAC,WAAW,iDAAoD,IAChE,EACT,wBAAC,cAAM,IAAC,OAAO,EAAC,SAAS,aACvB,uBAAC,cAAM,CAAC,MAAM,0BAAwB,EACtC,uBAAC,cAAM,CAAC,WAAW,oDAEE,IACd,EACT,wBAAC,cAAM,IAAC,OAAO,EAAC,SAAS,aACvB,uBAAC,cAAM,CAAC,MAAM,0BAAwB,EACtC,uBAAC,cAAM,CAAC,WAAW,oDAEE,IACd,EACT,wBAAC,cAAM,IAAC,OAAO,EAAC,QAAQ,aACtB,uBAAC,cAAM,CAAC,MAAM,yBAAuB,EACrC,uBAAC,cAAM,CAAC,WAAW,mDAEE,IACd,EACT,wBAAC,cAAM,IAAC,OAAO,EAAC,SAAS,aACvB,uBAAC,cAAM,CAAC,MAAM,0BAAwB,EACtC,uBAAC,cAAM,CAAC,WAAW,oDAEE,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/banner/stories/banner-with-actions.story.js

@@ -24,18 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Banner, { title: "Banner title", actions: [
-            {
-                label: 'Primary action',
-                onClick: () => alert('Action clicked'),
-                variant: 'outlined-button',
-            },
-            {
-                label: 'Secondary action',
-                onClick: () => alert('Action clicked'),
-                variant: 'text-button',
-            },
-        ], children: "Banner description" }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Banner, { hasIcon: true, children: [(0, jsx_runtime_1.jsx)(react_1.Banner.Header, { children: "Banner title" }), (0, jsx_runtime_1.jsx)(react_1.Banner.Description, { children: "Banner description" }), (0, jsx_runtime_1.jsxs)(react_1.Banner.Actions, { children: [(0, jsx_runtime_1.jsx)(react_1.OutlinedButton, { children: "Primary action" }), (0, jsx_runtime_1.jsx)(react_1.TextButton, { children: "Secondary action" })] })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=banner-with-actions.story.js.map

package/lib/cjs/banner/stories/banner-with-actions.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner-with-actions.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-with-actions.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,gBAAgB;gBACvB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,OAAO,EAAE,iBAAiB;aAC3B;YACD;gBACE,KAAK,EAAE,kBAAkB;gBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,OAAO,EAAE,aAAa;aACvB;SACF,mCAGM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"banner-with-actions.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-with-actions.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsE;AAEtE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,cAAM,IAAC,OAAO,EAAE,IAAI,aACnB,uBAAC,cAAM,CAAC,MAAM,+BAA6B,EAC3C,uBAAC,cAAM,CAAC,WAAW,qCAAwC,EAC3D,wBAAC,cAAM,CAAC,OAAO,eACb,uBAAC,sBAAc,iCAAgC,EAC/C,uBAAC,kBAAU,mCAA8B,IAC1B,IACV,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}