@nulogy/components 6.6.1 → 6.6.4

package/dist/main.js

@@ -16203,7 +16203,7 @@
 
     return /*#__PURE__*/React__default['default'].createElement(WrapperButton$1, Object.assign({
       ref: forwardedRef,
-      "aria-label": children,
+      "aria-label": props["aria-label"] ? props["aria-label"] : typeof children === "string" ? children : undefined,
       className: className
     }, props), /*#__PURE__*/React__default['default'].createElement(Manager$2, null, /*#__PURE__*/React__default['default'].createElement(Reference$2, null, function (_ref4) {
       var ref = _ref4.ref;
@@ -43626,7 +43626,7 @@
       var error;
 
       if (endDate && startDate) {
-        if (isBefore$1(endDate, startDate)) {
+        if (isBefore$1(endDate, startDate) && (showTimes || !isSameDay$1(endDate, startDate))) {
           error = "end date is before start date";
         }
 
@@ -43914,9 +43914,7 @@
         viewBox: "0 0 100 10",
         preserveAspectRatio: "xMidYMid",
         role: "img"
-      }, /*#__PURE__*/React__default['default'].createElement("title", {
-        id: "lightbulb11"
-      }, "Loading animation"), /*#__PURE__*/React__default['default'].createElement("g", {
+      }, /*#__PURE__*/React__default['default'].createElement("title", null, "Loading animation"), /*#__PURE__*/React__default['default'].createElement("g", {
         transform: "translate(4 5)"
       }, /*#__PURE__*/React__default['default'].createElement("circle", {
         cx: "0",
@@ -52665,8 +52663,16 @@
       }
     }, /*#__PURE__*/React__default['default'].createElement(Flex, {
       justifyContent: "space-between",
-      alignItems: "flex-start"
-    }, /*#__PURE__*/React__default['default'].createElement(Box, null, title && /*#__PURE__*/React__default['default'].createElement(Heading3, null, title)), !hideCloseButton && /*#__PURE__*/React__default['default'].createElement(Box, null, /*#__PURE__*/React__default['default'].createElement(IconicButton, {
+      alignItems: "flex-start",
+      pb: "x3"
+    }, title && /*#__PURE__*/React__default['default'].createElement(Flex, {
+      alignItems: "center",
+      height: "100%"
+    }, /*#__PURE__*/React__default['default'].createElement(Heading3, {
+      mb: 0
+    }, title)), !hideCloseButton && /*#__PURE__*/React__default['default'].createElement(Box, {
+      marginLeft: "x2"
+    }, /*#__PURE__*/React__default['default'].createElement(IconicButton, {
       ref: closeButton,
       icon: "close",
       onClick: onClose,

package/dist/main.module.js

@@ -16177,7 +16177,7 @@ var IconicButton = /*#__PURE__*/React__default.forwardRef(function (_a, forwarde
 
   return /*#__PURE__*/React__default.createElement(WrapperButton$1, Object.assign({
     ref: forwardedRef,
-    "aria-label": children,
+    "aria-label": props["aria-label"] ? props["aria-label"] : typeof children === "string" ? children : undefined,
     className: className
   }, props), /*#__PURE__*/React__default.createElement(Manager$2, null, /*#__PURE__*/React__default.createElement(Reference$2, null, function (_ref4) {
     var ref = _ref4.ref;
@@ -43600,7 +43600,7 @@ var DateRange = /*#__PURE__*/forwardRef(function (_a, ref) {
     var error;
 
     if (endDate && startDate) {
-      if (isBefore$1(endDate, startDate)) {
+      if (isBefore$1(endDate, startDate) && (showTimes || !isSameDay$1(endDate, startDate))) {
         error = "end date is before start date";
       }
 
@@ -43888,9 +43888,7 @@ var LoadingAnimation = function LoadingAnimation(_ref) {
       viewBox: "0 0 100 10",
       preserveAspectRatio: "xMidYMid",
       role: "img"
-    }, /*#__PURE__*/React__default.createElement("title", {
-      id: "lightbulb11"
-    }, "Loading animation"), /*#__PURE__*/React__default.createElement("g", {
+    }, /*#__PURE__*/React__default.createElement("title", null, "Loading animation"), /*#__PURE__*/React__default.createElement("g", {
       transform: "translate(4 5)"
     }, /*#__PURE__*/React__default.createElement("circle", {
       cx: "0",
@@ -52639,8 +52637,16 @@ var Sidebar = function Sidebar(_a) {
     }
   }, /*#__PURE__*/React__default.createElement(Flex, {
     justifyContent: "space-between",
-    alignItems: "flex-start"
-  }, /*#__PURE__*/React__default.createElement(Box, null, title && /*#__PURE__*/React__default.createElement(Heading3, null, title)), !hideCloseButton && /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement(IconicButton, {
+    alignItems: "flex-start",
+    pb: "x3"
+  }, title && /*#__PURE__*/React__default.createElement(Flex, {
+    alignItems: "center",
+    height: "100%"
+  }, /*#__PURE__*/React__default.createElement(Heading3, {
+    mb: 0
+  }, title)), !hideCloseButton && /*#__PURE__*/React__default.createElement(Box, {
+    marginLeft: "x2"
+  }, /*#__PURE__*/React__default.createElement(IconicButton, {
     ref: closeButton,
     icon: "close",
     onClick: onClose,

package/dist/src/Button/IconicButton.story.d.ts

@@ -58,3 +58,9 @@ export declare const WithACustomFontSize: {
         name: string;
     };
 };
+export declare const WithNonTextChildren: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/src/Layout/Sidebar.d.ts

@@ -16,5 +16,5 @@ declare type SidebarProps = AnimatedBoxProps & {
     disableScroll?: boolean;
     hideCloseButton?: boolean;
 };
-declare const Sidebar: ({ p, width, children, onClose, title, isOpen, footer, closeButtonTestId, closeButtonAriaLabel, offset, triggerRef, duration, top, closeOnOutsideClick, overlay, disableScroll, hideCloseButton, zIndex, ...props }: SidebarProps) => JSX.Element;
+declare const Sidebar: React.FC<SidebarProps>;
 export default Sidebar;

package/dist/src/Layout/Sidebar.story.d.ts

@@ -15,3 +15,4 @@ export declare const OpenByDefault: () => JSX.Element;
 export declare const WithCustomOffset: () => JSX.Element;
 export declare const DontCloseOnOutsideClick: () => JSX.Element;
 export declare const WithoutCloseButton: () => JSX.Element;
+export declare const WithALongTitle: () => JSX.Element;

package/dist/src/Radio/RadioGroup.story.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
+    parameters: {
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
 };
 export default _default;
 export declare const _RadioGroup: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "6.6.1",
+  "version": "6.6.4",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {