@hitachivantara/uikit-react-core 6.0.0-next.9 → 6.2.0

package/dist/Badge/Badge.styles.js

@@ -13,8 +13,6 @@ const { staticClasses, useClasses } = createClasses("HvBadge", {
       }
     }
   },
-  /** class applied to the badge container when it has content */
-  badgeContainer: {},
   /** class applied to the badge */
   badge: {
     position: "absolute",

package/dist/Banner/Banner.js

@@ -26,6 +26,7 @@ const HvBanner = forwardRef(function HvBanner2(props, ref) {
     label,
     offset = 60,
     bannerContentProps,
+    size,
     ...others
   } = useDefaultProps("HvBanner", props);
   const { classes, cx } = useClasses(classesProp);
@@ -71,6 +72,7 @@ const HvBanner = forwardRef(function HvBanner2(props, ref) {
           onAction,
           actionsPosition,
           onClose,
+          size,
           ...bannerContentProps,
           children: label
         }

package/dist/Banner/BannerContent/BannerContent.js

@@ -19,6 +19,7 @@ const HvBannerContent = forwardRef(function HvBannerContent2(props, ref) {
     content,
     children,
     actionProps,
+    size,
     ...others
   } = useDefaultProps("HvBannerContent", props);
   const { classes, cx } = useClasses(classesProp);

package/dist/Banner/BannerContent/BannerContent.styles.js

@@ -5,8 +5,7 @@ const { useClasses, staticClasses } = createClasses("HvBannerContent", {
     minWidth: "100%",
     width: "100%",
     position: "relative",
-    gap: theme.space.xs,
-    minHeight: 48
+    gap: theme.space.xs
   },
   success: {},
   warning: {},
@@ -16,22 +15,17 @@ const { useClasses, staticClasses } = createClasses("HvBannerContent", {
   accent: {},
   message: {
     gap: theme.space.xs,
-    padding: theme.spacing("xs", 0),
-    paddingLeft: theme.space.sm,
     ...theme.typography.body,
     color: theme.colors.textDark
   },
   action: {
-    padding: theme.space.xs,
     flex: "0 0 auto",
     placeSelf: "stretch"
   },
   messageContainer: {
     maxWidth: 700
   },
-  iconContainer: {
-    marginLeft: theme.spacing(-1)
-  },
+  iconContainer: {},
   messageActions: {
     flex: "0 0 auto"
   },

package/dist/BaseSwitch/BaseSwitch.js

@@ -75,7 +75,7 @@ const HvBaseSwitch = forwardRef(
         defaultChecked,
         classes: {
           root: classes.switch,
-          switchBase: cx(classes.switchBase),
+          switchBase: classes.switchBase,
           checked: classes.checked,
           track: cx(
             classes.track,
@@ -92,7 +92,10 @@ const HvBaseSwitch = forwardRef(
           ),
           disabled: classes.disabled
         },
-        inputProps,
+        slotProps: {
+          // keep switch squashed by `slotProps.input` https://github.com/mui/material-ui/pull/46482
+          input: { role: "switch", ...inputProps }
+        },
         onFocusVisible: onFocusVisibleCallback,
         onBlur: onBlurCallback,
         "data-size": size,

package/dist/Calendar/SingleCalendar/SingleCalendar.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { isKey } from "../../utils/keyboardUtils.js";
 import { HvCalendarHeader } from "../CalendarHeader/CalendarHeader.js";
 import { generateCalendarModel } from "../model.js";
-import { isDate, getWeekdayNamesList, DEFAULT_LOCALE, isRange } from "../utils.js";
+import { DEFAULT_LOCALE, isDate, getWeekdayNamesList, isRange } from "../utils.js";
 import { HvCalendarCell } from "./CalendarCell.js";
 import { useClasses } from "./SingleCalendar.styles.js";
 import { staticClasses } from "./SingleCalendar.styles.js";
@@ -11,25 +12,26 @@ import { HvComposedNavigation } from "../CalendarNavigation/ComposedNavigation/C
 import { HvMonthSelector } from "../CalendarNavigation/MonthSelector/MonthSelector.js";
 import { HvPanel } from "../../Panel/Panel.js";
 import { HvTypography } from "../../Typography/Typography.js";
-const HvSingleCalendar = ({
-  classes: classesProp,
-  className,
-  id,
-  locale = DEFAULT_LOCALE,
-  value,
-  visibleMonth,
-  visibleYear,
-  minimumDate,
-  maximumDate,
-  onChange,
-  onInputChange,
-  onVisibleDateChange,
-  showEndDate,
-  showDayOfWeek,
-  invalidDateLabel,
-  children,
-  ...others
-}) => {
+const HvSingleCalendar = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    id,
+    locale = DEFAULT_LOCALE,
+    value,
+    visibleMonth,
+    visibleYear,
+    minimumDate,
+    maximumDate,
+    onChange,
+    onInputChange,
+    onVisibleDateChange,
+    showEndDate,
+    showDayOfWeek,
+    invalidDateLabel,
+    children,
+    ...others
+  } = useDefaultProps("HvSingleCalendar", props);
   const { classes, cx } = useClasses(classesProp);
   const today = /* @__PURE__ */ new Date();
   const localValue = value ?? today;
@@ -121,15 +123,20 @@ const HvSingleCalendar = ({
           visibleMonth: visibleMonth || today.getMonth() + 1
         }
       ),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cx(classes.calendarGrid, classes.weekdays),
+          "aria-controls": HvCalendarHeader?.[0]?.id,
+          children: listWeekdayNames.map(renderWeekLabel)
+        }
+      ),
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: classes.calendarGrid,
           "aria-controls": HvCalendarHeader?.[0]?.id,
-          children: [
-            listWeekdayNames.map(renderWeekLabel),
-            calModel.dates.map(renderCalendarDate)
-          ]
+          children: calModel.dates.map(renderCalendarDate)
         }
       )
     ] }),

package/dist/Calendar/SingleCalendar/SingleCalendar.styles.js

@@ -27,7 +27,7 @@ const { staticClasses, useClasses } = createClasses("HvSingleCalendar", {
     "& $cellsInRange:hover": {
       backgroundColor: theme.colors.bgPageSecondary,
       "& $calendarDate": {
-        borderRight: `1px solid ${theme.colors.text}`
+        borderRight: `2px solid ${theme.colors.text}`
       }
     },
     "& $cellsInRange:hover ~ $cellsInRange": {
@@ -61,7 +61,8 @@ const { staticClasses, useClasses } = createClasses("HvSingleCalendar", {
     backgroundColor: theme.colors.bgPageSecondary
   },
   cellsOutsideRange: {},
-  cellContainer: {}
+  cellContainer: {},
+  weekdays: {}
 });
 export {
   staticClasses,

package/dist/Calendar/utils.js

@@ -15,7 +15,11 @@ const isSameDay = (date1, date2) => {
   return date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
 };
 const getDateISO = (date) => {
-  return new Date(date).toISOString().slice(0, 10);
+  const d = new Date(date);
+  const year = d.getFullYear();
+  const month = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
 };
 const getPreviousMonth = (month, year) => {
   const prevMonth = month > 1 ? month - 1 : 12;

package/dist/CheckBoxGroup/CheckBoxGroup.js

@@ -62,7 +62,7 @@ const HvCheckBoxGroup = forwardRef(
       defaultValue !== void 0 ? defaultValue : (
         // When uncontrolled and no default value is given,
         // extract the initial selected values from the children own state
-        () => getValueFromSelectedChildren(children)
+        (() => getValueFromSelectedChildren(children))
       )
     );
     const [validationState, setValidationState] = useControlled(

package/dist/RadioGroup/RadioGroup.js

@@ -54,7 +54,7 @@ const HvRadioGroup = forwardRef(
       defaultValue !== void 0 ? defaultValue : (
         // When uncontrolled and no default value is given,
         // extract the initial selected values from the children own state
-        () => getValueFromSelectedChildren(children)
+        (() => getValueFromSelectedChildren(children))
       )
     );
     const onChildChangeInterceptor = useCallback(

package/dist/SelectionList/SelectionList.js

@@ -55,7 +55,7 @@ const HvSelectionList = forwardRef(function HvSelectionList2(props, ref) {
     defaultValue !== void 0 ? defaultValue : (
       // when uncontrolled and no default value is given,
       // extract the initial selected values from the children own state
-      () => getValueFromSelectedChildren(children, multiple)
+      (() => getValueFromSelectedChildren(children, multiple))
     )
   );
   const [validationState, setValidationState] = useControlled(

package/dist/StatusIcon/StatusIcon.styles.js

@@ -36,10 +36,12 @@ const { staticClasses, useClasses } = createClasses("HvStatusIcon", {
         }
       ])
     ),
-    ":where([data-variant=default][data-type=full])": {
+    ":where([data-variant=default])": {
       color: theme.colors.text,
-      backgroundColor: theme.colors.bgPage,
-      outline: `1px solid ${theme.colors.borderSubtle}`
+      ":where([data-type=full])": {
+        backgroundColor: theme.colors.bgPage,
+        outline: `1px solid ${theme.colors.borderSubtle}`
+      }
     }
   },
   icon: {