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

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-full.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAwB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAoB;QACxE,OAAO,CAAC,CAAC,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,eAAkC,EAAE,EAAE,CACtD,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,CAAC,WAAoB,EAAE,EAAE,CAChD,OAAO,CAAC,IAAI,CAAC,oBAAoB,WAAW,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,aAAa,EAAC,OAAO,EACrB,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAG,EAChD,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,EAChC,sBAAsB,EAAC,IAAI,YAE1B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,IACZ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion-full.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAoB;QACxE,OAAO,CAAC,CAAC,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,eAAkC,EAAE,EAAE,CACtD,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,CAAC,WAAoB,EAAE,EAAE,CAChD,OAAO,CAAC,IAAI,CAAC,oBAAoB,WAAW,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,aAAa,EAAC,UAAU,EACxB,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAG,EACnD,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,EAChC,sBAAsB,EAAC,SAAS,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,IACZ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/accordion/stories/accordion-multiple-expanded.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-multiple-expanded.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-multiple-expanded.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAoB;QACxE,OAAO,CAAC,CAAC,CAAC;QACV,OAAO,CAAC,CAAC,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,eAAkC,EAAE,EAAE,CACtD,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAEtC,OAAO,CACL,MAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,IACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion-multiple-expanded.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-multiple-expanded.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAoB;QACxE,OAAO,CAAC,CAAC,CAAC;QACV,OAAO,CAAC,CAAC,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,eAAkC,EAAE,EAAE,CACtD,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAEtC,OAAO,CACL,MAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,IACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/accordion/stories/accordion-right-content.story.js

@@ -26,7 +26,7 @@ const Component = () => {
     const itemIds = ['item-1', 'item-2', 'item-3', 'item-4'];
     const [expandedItemId, setExpandedItemId] = useState(undefined);
     const onChange = (expandedItemId) => setExpandedItemId(expandedItemId);
-    return (_jsxs(Accordion, { expandedItemId: expandedItemId, isMultiple: undefined, onChange: onChange, children: [_jsx(Accordion.CleanItem, { itemId: itemIds[0], title: `Accordion ${itemIds[0]}`, rightContent: _jsx(Checkbox, { label: "Right content" }), children: itemIds[0] }), _jsx(Accordion.CleanItem, { itemId: itemIds[1], title: `Accordion ${itemIds[1]}`, children: itemIds[1] }), _jsx(Accordion.CleanItem, { itemId: itemIds[2], title: `Accordion ${itemIds[2]}`, children: itemIds[2] }), _jsx(Accordion.CleanItem, { itemId: itemIds[3], title: `Accordion ${itemIds[3]}`, children: itemIds[3] })] }));
+    return (_jsxs(Accordion, { expandedItemId: expandedItemId, isMultiple: undefined, onChange: onChange, children: [_jsx(Accordion.CleanItem, { itemId: itemIds[0], title: `Accordion ${itemIds[0]}`, trailingContent: _jsx(Checkbox, { label: "Right content" }), children: itemIds[0] }), _jsx(Accordion.CleanItem, { itemId: itemIds[1], title: `Accordion ${itemIds[1]}`, children: itemIds[1] }), _jsx(Accordion.CleanItem, { itemId: itemIds[2], title: `Accordion ${itemIds[2]}`, children: itemIds[2] }), _jsx(Accordion.CleanItem, { itemId: itemIds[3], title: `Accordion ${itemIds[3]}`, children: itemIds[3] })] }));
 };
 export default Component;
 //# sourceMappingURL=accordion-right-content.story.js.map

package/lib/esm/accordion/stories/accordion-right-content.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-right-content.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-right-content.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAwB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,SAAS,CACV,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,cAAsC,EAAE,EAAE,CAC1D,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAEpC,OAAO,CACL,MAAC,SAAS,IACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,EAChC,YAAY,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAG,YAE/C,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,IACZ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion-right-content.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-right-content.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,SAAS,CACV,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,cAAsC,EAAE,EAAE,CAC1D,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAEpC,OAAO,CACL,MAAC,SAAS,IACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,EAChC,eAAe,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAG,YAElD,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,EACtB,KAAC,SAAS,CAAC,SAAS,IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YAE/B,OAAO,CAAC,CAAC,CAAC,GACS,IACZ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/accordion/stories/accordion-single-expanded.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-single-expanded.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-single-expanded.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,OAAO,CAAC,CAAC,CAAC,CACX,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,cAAsC,EAAE,EAAE,CAC1D,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAEpC,OAAO,CACL,MAAC,SAAS,IACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,IACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion-single-expanded.story.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion-single-expanded.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,OAAO,CAAC,CAAC,CAAC,CACX,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,cAAsC,EAAE,EAAE,CAC1D,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAEpC,OAAO,CACL,MAAC,SAAS,IACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,EAAE,YACjE,OAAO,CAAC,CAAC,CAAC,GACI,IACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/ai-presence/AiPresence.js

@@ -23,7 +23,7 @@ import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { Neo4JAiColorDarkIcon, Neo4JAiColorLightIcon } from '../icons';
 import { useNeedleTheme } from '../theme';
-const AiPresence = forwardRef(({ className, isThinking, style, htmlAttributes }, ref) => {
+const AiPresence = forwardRef(({ className, isThinking = false, style, htmlAttributes }, ref) => {
     const classes = classNames('ndl-ai-presence', className, {
         'ndl-thinking': isThinking === true,
     });

package/lib/esm/ai-presence/AiPresence.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiPresence.js","sourceRoot":"","sources":["../../../src/ai-presence/AiPresence.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAsB,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAa1C,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEnE,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"AiPresence.js","sourceRoot":"","sources":["../../../src/ai-presence/AiPresence.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAsB,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAa1C,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEnE,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -20,11 +20,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
-import { AiPresence, Button } from '@neo4j-ndl/react';
+import { AiPresence, FilledButton } from '@neo4j-ndl/react';
 import { useState } from 'react';
 const Component = () => {
     const [isThinking, setIsThinking] = useState(false);
-    return (_jsxs("div", { className: "n-flex n-gap-token-4", children: [_jsx(AiPresence, { className: "n-size-token-8", isThinking: isThinking }), _jsx(Button, { className: "n-w-fit", onClick: () => setIsThinking(!isThinking), children: isThinking ? 'Stop' : 'Animate' })] }));
+    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsx(AiPresence, { className: "n-size-token-32", isThinking: isThinking }), _jsx(FilledButton, { className: "n-w-fit", onClick: () => setIsThinking(!isThinking), children: isThinking ? 'Stop' : 'Animate' })] }));
 };
 export default Component;
 //# sourceMappingURL=ai-presence-default.story.js.map

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

@@ -1 +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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAE,UAAU,GAAI,EACjE,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,YAClE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GACzB,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ai-presence-default.story.js","sourceRoot":"","sources":["../../../../src/ai-presence/stories/ai-presence-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,UAAU,IAAC,SAAS,EAAC,iBAAiB,EAAC,UAAU,EAAE,UAAU,GAAI,EAClE,KAAC,YAAY,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,eAAe,SAAS,CAAC"}

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

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { AiPresence } from '@neo4j-ndl/react';
 // TODO: consider this story when happo is ready
 const Component = () => {
-    return _jsx(AiPresence, { isThinking: true, className: "n-size-token-8" });
+    return _jsx(AiPresence, { isThinking: true, className: "n-size-token-32" });
 };
 export default Component;
 //# sourceMappingURL=ai-presence-thinking.story.js.map

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

@@ -1 +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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,gDAAgD;AAChD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,UAAU,IAAC,UAAU,QAAC,SAAS,EAAC,gBAAgB,GAAG,CAAC;AAC9D,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ai-presence-thinking.story.js","sourceRoot":"","sources":["../../../../src/ai-presence/stories/ai-presence-thinking.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,gDAAgD;AAChD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,UAAU,IAAC,UAAU,QAAC,SAAS,EAAC,iBAAiB,GAAG,CAAC;AAC/D,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/avatar/Avatar.js

@@ -1,15 +1,3 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -30,99 +18,86 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  *  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';
+
+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, Fragment as _Fragment } from "react/jsx-runtime";
 import { classNames } from '../_common/defaultImports';
 import { UserIconOutline } from '../icons';
 import { Typography } from '../typography';
 function circleSizeFactory(size) {
     switch (size) {
+        case 'x-small':
         case 'small':
-            return {
-                cxAndCy: '4',
-                diameter: '8',
-                r: '2.75',
-                rUnknown: '8',
-                rUnknownInner: '5',
-            };
         case 'medium':
             return {
                 cxAndCy: '5',
                 diameter: '10',
-                r: '3.75',
-                rUnknown: '4.5',
-                rUnknownInner: '2',
+                rInner: '3',
+                rOuter: '4.5',
+                rUnknown: '1',
             };
         case 'large':
             return {
                 cxAndCy: '6',
                 diameter: '12',
-                r: '5',
-                rUnknown: '6',
-                rUnknownInner: '3',
+                rInner: '4',
+                rOuter: '6',
+                rUnknown: '2',
             };
         case 'x-large':
         default:
             return {
                 cxAndCy: '8',
                 diameter: '16',
-                r: '7',
-                rUnknown: '8',
-                rUnknownInner: '5',
+                rInner: '6',
+                rOuter: '8',
+                rUnknown: '4',
             };
     }
 }
 function StatusIndicator({ size, status, }) {
-    const { cxAndCy, diameter, r, rUnknown, rUnknownInner } = circleSizeFactory(size);
-    const statusClasses = `ndl-avatar-status ndl-avatar-status-${size}`;
-    const svgCircleClasses = classNames(`ndl-avatar-status-svg-${size}`, {
-        [`ndl-avatar-status-svg-unknown-${size}`]: status === 'unknown',
-        [`ndl-avatar-status-svg-${status}`]: status !== 'unknown',
-    });
-    return (_jsx("div", { "data-testid": "ndl-avatar-status", className: statusClasses, title: status.charAt(0).toUpperCase() + status.slice(1), role: "presentation", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: diameter, width: diameter, viewBox: `0 0 ${diameter} ${diameter}`, fill: "none", children: [status === 'unknown' && size !== 'small' && (_jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: rUnknown, className: "ndl-avatar-status-svg-unknown-inner" })), _jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: status === 'unknown' && size !== 'small' ? rUnknownInner : r, className: svgCircleClasses })] }) }));
+    const { cxAndCy, diameter, rInner, rOuter, rUnknown } = circleSizeFactory(size);
+    const statusClasses = `ndl-avatar-status ndl-avatar-status-${status}`;
+    return (_jsx("div", { className: statusClasses, title: status.charAt(0).toUpperCase() + status.slice(1), role: "presentation", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: diameter, width: diameter, viewBox: `0 0 ${diameter} ${diameter}`, fill: "none", children: [_jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: rOuter, className: "ndl-avatar-status-circle-outer" }), _jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: rInner, className: "ndl-avatar-status-circle-inner" }), status === 'unknown' && (_jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: rUnknown, className: "ndl-avatar-status-circle-unknown" }))] }) }));
 }
-export const defaultProps = {
-    as: 'div',
-    hasStatus: false,
-    isDisabled: false,
-    name: undefined,
-    shape: 'circle',
-    size: 'medium',
-    source: undefined,
-    status: undefined,
-    type: 'image',
-};
-export const Avatar = React.forwardRef(function Avatar(_a, ref) {
-    var { as = defaultProps.as, hasStatus = defaultProps.hasStatus, isDisabled = defaultProps.isDisabled, name = defaultProps.name, shape = defaultProps.shape, size = defaultProps.size, source = defaultProps.source, status = defaultProps.status, type: initialType = defaultProps.type, className, style, htmlAttributes } = _a, restProps = __rest(_a, ["as", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type", "className", "style", "htmlAttributes"]);
+export 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"]);
     // If source is not provided, fallback to icon
-    const type = initialType === 'image' && !source ? 'icon' : initialType;
-    const Component = as || defaultProps.as;
+    const type = initialType === 'image' && (source === undefined || source === '')
+        ? 'icon'
+        : initialType;
+    const Component = as !== null && as !== void 0 ? as : 'div';
     const isButton = Component === 'button';
     const classes = classNames(`ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`, className);
     const shapeClasses = classNames(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
         'ndl-avatar-disabled': isDisabled,
     });
     const typeClass = `ndl-avatar-${type}`;
-    const typeSizeClass = `ndl-avatar-${type}-${size}`;
     const renderImageType = () => (_jsxs(_Fragment, { children: [_jsx("img", { "data-testid": "ndl-avatar-image", src: source, alt: name }), _jsx("div", { "data-testid": "ndl-avatar-image-overlay", className: `${shapeClasses} ndl-avatar-image-overlay` })] }));
-    const renderIconType = () => (_jsx(UserIconOutline, { "data-testid": "ndl-avatar-icon", className: typeSizeClass }));
+    const renderIconType = () => _jsx(UserIconOutline, {});
     const renderLettersType = () => {
-        const typographyVariant = size === 'small'
-            ? 'body-small'
-            : size === 'large' || size === 'x-large'
-                ? 'subheading-small'
-                : 'body-medium';
-        return (_jsx(Typography, { "data-testid": "ndl-avatar-letters", variant: typographyVariant, className: typeSizeClass, children: name }));
+        return (_jsx(Typography, { variant: 'subheading-small', className: "ndl-avatar-typography", children: name }));
     };
     const TypeComponent = type === 'image'
         ? renderImageType()
         : type === 'icon'
             ? renderIconType()
-            : type === 'letters' && name
+            : type === 'letters' && Boolean(name)
                 ? renderLettersType()
                 : null;
-    const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
+    const isStatusIndicatorVisible = hasStatus && !isDisabled && status !== undefined;
     return (_jsxs(Component, Object.assign({ ref: ref, className: classes, style: style, "aria-hidden": !isButton }, (isButton && {
         disabled: isDisabled,
     }), { "aria-label": `Avatar ${name}` }, restProps, htmlAttributes, { children: [_jsx("div", { className: classNames(shapeClasses, typeClass), "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && (_jsx(StatusIndicator, { size: size, status: status }))] })));
-});
+};
 //# sourceMappingURL=Avatar.js.map

package/lib/esm/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/esm/avatar/stories/avatar-shapes.story.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-shapes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-shapes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,EACzB,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"avatar-shapes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-shapes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,EACzB,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-sizes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,EACxB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"avatar-sizes.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,EACxB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-statuses.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-statuses.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,GAAI,EAC5B,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,QAAQ,GAAG,EACpC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,EACrC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,IACjC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"avatar-statuses.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-statuses.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,GAAI,EAC5B,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,QAAQ,GAAG,EACpC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,EACrC,KAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,SAAS,GAAG,IACjC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-types.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-types.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,EACnC,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,uIAAuI,GAC9I,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"avatar-types.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-types.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,EACnC,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,uIAAuI,GAC9I,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/banner/Banner.js

@@ -1,15 +1,3 @@
-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"
@@ -30,12 +18,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  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, { useEffect } from 'react';
+
+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";
+import { useEffect } from 'react';
 import { classNames } from '../_common/defaultImports';
 import { needleWarningMessage } from '../_common/utils';
-import { Button } from '../button';
-import { IconButton } from '../icon-button';
-import { CheckCircleIconSolid, ExclamationCircleIconSolid, ExclamationTriangleIconSolid, InformationCircleIconSolid, XMarkIconOutline, } from '../icons';
+import { CleanIconButton } from '../clean-icon-button';
+import { BoltIconOutline, CheckCircleIconSolid, ExclamationCircleIconSolid, ExclamationTriangleIconSolid, InformationCircleIconSolid, XMarkIconOutline, } from '../icons';
+import { OutlinedButton } from '../outlined-button';
+import { TextButton } from '../text-button';
 import { Typography } from '../typography';
 /**
  *
@@ -45,9 +47,6 @@ import { Typography } from '../typography';
  *
  */
 const StatusIcon = ({ type }) => {
-    if (type === 'neutral') {
-        return null;
-    }
     const iconComponent = (() => {
         switch (type) {
             case 'success':
@@ -58,26 +57,16 @@ const StatusIcon = ({ type }) => {
                 return _jsx(ExclamationCircleIconSolid, {});
             case 'info':
                 return _jsx(InformationCircleIconSolid, {});
+            case 'neutral':
+                return _jsx(BoltIconOutline, {});
             default:
                 return null;
         }
     })();
     return (_jsx("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
 };
-const BannerActions = React.forwardRef(function BannerActions(_a, ref) {
-    var { label, disabled, fill = 'text', as, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["label", "disabled", "fill", "as", "htmlAttributes", "style", "className"]);
-    // If statement used because typescript doesn't like the combination of the as and fill properties
-    if (fill === 'text') {
-        return (_jsx(Button, Object.assign({}, restProps, { fill: "text", isDisabled: disabled, size: "small", as: as || 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
-    }
-    else {
-        return (_jsx(Button, Object.assign({}, restProps, { fill: "outlined", isDisabled: disabled, size: "small", as: as || 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
-    }
-});
-const Banner = React.forwardRef(function Banner({ as, type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className = '', children = null, isCloseable = false, usage = 'inline', htmlAttributes, 
-// TODO v4: Change default to false for isAlert
-isAlert = true, }, ref) {
-    const Element = as || 'div';
+export 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';
     useEffect(() => {
         if (typeof title !== 'string' && !name && isCloseable) {
             needleWarningMessage('Banner Component expected `name` prop when title is not a string: https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name?application=axeAPI');
@@ -86,7 +75,7 @@ isAlert = true, }, ref) {
     if (typeof title === 'string' && !name) {
         name = title;
     }
-    const classes = classNames('ndl-banner', {
+    const classes = classNames('ndl-banner', className, {
         'ndl-with-description': description,
         'ndl-with-title': title,
         'ndl-neutral': type === 'neutral',
@@ -96,18 +85,23 @@ isAlert = true, }, ref) {
         'ndl-danger': type === 'danger',
         'ndl-global': usage === 'global',
         'ndl-inline': usage === 'inline',
-        'ndl-full-width': usage === 'full-width',
-        [className]: className && className !== '',
     });
     const handleClose = (e) => {
         if (onClose && typeof onClose === 'function') {
             onClose(e);
         }
     };
-    return (_jsxs(Element, Object.assign({ className: classes, role: isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined, title: name, ref: ref }, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { type: type }), _jsxs("div", { className: "ndl-banner-content", children: [_jsxs("div", { className: "ndl-banner-title-description", children: [title && (_jsx(Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && (_jsx(Typography, { variant: "body-medium", as: "div", className: "ndl-banner-description", children: children || description }))] }), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && (_jsx(IconButton, { isClean: true, size: "small", onKeyDown: handleClose, onClick: handleClose, ariaLabel: "close banner", className: "ndl-banner-icon ndl-close-icon", children: _jsx(XMarkIconOutline, {}) }))] })));
-});
-// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
-const BannerNamespace = Object.assign(Banner, { Actions: BannerActions });
-BannerNamespace.displayName = 'Banner';
-export { BannerNamespace as Banner };
+    return (_jsxs(Element, Object.assign({ className: classes, role: isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined, title: name, ref: ref }, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { type: type }), _jsxs("div", { className: "ndl-banner-content", children: [_jsxs("div", { className: "ndl-banner-title-description", children: [title && (_jsx(Typography, { variant: "title-4", as: "span", className: "ndl-banner-title", children: title })), (description || children) && (_jsx(Typography, { variant: "body-medium", as: "div", className: "ndl-banner-description", children: children || description }))] }), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && (_jsx(CleanIconButton, { size: "small", onKeyDown: handleClose, onClick: handleClose, tooltip: "Close", className: "ndl-banner-icon ndl-close-icon", children: _jsx(XMarkIconOutline, {}) }))] })));
+};
+export 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 (_jsx(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 (_jsx(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 })));
+    }
+};
+Banner.Actions = BannerActions;
 //# sourceMappingURL=Banner.js.map

package/lib/esm/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/esm/banner/stories/banner-types.story.js

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

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

@@ -26,12 +26,12 @@ const Component = () => {
             {
                 label: 'Primary action',
                 onClick: () => alert('Action clicked'),
-                fill: 'outlined',
+                variant: 'outlined-button',
             },
             {
                 label: 'Secondary action',
                 onClick: () => alert('Action clicked'),
-                fill: 'text',
+                variant: 'text-button',
             },
         ], children: "Banner description" }));
 };

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,gBAAgB;gBACvB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,IAAI,EAAE,UAAU;aACjB;YACD;gBACE,KAAK,EAAE,kBAAkB;gBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,IAAI,EAAE,MAAM;aACb;SACF,mCAGM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,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,eAAe,SAAS,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"banner-with-icons.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-with-icons.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,mEAE7C,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,sEAEhD,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,sEAEhD,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,qEAE/C,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"banner-with-icons.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-with-icons.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,mEAE7C,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,sEAEhD,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,sEAEhD,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,qEAE/C,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,sEAEhD,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/banner/stories/banner-without-title.story.js

@@ -26,7 +26,7 @@ const Component = () => {
             {
                 label: 'Action',
                 onClick: () => alert('Action clicked'),
-                fill: 'outlined',
+                variant: 'outlined-button',
             },
         ], children: ["A banner with only description, be sure to pass a ", _jsx("b", { children: "name" }), " property for accessibility"] }));
 };

package/lib/esm/banner/stories/banner-without-title.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner-without-title.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-without-title.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,IAAI,EAAE,UAAU;aACjB;SACF,mEAEiD,+BAAW,mCAEtD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"banner-without-title.story.js","sourceRoot":"","sources":["../../../../src/banner/stories/banner-without-title.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,OAAO,EAAE,iBAAiB;aAC3B;SACF,mEAEiD,+BAAW,mCAEtD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}