@hitachivantara/uikit-react-core 5.0.0-next.12 → 5.0.0-next.14

package/dist/esm/components/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./Button\";\n\nexport interface StyledButtonProps {\n  $radius?: HvButtonRadius;\n  $size?: HvButtonSize;\n  $variant?: HvButtonVariant;\n  $iconOnly?: Boolean;\n  $overrideIconColors?: Boolean;\n  $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n  display: \"flex\",\n  alignItems: \"center\",\n  height: \"100%\",\n  overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n  marginRight: theme.button.marginIconRight,\n  marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n  whiteSpace: \"nowrap\",\n  display: \"flex\",\n});\n\nexport const StyledButton = styled(\n  \"button\",\n  transientOptions\n)(\n  ({\n    $variant,\n    $iconOnly,\n    $size,\n    $radius,\n    $overrideIconColors,\n    $disabled,\n  }: StyledButtonProps) => ({\n    display: \"inline-flex\",\n    justifyContent: \"center\",\n    textTransform: \"none\",\n    cursor: $disabled ? \"not-allowed\" : \"pointer\",\n    ...($disabled && {\n      pointerEvents: \"auto\",\n    }),\n    \"&:hover\": {},\n    \"&:focus\": {},\n    \"&.HvIsFocusVisible\": {\n      ...outlineStyles,\n    },\n    \"&:active\": {},\n\n    // default button - no size specified\n    fontSize: theme.fontSizes.base,\n    fontWeight: 600,\n    lineHeight: \"11px\",\n    letterSpacing: 0,\n    height: \"32px\",\n    borderRadius: theme.button.borderRadius,\n    padding: theme.button.padding,\n\n    ...($overrideIconColors &&\n      $variant === \"primary\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"primarySubtle\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"primaryGhost\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"secondarySubtle\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"secondaryGhost\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"semantic\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n        },\n      }),\n    ...($variant === \"primary\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n      backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,\n      \"&:hover\": {\n        backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2h,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: theme.colors.acce2h,\n      },\n    }),\n    ...($variant === \"primarySubtle\" && {\n      backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n      border: $disabled\n        ? `1px solid ${theme.colors.atmo4}`\n        : `1px solid ${theme.colors.acce2}`,\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n      \"&:hover\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"primaryGhost\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n      backgroundColor: \"transparent\",\n      \"&:hover\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"secondarySubtle\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n      backgroundColor: $disabled\n        ? theme.colors.atmo3\n        : theme.button.secondaryBackgroundColor,\n      border: $disabled\n        ? `1px solid ${theme.colors.atmo4}`\n        : `1px solid ${theme.colors.atmo4}`,\n      \"&:hover\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"secondaryGhost\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n      backgroundColor: \"transparent\",\n      \"&:hover\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"semantic\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n      backgroundColor: $disabled\n        ? theme.button.semanticColorDisabled\n        : \"transparent\",\n      \"&:hover\": {\n        backgroundColor: theme.button.semanticColor,\n      },\n    }),\n    ...($size === \"xs\" && {\n      height: theme.sizes.xs,\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      fontSize: theme.fontSizes.xs,\n    }),\n    ...($size === \"sm\" && {\n      height: theme.sizes.sm,\n      paddingLeft: theme.space.sm,\n      paddingRight: theme.space.sm,\n      fontSize: theme.fontSizes.sm,\n    }),\n    ...($size === \"md\" && {\n      height: theme.sizes.md,\n      paddingLeft: theme.space.md,\n      paddingRight: theme.space.md,\n    }),\n    ...($size === \"lg\" && {\n      height: theme.sizes.lg,\n      paddingLeft: theme.space.lg,\n      paddingRight: theme.space.lg,\n      fontSize: theme.fontSizes.lg,\n    }),\n    ...($size === \"xl\" && {\n      height: theme.sizes.xl,\n      paddingLeft: theme.space.xl,\n      paddingRight: theme.space.xl,\n      fontSize: theme.fontSizes.xl,\n    }),\n    ...($radius === \"xs\" && { borderRadius: theme.radii.xs }),\n    ...($radius === \"sm\" && { borderRadius: theme.radii.sm }),\n    ...($radius === \"md\" && { borderRadius: theme.radii.md }),\n    ...($radius === \"lg\" && { borderRadius: theme.radii.lg }),\n    ...($radius === \"xl\" && { borderRadius: theme.radii.xl }),\n    ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n    ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n    ...($iconOnly && {\n      margin: 0,\n      padding: 0,\n    }),\n    ...(!$iconOnly && {\n      minWidth: \"70px\",\n    }),\n  })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","atmo5","atmo1","acce2","acce1","base2","color","backgroundColor","atmo3","acce2h","border","atmo4","hoverColor","secondaryBackgroundColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","margin","minWidth"],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./Button\";\n\nexport interface StyledButtonProps {\n  $radius?: HvButtonRadius;\n  $size?: HvButtonSize;\n  $variant?: HvButtonVariant;\n  $iconOnly?: Boolean;\n  $overrideIconColors?: Boolean;\n  $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n  display: \"flex\",\n  alignItems: \"center\",\n  height: \"100%\",\n  overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n  marginRight: theme.button.marginIconRight,\n  marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n  whiteSpace: \"nowrap\",\n  display: \"flex\",\n});\n\nexport const StyledButton = styled(\n  \"button\",\n  transientOptions\n)(\n  ({\n    $variant,\n    $iconOnly,\n    $size,\n    $radius,\n    $overrideIconColors,\n    $disabled,\n  }: StyledButtonProps) => ({\n    display: \"inline-flex\",\n    justifyContent: \"center\",\n    textTransform: \"none\",\n    cursor: $disabled ? \"not-allowed\" : \"pointer\",\n    ...($disabled && {\n      pointerEvents: \"auto\",\n    }),\n    \"&:hover\": {},\n    \"&:focus\": {},\n    \"&.HvIsFocusVisible\": {\n      ...outlineStyles,\n    },\n    \"&:active\": {},\n\n    // default button - no size specified\n    fontSize: theme.fontSizes.base,\n    fontWeight: 600,\n    lineHeight: \"11px\",\n    letterSpacing: 0,\n    height: \"32px\",\n    borderRadius: theme.button.borderRadius,\n    padding: theme.button.padding,\n\n    ...($overrideIconColors &&\n      $variant === \"primary\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"primarySubtle\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"primaryGhost\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"secondarySubtle\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"secondaryGhost\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n        },\n      }),\n    ...($overrideIconColors &&\n      $variant === \"semantic\" && {\n        \"& svg .color0\": {\n          fill: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n        },\n      }),\n    ...($variant === \"primary\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n      backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,\n      \"&:hover\": {\n        backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2h,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: theme.colors.acce2h,\n      },\n    }),\n    ...($variant === \"primarySubtle\" && {\n      backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n      border: $disabled\n        ? `1px solid ${theme.colors.atmo4}`\n        : `1px solid ${theme.colors.acce2}`,\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n      \"&:hover\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"primaryGhost\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n      backgroundColor: \"transparent\",\n      \"&:hover\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"secondarySubtle\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n      backgroundColor: $disabled\n        ? theme.colors.atmo3\n        : theme.button.secondaryBackgroundColor,\n      border: $disabled\n        ? `1px solid ${theme.colors.atmo4}`\n        : `1px solid ${theme.colors.atmo4}`,\n      \"&:hover\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled\n          ? theme.colors.atmo3\n          : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"secondaryGhost\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n      backgroundColor: \"transparent\",\n      \"&:hover\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n      \"&:focus-visible\": {\n        backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n      },\n    }),\n    ...($variant === \"semantic\" && {\n      color: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n      backgroundColor: $disabled\n        ? theme.button.semanticColorDisabled\n        : \"transparent\",\n      \"&:hover\": {\n        backgroundColor: theme.button.semanticColor,\n      },\n    }),\n    ...($size === \"xs\" && {\n      height: theme.sizes.xs,\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      fontSize: theme.fontSizes.xs,\n    }),\n    ...($size === \"sm\" && {\n      height: theme.sizes.sm,\n      paddingLeft: theme.space.sm,\n      paddingRight: theme.space.sm,\n      fontSize: theme.fontSizes.sm,\n    }),\n    ...($size === \"md\" && {\n      height: theme.sizes.md,\n      paddingLeft: theme.space.md,\n      paddingRight: theme.space.md,\n    }),\n    ...($size === \"lg\" && {\n      height: theme.sizes.lg,\n      paddingLeft: theme.space.lg,\n      paddingRight: theme.space.lg,\n      fontSize: theme.fontSizes.lg,\n    }),\n    ...($size === \"xl\" && {\n      height: theme.sizes.xl,\n      paddingLeft: theme.space.xl,\n      paddingRight: theme.space.xl,\n      fontSize: theme.fontSizes.xl,\n    }),\n    ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n    ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n    ...($radius === \"round\" && { borderRadius: theme.radii.round }),\n    ...($radius === \"circle\" && { borderRadius: theme.radii.circle }),\n    ...($radius === \"full\" && { borderRadius: theme.radii.full }),\n    ...($iconOnly && {\n      margin: 0,\n      padding: 0,\n    }),\n    ...(!$iconOnly && {\n      minWidth: \"70px\",\n    }),\n  })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","atmo5","atmo1","acce2","acce1","base2","color","backgroundColor","atmo3","acce2h","border","atmo4","hoverColor","secondaryBackgroundColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","round","circle","full","margin","minWidth"],"mappings":"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"}

package/dist/esm/components/Calendar/Calendar.js

@@ -0,0 +1,91 @@
+import { useContext } from "react";
+import { isRange } from "./utils.js";
+import calendarClasses from "./calendarClasses.js";
+import clsx from "clsx";
+import { StyledRangeCalendarContainer, StyledRoot } from "./Calendar.styles.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { HvSingleCalendar } from "./SingleCalendar/SingleCalendar.js";
+import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
+import { HvFormElementValueContext } from "../Forms/FormElement/context/FormElementValueContext.js";
+import { setId } from "../../utils/setId.js";
+const HvCalendar = ({
+  classes,
+  id,
+  locale = "en-US",
+  value,
+  visibleMonth,
+  visibleYear,
+  rightVisibleMonth,
+  rightVisibleYear,
+  minimumDate,
+  maximumDate,
+  startAdornment,
+  onChange,
+  onInputChange,
+  onVisibleDateChange,
+  ...others
+}) => {
+  const {
+    elementId
+  } = useContext(HvFormElementContext);
+  const elementValue = useContext(HvFormElementValueContext);
+  const localValue = value ?? elementValue;
+  const localId = id ?? setId(elementId, "single-calendar");
+  const rangeMode = isRange(localValue);
+  const rightCalendarId = setId(localId, "single-calendar-right");
+  const clampedMonth = visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;
+  const singleCalendar = /* @__PURE__ */ jsx(HvSingleCalendar, {
+    id: localId,
+    locale,
+    value: localValue,
+    visibleMonth: clampedMonth,
+    visibleYear,
+    minimumDate,
+    maximumDate,
+    onChange,
+    onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"),
+    onVisibleDateChange,
+    ...others
+  });
+  const rangeCalendar = /* @__PURE__ */ jsxs(StyledRangeCalendarContainer, {
+    className: clsx(calendarClasses.rangeCalendarContainer, classes == null ? void 0 : classes.rangeCalendarContainer),
+    children: [/* @__PURE__ */ jsx(HvSingleCalendar, {
+      className: clsx(calendarClasses.singleCalendar, classes == null ? void 0 : classes.singleCalendar),
+      id: localId,
+      locale,
+      value: localValue,
+      visibleMonth: clampedMonth,
+      visibleYear,
+      minimumDate,
+      maximumDate,
+      onChange,
+      onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"),
+      onVisibleDateChange: (event, action, index) => onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "left"),
+      ...others
+    }), /* @__PURE__ */ jsx(HvSingleCalendar, {
+      className: clsx(calendarClasses.singleCalendar, classes == null ? void 0 : classes.singleCalendar),
+      id: rightCalendarId,
+      locale,
+      value: localValue,
+      visibleMonth: rightVisibleMonth,
+      visibleYear: rightVisibleYear,
+      minimumDate,
+      maximumDate,
+      onChange,
+      onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "right"),
+      onVisibleDateChange: (event, action, index) => {
+        onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "right");
+      },
+      showEndDate: true,
+      ...others
+    })]
+  });
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    className: clsx(calendarClasses.root, classes == null ? void 0 : classes.root),
+    children: [startAdornment, rangeMode ? rangeCalendar : singleCalendar]
+  });
+};
+export {
+  HvCalendar
+};
+//# sourceMappingURL=Calendar.js.map

package/dist/esm/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { setId } from \"utils\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n} from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport { HvSingleCalendar } from \"./SingleCalendar\";\nimport calendarClasses, { HvCalendarClasses } from \"./calendarClasses\";\nimport clsx from \"clsx\";\nimport { StyledRangeCalendarContainer, StyledRoot } from \"./Calendar.styles\";\n\nexport const HvCalendar = ({\n  classes,\n  id,\n  locale = \"en-US\",\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}: HvCalendarProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth =\n    visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <HvSingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) =>\n        onInputChange && onInputChange(evt, date, \"left\")\n      }\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <StyledRangeCalendarContainer\n      className={clsx(\n        calendarClasses.rangeCalendarContainer,\n        classes?.rangeCalendarContainer\n      )}\n    >\n      <HvSingleCalendar\n        className={clsx(\n          calendarClasses.singleCalendar,\n          classes?.singleCalendar\n        )}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) =>\n          onInputChange && onInputChange(evt, date, \"left\")\n        }\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <HvSingleCalendar\n        className={clsx(\n          calendarClasses.singleCalendar,\n          classes?.singleCalendar\n        )}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) =>\n          onInputChange && onInputChange(evt, date, \"right\")\n        }\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </StyledRangeCalendarContainer>\n  );\n\n  return (\n    <StyledRoot className={clsx(calendarClasses.root, classes?.root)}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </StyledRoot>\n  );\n};\n\nexport type DateRangeProp = {\n  startDate: Date;\n  endDate?: Date;\n};\n\nexport type VisibilitySelectorActions =\n  | \"previous_month\"\n  | \"next_month\"\n  | \"previous_year\"\n  | \"next_year\"\n  | \"month\"\n  | \"month_year\";\n\nexport type HvCalendarProps = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale?: string;\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value?: DateRangeProp | Date;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth?: number;\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear?: number;\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth?: number;\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear?: number;\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange?: (\n    event:\n      | React.ChangeEvent<\n          HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n        >\n      | undefined,\n    value: Date | DateRangeProp,\n    position: \"left\" | \"right\"\n  ) => void;\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number,\n    position?: \"left\" | \"right\"\n  ) => void;\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate?: Date;\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate?: Date;\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n};\n"],"names":["HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","HvSingleCalendar","evt","date","rangeCalendar","StyledRangeCalendarContainer","className","clsx","calendarClasses","rangeCalendarContainer","children","_jsx","event","action","index","showEndDate","StyledRoot","root"],"mappings":";;;;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AAC/CC,QAAAA,eAAeF,WAAWG,yBAAyB;AACzD,QAAMC,aAAajB,SAASe;AAC5B,QAAMG,UAAUpB,MAAMqB,MAAMP,WAAW,iBAAiB;AAClDQ,QAAAA,YAAYC,QAAQJ,UAAU;AAC9BK,QAAAA,kBAAkBH,MAAMD,SAAS,uBAAuB;AAC9D,QAAMK,eACJtB,gBAAgBA,eAAe,KAAK,IAAIA,eAAe,KAAK;AAExDuB,QAAAA,qCACHC,kBAAgB;AAAA,IACf3B,IAAIoB;AAAAA,IACJnB;AAAAA,IACAC,OAAOiB;AAAAA,IACPhB,cAAcsB;AAAAA,IACdrB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,eAAeA,CAACiB,KAAKC,SACnBlB,iBAAiBA,cAAciB,KAAKC,MAAM,MAAM;AAAA,IAElDjB;AAAAA,IAAyC,GACrCC;AAAAA,EAAAA,CAEP;AAEKiB,QAAAA,qCACHC,8BAA4B;AAAA,IAC3BC,WAAWC,KACTC,gBAAgBC,wBAChBpC,mCAASoC,sBAAsB;AAAA,IAC/BC,UAAA,CAEFC,oBAACV,kBAAgB;AAAA,MACfK,WAAWC,KACTC,gBAAgBR,gBAChB3B,mCAAS2B,cAAc;AAAA,MAEzB1B,IAAIoB;AAAAA,MACJnB;AAAAA,MACAC,OAAOiB;AAAAA,MACPhB,cAAcsB;AAAAA,MACdrB;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACiB,KAAKC,SACnBlB,iBAAiBA,cAAciB,KAAKC,MAAM,MAAM;AAAA,MAElDjB,qBAAqBA,CAAC0B,OAAOC,QAAQC,UACnC5B,2DAAsB0B,OAAOC,QAAQC,OAAO;AAAA,MAC7C,GACG3B;AAAAA,IAAAA,CACJ,GAEFwB,oBAACV,kBAAgB;AAAA,MACfK,WAAWC,KACTC,gBAAgBR,gBAChB3B,mCAAS2B,cAAc;AAAA,MAEzB1B,IAAIwB;AAAAA,MACJvB;AAAAA,MACAC,OAAOiB;AAAAA,MACPhB,cAAcE;AAAAA,MACdD,aAAaE;AAAAA,MACbC;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACiB,KAAKC,SACnBlB,iBAAiBA,cAAciB,KAAKC,MAAM,OAAO;AAAA,MAEnDjB,qBAAqBA,CAAC0B,OAAOC,QAAQC,UAAU;AACvBF,mEAAAA,OAAOC,QAAQC,OAAO;AAAA,MAC9C;AAAA,MACAC,aAAW;AAAA,MAAA,GACP5B;AAAAA,IAAAA,CACJ,CAAA;AAAA,EAAA,CAEL;AAED,8BACG6B,YAAU;AAAA,IAACV,WAAWC,KAAKC,gBAAgBS,MAAM5C,mCAAS4C,IAAI;AAAA,IAAEP,WAC9D3B,gBACAa,YAAYQ,gBAAgBJ,cAAc;AAAA,EAAA,CAChC;AAEjB;"}

package/dist/esm/components/Calendar/Calendar.styles.js

@@ -0,0 +1,64 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import calendarClasses from "./calendarClasses.js";
+import { HvSingleCalendar } from "./SingleCalendar/SingleCalendar.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6gej3i2"
+} : {
+  target: "e6gej3i2",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zl1inp",
+  styles: "display:flex;justify-content:center"
+} : {
+  name: "zl1inp",
+  styles: "display:flex;justify-content:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgY2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL2NhbGVuZGFyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgSHZTaW5nbGVDYWxlbmRhciB9IGZyb20gXCIuL1NpbmdsZUNhbGVuZGFyL1NpbmdsZUNhbGVuZGFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYW5nZUNhbGVuZGFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNpbmdsZUNhbGVuZGFyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZTaW5nbGVDYWxlbmRhciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgW2AmIH4gLiR7Y2FsZW5kYXJDbGFzc2VzLnNpbmdsZUNhbGVuZGFyfWBdOiB7XG4gICAgICAvLyB0YXJnZXQgdGhlIG5leHQgY2FsZW5kYXIgd2hlbiB0aGUgZm9ybWVyIGlzIGhvdmVyZWRcbiAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgIFwiJiA+IGRpdjpudGgtY2hpbGQoMylcIjoge1xuICAgICAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgICAgICBcIiYgPiBkaXZbZGF0YS1jYWxlbmRhci1jZWxsPSdjYWxlbmRhckNlbGwnXVwiOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledRangeCalendarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6gej3i1"
+} : {
+  target: "e6gej3i1",
+  label: "StyledRangeCalendarContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgY2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL2NhbGVuZGFyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgSHZTaW5nbGVDYWxlbmRhciB9IGZyb20gXCIuL1NpbmdsZUNhbGVuZGFyL1NpbmdsZUNhbGVuZGFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYW5nZUNhbGVuZGFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNpbmdsZUNhbGVuZGFyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZTaW5nbGVDYWxlbmRhciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgW2AmIH4gLiR7Y2FsZW5kYXJDbGFzc2VzLnNpbmdsZUNhbGVuZGFyfWBdOiB7XG4gICAgICAvLyB0YXJnZXQgdGhlIG5leHQgY2FsZW5kYXIgd2hlbiB0aGUgZm9ybWVyIGlzIGhvdmVyZWRcbiAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgIFwiJiA+IGRpdjpudGgtY2hpbGQoMylcIjoge1xuICAgICAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgICAgICBcIiYgPiBkaXZbZGF0YS1jYWxlbmRhci1jZWxsPSdjYWxlbmRhckNlbGwnXVwiOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+/* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvSingleCalendar, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
+  target: "e6gej3i0"
+} : {
+  target: "e6gej3i0",
+  label: "StyledSingleCalendar"
+})({
+  "&:hover": {
+    [`& ~ .${calendarClasses.singleCalendar}`]: {
+      // target the next calendar when the former is hovered
+      "& > div": {
+        "& > div:nth-child(3)": {
+          "& > div": {
+            "& > div[data-calendar-cell='calendarCell']": {
+              backgroundColor: theme.colors.atmo1
+            }
+          }
+        }
+      }
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgY2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL2NhbGVuZGFyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgSHZTaW5nbGVDYWxlbmRhciB9IGZyb20gXCIuL1NpbmdsZUNhbGVuZGFyL1NpbmdsZUNhbGVuZGFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYW5nZUNhbGVuZGFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNpbmdsZUNhbGVuZGFyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZTaW5nbGVDYWxlbmRhciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgW2AmIH4gLiR7Y2FsZW5kYXJDbGFzc2VzLnNpbmdsZUNhbGVuZGFyfWBdOiB7XG4gICAgICAvLyB0YXJnZXQgdGhlIG5leHQgY2FsZW5kYXIgd2hlbiB0aGUgZm9ybWVyIGlzIGhvdmVyZWRcbiAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgIFwiJiA+IGRpdjpudGgtY2hpbGQoMylcIjoge1xuICAgICAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgICAgICBcIiYgPiBkaXZbZGF0YS1jYWxlbmRhci1jZWxsPSdjYWxlbmRhckNlbGwnXVwiOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledRangeCalendarContainer,
+  StyledRoot
+};
+//# sourceMappingURL=Calendar.styles.js.map

package/dist/esm/components/Calendar/Calendar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.styles.js","sources":["../../../../src/components/Calendar/Calendar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport calendarClasses from \"./calendarClasses\";\nimport { HvSingleCalendar } from \"./SingleCalendar/SingleCalendar\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledRangeCalendarContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport const StyledSingleCalendar = styled((props) => (\n  <HvSingleCalendar {...props} />\n))({\n  \"&:hover\": {\n    [`& ~ .${calendarClasses.singleCalendar}`]: {\n      // target the next calendar when the former is hovered\n      \"& > div\": {\n        \"& > div:nth-child(3)\": {\n          \"& > div\": {\n            \"& > div[data-calendar-cell='calendarCell']\": {\n              backgroundColor: theme.colors.atmo1,\n            },\n          },\n        },\n      },\n    },\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledRangeCalendarContainer","_styled","props","_jsx","HvSingleCalendar","calendarClasses","singleCalendar","backgroundColor","theme","colors","atmo1"],"mappings":";;;;;;;;AAKO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,+BAAsC,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvD;AAEkCE,wBAAQC,CAC1CC,UAAAA,oBAACC,kBAAgB;AAAA,EAAA,GAAKF;AAAK,CAAA,GAC5BZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACD,WAAW;AAAA,IACT,CAAE,QAAOW,gBAAgBC,gBAAgB,GAAG;AAAA;AAAA,MAE1C,WAAW;AAAA,QACT,wBAAwB;AAAA,UACtB,WAAW;AAAA,YACT,8CAA8C;AAAA,cAC5CC,iBAAiBC,MAAMC,OAAOC;AAAAA,YAChC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iqDAAA;"}

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js

@@ -0,0 +1,162 @@
+import { useContext, useState, useEffect } from "react";
+import dayjs from "dayjs";
+import localeData from "dayjs/plugin/localeData";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { isRange, isDate, formatToLocale, isSameDay } from "../utils.js";
+import { Info } from "@hitachivantara/uikit-react-icons";
+import calendarHeaderClasses from "./calendarHeaderClasses.js";
+import { StyledRoot, StyledHeaderDayOfWeek, StyledInput, StyledInputBorderContainer } from "./CalendarHeader.styles.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvFormElementValueContext } from "../../Forms/FormElement/context/FormElementValueContext.js";
+import { HvFormElementContext } from "../../Forms/FormElement/context/FormElementContext.js";
+import { HvFormElementDescriptorsContext } from "../../Forms/FormElement/context/FormElementDescriptorsContext.js";
+import { setId } from "../../../utils/setId.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { isKeypress } from "../../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../../utils/keyboardUtils/keyboardCodes.js";
+dayjs.extend(localeData);
+dayjs.extend(localizedFormat);
+dayjs.extend(customParseFormat);
+const {
+  Enter
+} = keyboardCodes;
+const HvCalendarHeader = ({
+  id,
+  value,
+  locale = "en-US",
+  classes,
+  onChange,
+  showEndDate,
+  showDayOfWeek = false,
+  onFocus,
+  ...others
+}) => {
+  var _a;
+  const {
+    elementId
+  } = useContext(HvFormElementContext);
+  const elementValue = useContext(HvFormElementValueContext);
+  const {
+    label
+  } = useContext(HvFormElementDescriptorsContext);
+  let localValue = value ?? elementValue ?? "";
+  if (isRange(localValue)) {
+    localValue = showEndDate ? localValue.endDate : localValue.startDate;
+  }
+  const [dateValue, setDateValue] = useState(localValue);
+  const [editedValue, setEditedValue] = useState(null);
+  const [displayValue, setDisplayValue] = useState("");
+  const [weekdayDisplay, setWeekdayDisplay] = useState("");
+  const localId = id ?? setId(elementId, "calendarHeader");
+  const inputValue = editedValue ?? displayValue;
+  const localeFormat = dayjs().locale(locale).localeData().longDateFormat("L");
+  const [isValidValue, setIsValidValue] = useState(inputValue.length === 0 || !!inputValue && dayjs(localValue).isValid());
+  const validateInput = (incomingValid) => incomingValid === void 0 || dayjs(incomingValid).isValid();
+  useEffect(() => {
+    const valid = validateInput(localValue);
+    setIsValidValue(valid);
+    if (valid) {
+      if (!localValue) {
+        setDisplayValue("");
+        setEditedValue(null);
+        setWeekdayDisplay("");
+        return;
+      }
+      const weekday = new Intl.DateTimeFormat(locale, {
+        weekday: "short"
+      }).format(isDate(localValue) ? localValue : 0);
+      setDisplayValue(formatToLocale(localValue, locale));
+      setEditedValue(null);
+      setWeekdayDisplay(weekday);
+    }
+  }, [localValue, locale]);
+  const handleNewDate = (event, date) => {
+    const localeParsedDate = dayjs(date, localeFormat);
+    const isValidInput = localeParsedDate.isValid();
+    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();
+    if (!isSameDay(dateParsed, dateValue)) {
+      setDateValue(dateParsed);
+      onChange == null ? void 0 : onChange(event, dateParsed);
+    }
+    setIsValidValue(isValidInput);
+    if (isValidInput) {
+      setEditedValue(null);
+    }
+  };
+  const onBlurHandler = (event) => {
+    if (isNil(editedValue))
+      return;
+    if (editedValue === "") {
+      setIsValidValue(true);
+      setEditedValue(null);
+      return;
+    }
+    handleNewDate(event, editedValue);
+  };
+  const keyDownHandler = (event) => {
+    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === "")
+      return;
+    event.preventDefault();
+    handleNewDate(event, editedValue);
+  };
+  const onFocusHandler = (event) => {
+    if (!localValue)
+      return;
+    const formattedDate = isValidValue && isDate(localValue) ? dayjs(localValue).locale(locale).format("L") : editedValue;
+    setEditedValue(formattedDate);
+    onFocus == null ? void 0 : onFocus(event, formattedDate);
+  };
+  const onChangeHandler = (event) => {
+    setEditedValue(event.target.value);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(StyledRoot, {
+      id: localId,
+      className: clsx(calendarHeaderClasses.root, classes == null ? void 0 : classes.root, !isValidValue && inputValue !== "" && clsx(calendarHeaderClasses.invalid, classes == null ? void 0 : classes.invalid)),
+      children: [showDayOfWeek && /* @__PURE__ */ jsx(StyledHeaderDayOfWeek, {
+        variant: "normalText",
+        className: clsx(calendarHeaderClasses.headerDayOfWeek, classes == null ? void 0 : classes.headerDayOfWeek),
+        children: weekdayDisplay || " "
+      }), /* @__PURE__ */ jsx("div", {
+        className: clsx(calendarHeaderClasses.headerDate, classes == null ? void 0 : classes.headerDate),
+        children: /* @__PURE__ */ jsx(StyledInput, {
+          type: "text",
+          id: setId(localId, "header-input"),
+          placeholder: localeFormat,
+          value: inputValue,
+          className: clsx(calendarHeaderClasses.input, classes == null ? void 0 : classes.input),
+          onBlur: onBlurHandler,
+          onFocus: onFocusHandler,
+          onChange: onChangeHandler,
+          onKeyDown: keyDownHandler,
+          "aria-labelledby": (_a = label == null ? void 0 : label[0]) == null ? void 0 : _a.id,
+          ...others
+        })
+      })]
+    }), !isValidValue && inputValue !== "" && /* @__PURE__ */ jsx(StyledInputBorderContainer, {
+      role: "presentation",
+      className: clsx(calendarHeaderClasses.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer)
+    }), /* @__PURE__ */ jsx("div", {
+      style: {
+        height: 32
+      },
+      children: !isValidValue && inputValue !== "" && /* @__PURE__ */ jsxs(HvTypography, {
+        component: "span",
+        variant: "normalText",
+        className: clsx(calendarHeaderClasses.invalidMessageStyling, classes == null ? void 0 : classes.invalidMessageStyling),
+        children: [/* @__PURE__ */ jsx(Info, {
+          color: "acce3",
+          iconSize: "S"
+        }), "Invalid date"]
+      })
+    })]
+  });
+};
+HvCalendarHeader.formElementType = "HvCalendarHeader";
+export {
+  HvCalendarHeader
+};
+//# sourceMappingURL=CalendarHeader.js.map

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { HvTypography } from \"components\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport { DateRangeProp } from \"../Calendar\";\nimport calendarHeaderClasses, {\n  HvCalendarHeaderClasses,\n} from \"./calendarHeaderClasses\";\nimport {\n  StyledHeaderDayOfWeek,\n  StyledInput,\n  StyledInputBorderContainer,\n  StyledRoot,\n} from \"./CalendarHeader.styles\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = keyboardCodes;\n\nexport const HvCalendarHeader = ({\n  id,\n  value,\n  locale = \"en-US\",\n  classes,\n  onChange,\n  showEndDate,\n  showDayOfWeek = false,\n  onFocus,\n  ...others\n}: HvCalendarHeaderProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue: string | Date | DateRangeProp | undefined =\n    value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState<\n    string | Date | DateRangeProp | undefined\n  >(localValue);\n  const [editedValue, setEditedValue] = useState<string | null>(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, {\n        weekday: \"short\",\n      }).format(isDate(localValue) ? localValue : 0);\n      setDisplayValue(formatToLocale(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput\n      ? localeParsedDate.toDate()\n      : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\")\n      return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate =\n      isValidValue && isDate(localValue)\n        ? dayjs(localValue).locale(locale).format(\"L\")\n        : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <StyledRoot\n        id={localId}\n        className={clsx(\n          calendarHeaderClasses.root,\n          classes?.root,\n          !isValidValue &&\n            inputValue !== \"\" &&\n            clsx(calendarHeaderClasses.invalid, classes?.invalid)\n        )}\n      >\n        {showDayOfWeek && (\n          <StyledHeaderDayOfWeek\n            variant=\"normalText\"\n            className={clsx(\n              calendarHeaderClasses.headerDayOfWeek,\n              classes?.headerDayOfWeek\n            )}\n          >\n            {weekdayDisplay || \"\\u00A0\"}\n          </StyledHeaderDayOfWeek>\n        )}\n\n        <div\n          className={clsx(\n            calendarHeaderClasses.headerDate,\n            classes?.headerDate\n          )}\n        >\n          <StyledInput\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={clsx(calendarHeaderClasses.input, classes?.input)}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </StyledRoot>\n      {!isValidValue && inputValue !== \"\" && (\n        <StyledInputBorderContainer\n          role=\"presentation\"\n          className={clsx(\n            calendarHeaderClasses.inputBorderContainer,\n            classes?.inputBorderContainer\n          )}\n        />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={clsx(\n              calendarHeaderClasses.invalidMessageStyling,\n              classes?.invalidMessageStyling\n            )}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            Invalid date\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport type HvCalendarHeaderProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarHeaderClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<any>,\n    formattedDate: string | null\n  ) => void;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n};\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","keyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","showDayOfWeek","onFocus","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","_Fragment","children","_jsxs","StyledRoot","className","clsx","calendarHeaderClasses","root","invalid","_jsx","StyledHeaderDayOfWeek","variant","headerDayOfWeek","headerDate","StyledInput","type","placeholder","input","onBlur","onKeyDown","StyledInputBorderContainer","role","inputBorderContainer","style","height","HvTypography","component","invalidMessageStyling","Info","color","iconSize","formElementType"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BAA,MAAMC,OAAOC,UAAU;AACvBF,MAAMC,OAAOE,eAAe;AAC5BH,MAAMC,OAAOG,iBAAiB;AAE9B,MAAM;AAAA,EAAEC;AAAM,IAAIC;AAEX,MAAMC,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC;AAAAA,EACA,GAAGC;AACkB,MAAM;;AACrB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AAC/CC,QAAAA,eAAeF,WAAWG,yBAAyB;AACnD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUJ,WAAWK,+BAA+B;AAExDC,MAAAA,aACFf,SAASW,gBAAgB;AACvBK,MAAAA,QAAQD,UAAU,GAAG;AACVX,iBAAAA,cAAcW,WAAWE,UAAUF,WAAWG;AAAAA,EAC7D;AACA,QAAM,CAACC,WAAWC,YAAY,IAAIC,SAEhCN,UAAU;AACZ,QAAM,CAACO,aAAaC,cAAc,IAAIF,SAAwB,IAAI;AAClE,QAAM,CAACG,cAAcC,eAAe,IAAIJ,SAAS,EAAE;AACnD,QAAM,CAACK,gBAAgBC,iBAAiB,IAAIN,SAAS,EAAE;AAEvD,QAAMO,UAAU7B,MAAM8B,MAAMrB,WAAW,gBAAgB;AAEvD,QAAMsB,aAAaR,eAAeE;AAC5BO,QAAAA,eAAexC,MAAQU,EAAAA,OAAOA,MAAM,EAAER,WAAauC,EAAAA,eAAe,GAAG;AAE3E,QAAM,CAACC,cAAcC,eAAe,IAAIb,SACtCS,WAAWK,WAAW,KAAM,CAAC,CAACL,cAAcvC,MAAMwB,UAAU,EAAEqB,QAAU,CAAA;AAG1E,QAAMC,gBAAiBC,CACrBA,kBAAAA,kBAAkBC,UAAahD,MAAM+C,aAAa,EAAEF;AACtDI,YAAU,MAAM;AACRC,UAAAA,QAAQJ,cAActB,UAAU;AACtCmB,oBAAgBO,KAAK;AACrB,QAAIA,OAAO;AACT,UAAI,CAAC1B,YAAY;AACfU,wBAAgB,EAAE;AAClBF,uBAAe,IAAI;AACnBI,0BAAkB,EAAE;AACpB;AAAA,MACF;AACA,YAAMe,UAAU,IAAIC,KAAKC,eAAe3C,QAAQ;AAAA,QAC9CyC,SAAS;AAAA,MAAA,CACV,EAAEG,OAAOC,OAAO/B,UAAU,IAAIA,aAAa,CAAC;AAC7BgC,sBAAAA,eAAehC,YAAYd,MAAM,CAAC;AAClDsB,qBAAe,IAAI;AACnBI,wBAAkBe,OAAO;AAAA,IAC3B;AAAA,EAAA,GACC,CAAC3B,YAAYd,MAAM,CAAC;AAEjB+C,QAAAA,gBAAgBA,CAACC,OAAOC,SAAS;AAE/BC,UAAAA,mBAAmB5D,MAAM2D,MAAMnB,YAAY;AAE3CqB,UAAAA,eAAeD,iBAAiBf;AAChCiB,UAAAA,aAAaD,eACfD,iBAAiBG,WACjB/D,MAAM2D,IAAI,EAAEI;AAEhB,QAAI,CAACC,UAAUF,YAAYlC,SAAS,GAAG;AACrCC,mBAAaiC,UAAU;AACvBlD,2CAAW8C,OAAOI;AAAAA,IACpB;AAEAnB,oBAAgBkB,YAAY;AAC5B,QAAIA,cAAc;AAChB7B,qBAAe,IAAI;AAAA,IACrB;AAAA,EAAA;AAGF,QAAMiC,gBAAiBP,CAAU,UAAA;AAC/B,QAAIQ,MAAMnC,WAAW;AAAG;AACxB,QAAIA,gBAAgB,IAAI;AACtBY,sBAAgB,IAAI;AACpBX,qBAAe,IAAI;AACnB;AAAA,IACF;AACAyB,kBAAcC,OAAO3B,WAAW;AAAA,EAAA;AAGlC,QAAMoC,iBAAkBT,CAAU,UAAA;AAC5B,QAAA,CAACU,WAAWV,OAAOrD,KAAK,KAAK6D,MAAMnC,WAAW,KAAKA,gBAAgB;AACrE;AACF2B,UAAMW,eAAgB;AAEtBZ,kBAAcC,OAAO3B,WAAW;AAAA,EAAA;AAGlC,QAAMuC,iBAAkBZ,CAAU,UAAA;AAChC,QAAI,CAAClC;AAAY;AACjB,UAAM+C,gBACJ7B,gBAAgBa,OAAO/B,UAAU,IAC7BxB,MAAMwB,UAAU,EAAEd,OAAOA,MAAM,EAAE4C,OAAO,GAAG,IAC3CvB;AACNC,mBAAeuC,aAAa;AAC5BxD,uCAAU2C,OAAOa;AAAAA,EAAa;AAGhC,QAAMC,kBAAmBd,CAAU,UAAA;AAClBA,mBAAAA,MAAMe,OAAOhE,KAAK;AAAA,EAAA;AAEnC,8BACEiE,UAAA;AAAA,IAAAC,UAAA,CACEC,qBAACC,YAAU;AAAA,MACTrE,IAAI6B;AAAAA,MACJyC,WAAWC,KACTC,sBAAsBC,MACtBtE,mCAASsE,MACT,CAACvC,gBACCH,eAAe,MACfwC,KAAKC,sBAAsBE,SAASvE,mCAASuE,OAAO,CAAC;AAAA,MACvDP,UAED7D,CAAAA,iBACCqE,oBAACC,uBAAqB;AAAA,QACpBC,SAAQ;AAAA,QACRP,WAAWC,KACTC,sBAAsBM,iBACtB3E,mCAAS2E,eAAe;AAAA,QACxBX,UAEDxC,kBAAkB;AAAA,MAAA,CAAQ,GAI/BgD,oBAAA,OAAA;AAAA,QACEL,WAAWC,KACTC,sBAAsBO,YACtB5E,mCAAS4E,UAAU;AAAA,QACnBZ,8BAEDa,aAAW;AAAA,UACVC,MAAK;AAAA,UACLjF,IAAI8B,MAAMD,SAAS,cAAc;AAAA,UACjCqD,aAAalD;AAAAA,UACb/B,OAAO8B;AAAAA,UACPuC,WAAWC,KAAKC,sBAAsBW,OAAOhF,mCAASgF,KAAK;AAAA,UAC3DC,QAAQ3B;AAAAA,UACRlD,SAASuD;AAAAA,UACT1D,UAAU4D;AAAAA,UACVqB,WAAW1B;AAAAA,UACX,oBAAiB7C,oCAAQ,OAARA,mBAAYd;AAAAA,UAAG,GAC5BQ;AAAAA,QAAAA,CAAM;AAAA,MAAA,CAER,CAAA;AAAA,IAAA,CACK,GACZ,CAAC0B,gBAAgBH,eAAe,0BAC9BuD,4BAA0B;AAAA,MACzBC,MAAK;AAAA,MACLjB,WAAWC,KACTC,sBAAsBgB,sBACtBrF,mCAASqF,oBAAoB;AAAA,IAAA,CAC7B,GAGNb,oBAAA,OAAA;AAAA,MAAKc,OAAO;AAAA,QAAEC,QAAQ;AAAA,MAAG;AAAA,MAAEvB,UACxB,CAACjC,gBAAgBH,eAAe,2BAC9B4D,cAAY;AAAA,QACXC,WAAU;AAAA,QACVf,SAAQ;AAAA,QACRP,WAAWC,KACTC,sBAAsBqB,uBACtB1F,mCAAS0F,qBAAqB;AAAA,QAC9B1B,UAAA,CAEFQ,oBAACmB,MAAI;AAAA,UAACC,OAAM;AAAA,UAAQC,UAAS;AAAA,QAAG,CAAA,GAElC,cAAA;AAAA,MAAA,CAAA;AAAA,IAAA,CAEE,CAAA;AAAA,EAAA,CACL;AAEP;AAGAjG,iBAAiBkG,kBAAkB;"}

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js

@@ -0,0 +1,80 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { outlineStyles } from "../../../utils/focusUtils.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap3"
+} : {
+  target: "e1yjj6ap3",
+  label: "StyledRoot"
+})({
+  marginTop: theme.spacing("xs"),
+  backgroundColor: theme.colors.atmo1,
+  borderBottom: theme.calendar.headerInputBorderBottom,
+  borderTop: theme.calendar.headerInputBorderTop,
+  borderLeft: theme.calendar.headerInputBorderLeft,
+  borderRight: theme.calendar.headerInputBorderRight,
+  borderRadius: theme.calendar.borderRadius,
+  "&:hover, &:focus": {
+    borderBottom: `1px solid ${theme.colors.acce1}`
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckhlYWRlci9DYWxlbmRhckhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZyhcInhzXCIpLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm9yZGVyQm90dG9tOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEJvcmRlckJvdHRvbSxcbiAgYm9yZGVyVG9wOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEJvcmRlclRvcCxcbiAgYm9yZGVyTGVmdDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJMZWZ0LFxuICBib3JkZXJSaWdodDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJSaWdodCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jYWxlbmRhci5ib3JkZXJSYWRpdXMsXG4gIFwiJjpob3ZlciwgJjpmb2N1c1wiOiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gIGhlaWdodDogMSxcbiAgbWFyZ2luVG9wOiAtMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoKHByb3BzKSA9PiA8aW5wdXQgey4uLnByb3BzfSAvPikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgcGFkZGluZzogYDVweCAke3RoZW1lLnNwYWNpbmcoXCJ4c1wiKX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG5cbiAgY29sb3I6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udENvbG9yLFxuICBmb250U2l6ZTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250U2l6ZSxcbiAgbGV0dGVyU3BhY2luZzogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250TGV0dGVyU3BhY2luZyxcbiAgbGluZUhlaWdodDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250TGluZUhlaWdodCxcbiAgZm9udFdlaWdodDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250V2VpZ2h0LFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gIH0sXG4gIFwiJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgJjo6LXdlYmtpdC1jYWxlbmRhci1waWNrZXItaW5kaWNhdG9yXCI6IHtcbiAgICBcIiAtd2Via2l0LWFwcGVhcmFuY2VcIjogXCJub25lXCIsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuIl19 */");
+const StyledInputBorderContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap2"
+} : {
+  target: "e1yjj6ap2",
+  label: "StyledInputBorderContainer"
+})({
+  backgroundColor: theme.colors.sema4,
+  height: 1,
+  marginTop: -1
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICBoZWlnaHQ6IDEsXG4gIG1hcmdpblRvcDogLTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKChwcm9wcykgPT4gPGlucHV0IHsuLi5wcm9wc30gLz4pKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIHBhZGRpbmc6IGA1cHggJHt0aGVtZS5zcGFjaW5nKFwieHNcIil9YCxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgZm9udFNpemU6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFNpemUsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExldHRlclNwYWNpbmcsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExpbmVIZWlnaHQsXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFdlaWdodCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICB9LFxuICBcIiY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sICY6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgXCIgLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyRGF5T2ZXZWVrID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKFwieHNcIiksXG59KTtcbiJdfQ== */");
+const StyledInput = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx("input", {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap1"
+} : {
+  target: "e1yjj6ap1",
+  label: "StyledInput"
+})({
+  border: "none",
+  backgroundColor: "transparent",
+  padding: `5px ${theme.spacing("xs")}`,
+  fontFamily: theme.fontFamily.body,
+  color: theme.calendar.headerInputFontColor,
+  fontSize: theme.calendar.headerInputFontSize,
+  letterSpacing: theme.calendar.headerInputFontLetterSpacing,
+  lineHeight: theme.calendar.headerInputFontLineHeight,
+  fontWeight: theme.calendar.headerInputFontWeight,
+  width: "100%",
+  "&::placeholder": {
+    color: theme.colors.atmo5
+  },
+  "&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator": {
+    " -webkit-appearance": "none",
+    display: "none"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICBoZWlnaHQ6IDEsXG4gIG1hcmdpblRvcDogLTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKChwcm9wcykgPT4gPGlucHV0IHsuLi5wcm9wc30gLz4pKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIHBhZGRpbmc6IGA1cHggJHt0aGVtZS5zcGFjaW5nKFwieHNcIil9YCxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgZm9udFNpemU6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFNpemUsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExldHRlclNwYWNpbmcsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExpbmVIZWlnaHQsXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFdlaWdodCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICB9LFxuICBcIiY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sICY6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgXCIgLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyRGF5T2ZXZWVrID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKFwieHNcIiksXG59KTtcbiJdfQ== */");
+const StyledHeaderDayOfWeek = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap0"
+} : {
+  target: "e1yjj6ap0",
+  label: "StyledHeaderDayOfWeek"
+})({
+  color: theme.calendar.headerInputFontColor,
+  paddingLeft: theme.spacing("xs")
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICBoZWlnaHQ6IDEsXG4gIG1hcmdpblRvcDogLTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKChwcm9wcykgPT4gPGlucHV0IHsuLi5wcm9wc30gLz4pKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIHBhZGRpbmc6IGA1cHggJHt0aGVtZS5zcGFjaW5nKFwieHNcIil9YCxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgZm9udFNpemU6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFNpemUsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExldHRlclNwYWNpbmcsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExpbmVIZWlnaHQsXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFdlaWdodCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICB9LFxuICBcIiY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sICY6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgXCIgLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyRGF5T2ZXZWVrID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKFwieHNcIiksXG59KTtcbiJdfQ== */");
+export {
+  StyledHeaderDayOfWeek,
+  StyledInput,
+  StyledInputBorderContainer,
+  StyledRoot
+};
+//# sourceMappingURL=CalendarHeader.styles.js.map

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledRoot = styled(\"div\")({\n  marginTop: theme.spacing(\"xs\"),\n  backgroundColor: theme.colors.atmo1,\n  borderBottom: theme.calendar.headerInputBorderBottom,\n  borderTop: theme.calendar.headerInputBorderTop,\n  borderLeft: theme.calendar.headerInputBorderLeft,\n  borderRight: theme.calendar.headerInputBorderRight,\n  borderRadius: theme.calendar.borderRadius,\n  \"&:hover, &:focus\": {\n    borderBottom: `1px solid ${theme.colors.acce1}`,\n  },\n});\n\nexport const StyledInputBorderContainer = styled(\"div\")({\n  backgroundColor: theme.colors.sema4,\n  height: 1,\n  marginTop: -1,\n});\n\nexport const StyledInput = styled((props) => <input {...props} />)({\n  border: \"none\",\n  backgroundColor: \"transparent\",\n  padding: `5px ${theme.spacing(\"xs\")}`,\n  fontFamily: theme.fontFamily.body,\n\n  color: theme.calendar.headerInputFontColor,\n  fontSize: theme.calendar.headerInputFontSize,\n  letterSpacing: theme.calendar.headerInputFontLetterSpacing,\n  lineHeight: theme.calendar.headerInputFontLineHeight,\n  fontWeight: theme.calendar.headerInputFontWeight,\n  width: \"100%\",\n  \"&::placeholder\": {\n    color: theme.colors.atmo5,\n  },\n  \"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator\": {\n    \" -webkit-appearance\": \"none\",\n    display: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n});\n\nexport const StyledHeaderDayOfWeek = styled(HvTypography)({\n  color: theme.calendar.headerInputFontColor,\n  paddingLeft: theme.spacing(\"xs\"),\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","marginTop","theme","spacing","backgroundColor","colors","atmo1","borderBottom","calendar","headerInputBorderBottom","borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","acce1","StyledInputBorderContainer","sema4","height","StyledInput","_styled","props","_jsx","border","padding","fontFamily","body","color","headerInputFontColor","fontSize","headerInputFontSize","letterSpacing","headerInputFontLetterSpacing","lineHeight","headerInputFontLineHeight","fontWeight","headerInputFontWeight","width","atmo5","display","outline","outlineStyles","StyledHeaderDayOfWeek","HvTypography","paddingLeft"],"mappings":";;;;;AAKO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,WAAWC,MAAMC,QAAQ,IAAI;AAAA,EAC7BC,iBAAiBF,MAAMG,OAAOC;AAAAA,EAC9BC,cAAcL,MAAMM,SAASC;AAAAA,EAC7BC,WAAWR,MAAMM,SAASG;AAAAA,EAC1BC,YAAYV,MAAMM,SAASK;AAAAA,EAC3BC,aAAaZ,MAAMM,SAASO;AAAAA,EAC5BC,cAAcd,MAAMM,SAASQ;AAAAA,EAC7B,oBAAoB;AAAA,IAClBT,cAAe,aAAYL,MAAMG,OAAOY;AAAAA,EAC1C;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i1FAAA;AAEK,MAAMoB,6BAAoC,wBAAA,OAAKtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDI,iBAAiBF,MAAMG,OAAOc;AAAAA,EAC9BC,QAAQ;AAAA,EACRnB,WAAW;AACb,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,q1FAAA;AAEK,MAAMuB,cAAcC,wBAAQC,CAAUC,UAAAA,oBAAA,SAAA;AAAA,EAAA,GAAWD;AAAK,CAAA,GAAI3B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEyB,QAAQ;AAAA,EACRrB,iBAAiB;AAAA,EACjBsB,SAAU,OAAMxB,MAAMC,QAAQ,IAAI;AAAA,EAClCwB,YAAYzB,MAAMyB,WAAWC;AAAAA,EAE7BC,OAAO3B,MAAMM,SAASsB;AAAAA,EACtBC,UAAU7B,MAAMM,SAASwB;AAAAA,EACzBC,eAAe/B,MAAMM,SAAS0B;AAAAA,EAC9BC,YAAYjC,MAAMM,SAAS4B;AAAAA,EAC3BC,YAAYnC,MAAMM,SAAS8B;AAAAA,EAC3BC,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChBV,OAAO3B,MAAMG,OAAOmC;AAAAA,EACtB;AAAA,EACA,sEAAsE;AAAA,IACpE,uBAAuB;AAAA,IACvBC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AACF,GAAC/C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q1FAAA;AAEK,MAAM8C,wBAA+BC,wBAAAA,cAAYjD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxD6B,OAAO3B,MAAMM,SAASsB;AAAAA,EACtBgB,aAAa5C,MAAMC,QAAQ,IAAI;AACjC,GAACP,QAAAC,IAAAC,aAAC,eAAA,KAAA,q1FAAA;"}

package/dist/esm/components/Calendar/CalendarHeader/calendarHeaderClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "invalid", "headerDayOfWeek", "headerDate", "input", "inputBorderContainer", "invalidMessageStyling"];
+const calendarHeaderClasses = getClasses(classKeys, "HvCalendarHeader");
+const calendarHeaderClasses$1 = calendarHeaderClasses;
+export {
+  calendarHeaderClasses$1 as default
+};
+//# sourceMappingURL=calendarHeaderClasses.js.map

package/dist/esm/components/Calendar/CalendarHeader/calendarHeaderClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarHeaderClasses.js","sources":["../../../../../src/components/Calendar/CalendarHeader/calendarHeaderClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCalendarHeaderClasses = {\n  root?: string;\n  invalid?: string;\n  headerDayOfWeek?: string;\n  headerDate?: string;\n  input?: string;\n  inputBorderContainer?: string;\n  invalidMessageStyling?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"invalid\",\n  \"headerDayOfWeek\",\n  \"headerDate\",\n  \"input\",\n  \"inputBorderContainer\",\n  \"invalidMessageStyling\",\n];\n\nconst calendarHeaderClasses = getClasses<HvCalendarHeaderClasses>(\n  classKeys,\n  \"HvCalendarHeader\"\n);\n\nexport default calendarHeaderClasses;\n"],"names":["classKeys","calendarHeaderClasses","getClasses"],"mappings":";AAYA,MAAMA,YAAsB,CAC1B,QACA,WACA,mBACA,cACA,SACA,wBACA,uBAAuB;AAGzB,MAAMC,wBAAwBC,WAC5BF,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;"}