@northlight/ui 2.28.16 → 2.29.0

package/dist/umd/northlight.cjs

@@ -935,19 +935,22 @@
       notificationCount = 0,
       name,
       image,
-      size
+      size,
+      bgColor
     } = _b, rest = __objRest$1J(_b, [
       "variant",
       "notificationCount",
       "name",
       "image",
-      "size"
+      "size",
+      "bgColor"
     ]);
     const { container, text, userImage, icon } = react.useMultiStyleConfig("Avatar", {
       variant,
       image,
       size,
-      name
+      name,
+      bgColor
     });
     return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$2c({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
       react.chakra.img,
@@ -4612,8 +4615,8 @@
       colors: color,
       sizes: sizing,
       radii: borderRadius
-    }, image, name }) => {
-      const avatarBgColor = getAvatarBgColor(image, name, color);
+    }, image, name, bgColor }) => {
+      const avatarBgColor = bgColor || getAvatarBgColor(image, name, color);
       return {
         container: {
           bgColor: avatarBgColor,
@@ -5816,7 +5819,31 @@
           bgColor: "mono.transparent",
           color: textColor
         };
+      },
+      ghost: ({ colorScheme, theme: { colors } }) => {
+        const textColor = colorScheme === "mediatoolBlue" ? colors[colorScheme][500] : colors[colorScheme] && colors[colorScheme][700];
+        return {
+          bgColor: "mono.transparent",
+          color: textColor
+        };
+      }
+    },
+    sizes: {
+      xs: {
+        fontSize: "2xs"
+      },
+      sm: {
+        fontSize: "xs"
+      },
+      md: {
+        fontSize: "sm"
+      },
+      lg: {
+        fontSize: "md"
       }
+    },
+    defaultProps: {
+      size: "sm"
     }
   };
 
@@ -6940,6 +6967,13 @@
       },
       label: "This Week"
     };
+    const nextWeek = {
+      value: {
+        start: date.startOfWeek(thisDay.add({ weeks: 1 }), locale),
+        end: date.endOfWeek(thisDay.add({ weeks: 1 }), locale)
+      },
+      label: "Next Week"
+    };
     const lastWeek = {
       value: {
         start: date.startOfWeek(thisDay.subtract({ weeks: 1 }), locale),
@@ -7125,17 +7159,18 @@
     const fiscalQuarters = [F1, F2, F3, F4];
     const fiscalYears = fiscalStartMonth === 0 ? [] : [thisFiscalYear, lastFiscalYear];
     const quickDates = [
-      thisWeek,
+      yearToDate,
       lastWeek,
-      thisMonth,
+      nextWeek,
+      thisWeek,
       lastMonth,
-      thisYear,
-      yearToDate,
-      lastYear,
-      nextMonth,
       nextThreeMonths,
       nextSixMonths,
+      nextMonth,
+      thisMonth,
+      lastYear,
       nextYear,
+      thisYear,
       ...fiscalYears
     ];
     return { quickDates, fiscalQuarters };
@@ -8474,7 +8509,7 @@
             direction: direction === "left" ? "row-reverse" : "row"
           }, rest),
           isResizable && /* @__PURE__ */ React.createElement(ResizeHandle, __spreadValues$1b({}, resizeProps)),
-          /* @__PURE__ */ React.createElement(focus.FocusScope, { autoFocus }, /* @__PURE__ */ React.createElement(react.Box, { width: "full", height: "full" }, newChildren))
+          /* @__PURE__ */ React.createElement(focus.FocusScope, { autoFocus }, /* @__PURE__ */ React.createElement(react.VStack, { width: "full", height: "full" }, newChildren))
         )
       ))
     );
@@ -8557,12 +8592,12 @@
     return target;
   };
   const ToolboxContent = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$Y(_b, ["children"]);
+    var _b = _a, { sx = {}, children } = _b, rest = __objRest$Y(_b, ["sx", "children"]);
     const { body } = system.useMultiStyleConfig("Toolbox", {});
     return /* @__PURE__ */ React.createElement(
       react.Flex,
       __spreadValues$19({
-        sx: body
+        sx: ramda.merge(body, sx)
       }, rest),
       children
     );
@@ -12599,6 +12634,7 @@
           hidden: value === void 0 || !isClearable,
           onClick: () => {
             onChange(void 0);
+            onChangeCallback(void 0, { action: "clear", removedValues: value });
           },
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }