@neo4j-ndl/react 2.13.8 → 2.14.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 2.14.1
+
+### Patch Changes
+
+- Updated dependencies [[`f0fa91005a9252fcec465d52966d2e89729ff2fd`](https://github.com/neo4j/needle/commit/f0fa91005a9252fcec465d52966d2e89729ff2fd)]:
+  - @neo4j-ndl/base@2.10.1
+
+## 2.14.0
+
+### Minor Changes
+
+- [#922](https://github.com/neo4j/needle/pull/922) [`505543dbbaf89b59bbcd294527b52cad339882d9`](https://github.com/neo4j/needle/commit/505543dbbaf89b59bbcd294527b52cad339882d9) Thanks [@daugerdas](https://github.com/daugerdas)! - add callout component
+
+### Patch Changes
+
+- Updated dependencies [[`505543dbbaf89b59bbcd294527b52cad339882d9`](https://github.com/neo4j/needle/commit/505543dbbaf89b59bbcd294527b52cad339882d9)]:
+  - @neo4j-ndl/base@2.10.0
+
 ## 2.13.8
 
 ### Patch Changes

package/lib/cjs/callout/Callout.js

@@ -0,0 +1,86 @@
+"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.Callout = void 0;
+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/>.
+ */
+const react_1 = __importDefault(require("react"));
+const defaultImports_1 = require("../_common/defaultImports");
+const icons_1 = require("../icons");
+const typography_1 = require("../typography");
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+const getStatusIcon = (iconType) => {
+    let iconComponent;
+    switch (iconType) {
+        case 'important':
+            iconComponent = ((0, jsx_runtime_1.jsx)(icons_1.ExclamationTriangleIconOutline, { className: "ndl-callout-important-icon" }));
+            break;
+        case 'example':
+            iconComponent = ((0, jsx_runtime_1.jsx)(icons_1.BeakerIconOutline, { className: "ndl-callout-example-icon" }));
+            break;
+        case 'tip':
+            iconComponent = (0, jsx_runtime_1.jsx)(icons_1.LightBulbIconOutline, { className: "ndl-callout-tip-icon" });
+            break;
+        case 'note':
+        default:
+            iconComponent = ((0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, { className: "ndl-callout-note-icon" }));
+    }
+    return (0, jsx_runtime_1.jsx)("div", { className: "ndl-callout-icon", children: iconComponent });
+};
+/**
+ *
+ *
+ * Callout Component
+ *
+ *
+ */
+exports.Callout = react_1.default.forwardRef(function Callout(_a, ref) {
+    var { as, type = 'note', header = null, children, description = null, className } = _a, restProps = __rest(_a, ["as", "type", "header", "children", "description", "className"]);
+    const Component = as || 'div';
+    const classes = (0, defaultImports_1.classNames)('ndl-callout', className, {
+        'ndl-callout-note': type === 'note',
+        'ndl-callout-important': type === 'important',
+        'ndl-callout-example': type === 'example',
+        'ndl-callout-tip': type === 'tip',
+    });
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref }, restProps, { className: classes, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-callout-rectangle" }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-callout-wrapper", children: [getStatusIcon(type), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-callout-content", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "h6", className: "ndl-callout-title", children: type.toUpperCase() }), header && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-medium", className: "ndl-callout-header", children: header })), (description || children) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", className: "ndl-callout-description", children: children || description }))] })] })] })));
+});
+//# sourceMappingURL=Callout.js.map

package/lib/cjs/callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/callout/Callout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;AAEvD,oCAKkB;AAClB,8CAA2C;AAwB3C;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAqB,EAAE,EAAE;IAC9C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE;QAChB,KAAK,WAAW;YACd,aAAa,GAAG,CACd,uBAAC,sCAA8B,IAAC,SAAS,EAAC,4BAA4B,GAAG,CAC1E,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,CACd,uBAAC,yBAAiB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAC3D,CAAC;YACF,MAAM;QACR,KAAK,KAAK;YACR,aAAa,GAAG,uBAAC,4BAAoB,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YAC1E,MAAM;QACR,KAAK,MAAM,CAAC;QACZ;YACE,aAAa,GAAG,CACd,uBAAC,oCAA4B,IAAC,SAAS,EAAC,uBAAuB,GAAG,CACnE,CAAC;KACL;IAED,OAAO,gCAAK,SAAS,EAAC,kBAAkB,YAAE,aAAa,GAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;;;;;GAMG;AAEU,QAAA,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CACtD,EAQe,EACf,GAAgC;QAThC,EACE,EAAE,EACF,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,OAEI,EADV,SAAS,cAPd,gEAQC,CADa;IAId,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,aAAa,EAAE,SAAS,EAAE;QACnD,kBAAkB,EAAE,IAAI,KAAK,MAAM;QACnC,uBAAuB,EAAE,IAAI,KAAK,WAAW;QAC7C,qBAAqB,EAAE,IAAI,KAAK,SAAS;QACzC,iBAAiB,EAAE,IAAI,KAAK,KAAK;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,OAAO,aACpD,gCAAK,SAAS,EAAC,uBAAuB,GAAO,EAC7C,iCAAK,SAAS,EAAC,qBAAqB,aACjC,aAAa,CAAC,IAAI,CAAC,EACpB,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,uBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,YACnD,IAAI,CAAC,WAAW,EAAE,GACR,EACZ,MAAM,IAAI,CACT,uBAAC,uBAAU,IACT,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAC,oBAAoB,YAE7B,MAAM,GACI,CACd,EACA,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAC5B,uBAAC,uBAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,WAAW,GACb,CACd,IACG,IACF,KACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/cjs/callout/index.js

@@ -0,0 +1,38 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Callout"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/callout/index.js.map

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

package/lib/cjs/index.js

@@ -80,4 +80,5 @@ __exportStar(require("./inline-edit"), exports);
 __exportStar(require("./dropdown-button"), exports);
 __exportStar(require("./divider"), exports);
 __exportStar(require("./tree-view"), exports);
+__exportStar(require("./callout"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B;AAC5B,4CAA0B"}

package/lib/esm/callout/Callout.js

@@ -0,0 +1,80 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { classNames } from '../_common/defaultImports';
+import { InformationCircleIconOutline, ExclamationTriangleIconOutline, BeakerIconOutline, LightBulbIconOutline, } from '../icons';
+import { Typography } from '../typography';
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+const getStatusIcon = (iconType) => {
+    let iconComponent;
+    switch (iconType) {
+        case 'important':
+            iconComponent = (_jsx(ExclamationTriangleIconOutline, { className: "ndl-callout-important-icon" }));
+            break;
+        case 'example':
+            iconComponent = (_jsx(BeakerIconOutline, { className: "ndl-callout-example-icon" }));
+            break;
+        case 'tip':
+            iconComponent = _jsx(LightBulbIconOutline, { className: "ndl-callout-tip-icon" });
+            break;
+        case 'note':
+        default:
+            iconComponent = (_jsx(InformationCircleIconOutline, { className: "ndl-callout-note-icon" }));
+    }
+    return _jsx("div", { className: "ndl-callout-icon", children: iconComponent });
+};
+/**
+ *
+ *
+ * Callout Component
+ *
+ *
+ */
+export const Callout = React.forwardRef(function Callout(_a, ref) {
+    var { as, type = 'note', header = null, children, description = null, className } = _a, restProps = __rest(_a, ["as", "type", "header", "children", "description", "className"]);
+    const Component = as || 'div';
+    const classes = classNames('ndl-callout', className, {
+        'ndl-callout-note': type === 'note',
+        'ndl-callout-important': type === 'important',
+        'ndl-callout-example': type === 'example',
+        'ndl-callout-tip': type === 'tip',
+    });
+    return (_jsxs(Component, Object.assign({ ref: ref }, restProps, { className: classes, children: [_jsx("div", { className: "ndl-callout-rectangle" }), _jsxs("div", { className: "ndl-callout-wrapper", children: [getStatusIcon(type), _jsxs("div", { className: "ndl-callout-content", children: [_jsx(Typography, { variant: "h6", className: "ndl-callout-title", children: type.toUpperCase() }), header && (_jsx(Typography, { variant: "subheading-medium", className: "ndl-callout-header", children: header })), (description || children) && (_jsx(Typography, { variant: "body-medium", className: "ndl-callout-description", children: children || description }))] })] })] })));
+});
+//# sourceMappingURL=Callout.js.map

package/lib/esm/callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/callout/Callout.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,EAC9B,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwB3C;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAqB,EAAE,EAAE;IAC9C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE;QAChB,KAAK,WAAW;YACd,aAAa,GAAG,CACd,KAAC,8BAA8B,IAAC,SAAS,EAAC,4BAA4B,GAAG,CAC1E,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,CACd,KAAC,iBAAiB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAC3D,CAAC;YACF,MAAM;QACR,KAAK,KAAK;YACR,aAAa,GAAG,KAAC,oBAAoB,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YAC1E,MAAM;QACR,KAAK,MAAM,CAAC;QACZ;YACE,aAAa,GAAG,CACd,KAAC,4BAA4B,IAAC,SAAS,EAAC,uBAAuB,GAAG,CACnE,CAAC;KACL;IAED,OAAO,cAAK,SAAS,EAAC,kBAAkB,YAAE,aAAa,GAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CACtD,EAQe,EACf,GAAgC;QAThC,EACE,EAAE,EACF,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,OAEI,EADV,SAAS,cAPd,gEAQC,CADa;IAId,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QACnD,kBAAkB,EAAE,IAAI,KAAK,MAAM;QACnC,uBAAuB,EAAE,IAAI,KAAK,WAAW;QAC7C,qBAAqB,EAAE,IAAI,KAAK,SAAS;QACzC,iBAAiB,EAAE,IAAI,KAAK,KAAK;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,OAAO,aACpD,cAAK,SAAS,EAAC,uBAAuB,GAAO,EAC7C,eAAK,SAAS,EAAC,qBAAqB,aACjC,aAAa,CAAC,IAAI,CAAC,EACpB,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,YACnD,IAAI,CAAC,WAAW,EAAE,GACR,EACZ,MAAM,IAAI,CACT,KAAC,UAAU,IACT,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAC,oBAAoB,YAE7B,MAAM,GACI,CACd,EACA,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAC5B,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,WAAW,GACb,CACd,IACG,IACF,KACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/callout/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './Callout';
+//# sourceMappingURL=index.js.map

package/lib/esm/callout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/callout/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,WAAW,CAAC"}

package/lib/esm/index.js

@@ -64,4 +64,5 @@ export * from './inline-edit';
 export * from './dropdown-button';
 export * from './divider';
 export * from './tree-view';
+export * from './callout';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/lib/types/callout/Callout.d.ts

@@ -0,0 +1,48 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { type ElementBase } from '../helpers';
+/**
+ *
+ *
+ * Types
+ *
+ *
+ */
+export interface CalloutProps extends ElementBase<HTMLDivElement> {
+    /** Type of the callout */
+    type?: CalloutType;
+    /** Header of the callout */
+    header?: string | React.ReactNode;
+    /** Alternative for `description` */
+    children?: React.ReactNode;
+    /** Description of the callout. Will be ignored if `children` is passed */
+    description?: string | React.ReactNode;
+}
+export type CalloutType = 'note' | 'important' | 'example' | 'tip';
+/**
+ *
+ *
+ * Callout Component
+ *
+ *
+ */
+export declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<unknown>>;

package/lib/types/callout/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './Callout';

package/lib/types/index.d.ts

@@ -64,3 +64,4 @@ export * from './inline-edit';
 export * from './dropdown-button';
 export * from './divider';
 export * from './tree-view';
+export * from './callout';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "2.13.8",
+  "version": "2.14.1",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -44,8 +44,9 @@
     "pretest": "yarn run lint",
     "test": "yarn test:unit && yarn test:playwright",
     "test:unit": "vitest --run --typecheck",
-    "test:playwright": "playwright test -c playwright-component-testing.config.ts",
+    "test:playwright": "npx --no playwright test -c playwright-component-testing.config.ts",
     "build": "yarn build:esm && yarn build:cjs && yarn build:types",
+    "postinstall": "npx --no playwright install",
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "watch:esm": "tsc -p tsconfig.esm.json --watch",
@@ -55,7 +56,8 @@
     "lint": "eslint --ext .jsx,.tsx,.js,.ts src",
     "generate:all": "yarn generate:custom-icons && yarn generate:hero-icons",
     "generate:custom-icons": "svgr --template svgr-template.js --index-template svgr-index-template.js --icon --typescript --no-svgo --replace-attr-values '#535B66=currentColor' --jsx-runtime 'automatic' --out-dir ./src/icons/generated/custom -- ../base/src/icons",
-    "generate:hero-icons": "ts-node ./scripts/generatedHeroIcons.ts"
+    "generate:hero-icons": "ts-node ./scripts/generatedHeroIcons.ts",
+    "nuke:local": "npx --yes rimraf@5.0.5 .tsbuildinfo node_modules playwright-report test-results playwright/.cache"
   },
   "devDependencies": {
     "@axe-core/playwright": "4.9.0",
@@ -90,7 +92,7 @@
     "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^2.9.7",
+    "@neo4j-ndl/base": "^2.10.1",
     "@table-nav/core": "0.0.7",
     "@table-nav/react": "0.0.7",
     "@tanstack/react-table": "^8.9.3",