@hitachivantara/uikit-react-core 5.0.0-next.9 → 5.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthSelector.styles.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport monthSelectorClasses from \"./monthSelectorClasses\";\n\nconst hover = {\n  backgroundColor: theme.colors.atmo3,\n  cursor: \"pointer\",\n};\n\nexport const StyledFocusSelection = styled(\"div\")({\n  \"&:hover\": {\n    ...hover,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...hover,\n    ...outlineStyles,\n  },\n});\n\nexport const StyledCalendarMonthlyGrid = styled(\"div\")({\n  marginTop: \"50px\",\n  marginLeft: \"-16px\",\n  display: \"flex\",\n  zIndex: \"10\",\n  padding: \"0 20px\",\n  position: \"absolute\",\n  flexFlow: \"wrap\",\n  alignContent: \"center\",\n  justifyContent: \"space-evenly\",\n  backgroundColor: theme.colors.atmo1,\n});\n\nexport const StyledCalendarMonthlyCell = styled(HvTypography)({\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexDirection: \"column\",\n  textAlign: \"center\",\n  height: \"40px\",\n  width: \"92px\",\n  \"&:hover\": {\n    ...hover,\n  },\n  [`&.${monthSelectorClasses.calendarMonthlyCellSelected}`]: {\n    backgroundColor: theme.colors.atmo3,\n    color: theme.colors.secondary,\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo3,\n      color: theme.colors.secondary,\n    },\n  },\n});\n"],"names":["hover","backgroundColor","theme","colors","atmo3","cursor","StyledFocusSelection","process","env","NODE_ENV","target","label","outline","outlineStyles","StyledCalendarMonthlyGrid","marginTop","marginLeft","display","zIndex","padding","position","flexFlow","alignContent","justifyContent","atmo1","StyledCalendarMonthlyCell","HvTypography","flexDirection","textAlign","height","width","monthSelectorClasses","calendarMonthlyCellSelected","color","secondary"],"mappings":";;;;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,QAAQ;AACV;AAEO,MAAMC,uBAA8B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAChD,WAAW;AAAA,IACT,GAAGX;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTY,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGZ;AAAAA,IACH,GAAGa;AAAAA,EACL;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5EAAA;AAEK,MAAMK,4BAAmC,wBAAA,OAAKP,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDI,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,gBAAgB;AAAA,EAChBtB,iBAAiBC,MAAMC,OAAOqB;AAChC,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5EAAA;AAEK,MAAMgB,4BAAmCC,wBAAAA,cAAYnB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DM,SAAS;AAAA,EACTM,gBAAgB;AAAA,EAChBI,eAAe;AAAA,EACfC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACP,WAAW;AAAA,IACT,GAAG9B;AAAAA,EACL;AAAA,EACA,CAAE,KAAI+B,qBAAqBC,6BAA6B,GAAG;AAAA,IACzD/B,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9B6B,OAAO/B,MAAMC,OAAO+B;AAAAA,IACpB,WAAW;AAAA,MACTjC,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9B6B,OAAO/B,MAAMC,OAAO+B;AAAAA,IACtB;AAAA,EACF;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5EAAA;"}

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../../utils/classes.js";
+const classKeys = ["calendarMonthlyGrid", "rangeModeWidth", "normalWidth", "focusSelection", "calendarMonthlyCell", "calendarMonthlyCellSelected"];
+const monthSelectorClasses = getClasses(classKeys, "HvMothSelector");
+const monthSelectorClasses$1 = monthSelectorClasses;
+export {
+  monthSelectorClasses$1 as default
+};
+//# sourceMappingURL=monthSelectorClasses.js.map

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthSelectorClasses.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvMonthSelectorClasses = {\n  calendarMonthlyGrid?: string;\n  rangeModeWidth?: string;\n  normalWidth?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n};\n\nconst classKeys: string[] = [\n  \"calendarMonthlyGrid\",\n  \"rangeModeWidth\",\n  \"normalWidth\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst monthSelectorClasses = getClasses<HvMonthSelectorClasses>(\n  classKeys,\n  \"HvMothSelector\"\n);\n\nexport default monthSelectorClasses;\n"],"names":["classKeys","monthSelectorClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAsB,CAC1B,uBACA,kBACA,eACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,uBAAuBC,WAC3BF,WACA,gBAAgB;AAGlB,MAAA,yBAAeC;"}

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

@@ -0,0 +1,57 @@
+import clsx from "clsx";
+import { StyledRoot, StyledDropLeftIcon, StyledText, StyledDropRightIcon } from "./Navigation.styles.js";
+import navigationClasses from "./navigationClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+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";
+const Navigation = ({
+  id,
+  classes,
+  onNavigatePrevious,
+  onNavigateNext,
+  onTextClick,
+  navigationText = "n/a",
+  isPreviousEnabled = true,
+  isNextEnabled = true
+}) => {
+  const onkeyDownHandler = (event, funcAction) => {
+    if (isKeypress(event, keyboardCodes.Enter) || isKeypress(event, keyboardCodes.Space)) {
+      event.preventDefault();
+      funcAction(event);
+    }
+  };
+  const onTextClickIsFunction = typeof onTextClick === "function";
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    className: clsx(navigationClasses.root, classes == null ? void 0 : classes.root),
+    children: [/* @__PURE__ */ jsx(StyledDropLeftIcon, {
+      id: setId(id, "left"),
+      className: clsx(navigationClasses.icon, classes == null ? void 0 : classes.icon, !isPreviousEnabled && clsx(navigationClasses.disabled, classes == null ? void 0 : classes.disabled)),
+      onClick: isPreviousEnabled ? (event) => onNavigatePrevious(event) : void 0,
+      onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : void 0,
+      tabIndex: 0
+    }), /* @__PURE__ */ jsx(StyledText, {
+      id,
+      className: clsx(onTextClickIsFunction && clsx(navigationClasses.text, classes == null ? void 0 : classes.text), !onTextClickIsFunction && clsx(navigationClasses.textWithoutHover, classes == null ? void 0 : classes.textWithoutHover)),
+      role: "presentation",
+      onClick: onTextClick,
+      onKeyDown: onTextClick && ((event) => onkeyDownHandler(event, onTextClick)),
+      tabIndex: onTextClick ? 0 : -1,
+      children: /* @__PURE__ */ jsx(HvTypography, {
+        variant: "normalText",
+        children: navigationText
+      })
+    }), /* @__PURE__ */ jsx(StyledDropRightIcon, {
+      id: setId(id, "right"),
+      className: `${clsx(navigationClasses.icon, classes == null ? void 0 : classes.icon)} ${isNextEnabled ? "" : clsx(navigationClasses.disabled, classes == null ? void 0 : classes.disabled)}`,
+      onClick: isNextEnabled ? (event) => onNavigateNext(event) : void 0,
+      onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : void 0,
+      tabIndex: 0
+    })]
+  });
+};
+export {
+  Navigation
+};
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport {\n  StyledDropLeftIcon,\n  StyledDropRightIcon,\n  StyledRoot,\n  StyledText,\n} from \"./Navigation.styles\";\nimport navigationClasses, { HvNavigationClasses } from \"./navigationClasses\";\n\nexport const Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}: NavigationProps) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.Space)\n    ) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <StyledRoot className={clsx(navigationClasses.root, classes?.root)}>\n      <StyledDropLeftIcon\n        id={setId(id, \"left\")}\n        className={clsx(\n          navigationClasses.icon,\n          classes?.icon,\n          !isPreviousEnabled &&\n            clsx(navigationClasses.disabled, classes?.disabled)\n        )}\n        onClick={\n          isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined\n        }\n        onKeyDown={(event) =>\n          isNextEnabled\n            ? onkeyDownHandler(event, onNavigatePrevious)\n            : undefined\n        }\n        tabIndex={0}\n      />\n\n      <StyledText\n        id={id}\n        className={clsx(\n          onTextClickIsFunction && clsx(navigationClasses.text, classes?.text),\n          !onTextClickIsFunction &&\n            clsx(navigationClasses.textWithoutHover, classes?.textWithoutHover)\n        )}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={\n          onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n        }\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </StyledText>\n\n      <StyledDropRightIcon\n        id={setId(id, \"right\")}\n        className={`${clsx(navigationClasses.icon, classes?.icon)} ${\n          isNextEnabled\n            ? \"\"\n            : clsx(navigationClasses.disabled, classes?.disabled)\n        }`}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n        }\n        tabIndex={0}\n      />\n    </StyledRoot>\n  );\n};\n\nexport type NavigationProps = HvBaseProps & {\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvNavigationClasses;\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick?: () => void;\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText?: string;\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled?: boolean;\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled?: boolean;\n};\n"],"names":["Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","isKeypress","keyboardCodes","Enter","Space","preventDefault","onTextClickIsFunction","StyledRoot","className","clsx","navigationClasses","root","children","_jsx","StyledDropLeftIcon","setId","icon","disabled","onClick","undefined","onKeyDown","tabIndex","StyledText","text","textWithoutHover","role","HvTypography","variant","StyledDropRightIcon"],"mappings":";;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACfC,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAE5CC,QAAAA,WAAWF,OAAOG,cAAcC,KAAK,KACrCF,WAAWF,OAAOG,cAAcE,KAAK,GACrC;AACAL,YAAMM,eAAgB;AACtBL,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGIO,QAAAA,wBAAwB,OAAOZ,gBAAgB;AAErD,8BACGa,YAAU;AAAA,IAACC,WAAWC,KAAKC,kBAAkBC,MAAMpB,mCAASoB,IAAI;AAAA,IAAEC,UAAA,CACjEC,oBAACC,oBAAkB;AAAA,MACjBxB,IAAIyB,MAAMzB,IAAI,MAAM;AAAA,MACpBkB,WAAWC,KACTC,kBAAkBM,MAClBzB,mCAASyB,MACT,CAACpB,qBACCa,KAAKC,kBAAkBO,UAAU1B,mCAAS0B,QAAQ,CAAC;AAAA,MAEvDC,SACEtB,oBAAqBG,CAAUP,UAAAA,mBAAmBO,KAAK,IAAIoB;AAAAA,MAE7DC,WAAYrB,CACVF,UAAAA,gBACIC,iBAAiBC,OAAOP,kBAAkB,IAC1C2B;AAAAA,MAENE,UAAU;AAAA,IAAA,CACV,GAEFR,oBAACS,YAAU;AAAA,MACThC;AAAAA,MACAkB,WAAWC,KACTH,yBAAyBG,KAAKC,kBAAkBa,MAAMhC,mCAASgC,IAAI,GACnE,CAACjB,yBACCG,KAAKC,kBAAkBc,kBAAkBjC,mCAASiC,gBAAgB,CAAC;AAAA,MAEvEC,MAAK;AAAA,MACLP,SAASxB;AAAAA,MACT0B,WACE1B,gBAAiBK,CAAUD,UAAAA,iBAAiBC,OAAOL,WAAW;AAAA,MAEhE2B,UAAU3B,cAAc,IAAI;AAAA,MAAGkB,8BAE9Bc,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAYf,UAAEjB;AAAAA,MAAAA,CAAc;AAAA,IAAA,CACvC,GAEbkB,oBAACe,qBAAmB;AAAA,MAClBtC,IAAIyB,MAAMzB,IAAI,OAAO;AAAA,MACrBkB,WAAY,GAAEC,KAAKC,kBAAkBM,MAAMzB,mCAASyB,IAAI,KACtDnB,gBACI,KACAY,KAAKC,kBAAkBO,UAAU1B,mCAAS0B,QAAQ;AAAA,MAExDC,SAASrB,gBAAiBE,CAAUN,UAAAA,eAAeM,KAAK,IAAIoB;AAAAA,MAC5DC,WAAYrB,CACVF,UAAAA,gBAAgBC,iBAAiBC,OAAON,cAAc,IAAI0B;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACV,CAAA;AAAA,EAAA,CACS;AAEjB;"}

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

@@ -0,0 +1,104 @@
+import _styled from "@emotion/styled/base";
+import { DropLeftXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
+import { theme } from "@hitachivantara/uikit-styles";
+import navigationClasses from "./navigationClasses.js";
+import { outlineStyles } from "../../../../utils/focusUtils.js";
+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: "e1ozyvih3"
+} : {
+  target: "e1ozyvih3",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bcffy2",
+  styles: "display:flex;align-items:center;justify-content:space-between"
+} : {
+  name: "bcffy2",
+  styles: "display:flex;align-items:center;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgRHJvcExlZnRYUyBhcyBEcm9wTGVmdEljb24sXG4gIERyb3BSaWdodFhTIGFzIERyb3BSaWdodEljb24sXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBuYXZpZ2F0aW9uQ2xhc3NlcyBmcm9tIFwiLi9uYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BMZWZ0SWNvbiA9IHN0eWxlZChEcm9wTGVmdEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRJY29uID0gc3R5bGVkKERyb3BSaWdodEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgW2AmLiR7bmF2aWdhdGlvbkNsYXNzZXMudGV4dH1gXToge1xuICAgIHdpZHRoOiBcImNhbGMoMTAwJSAtIDY0cHgpXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogXCI4cHggMFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHRXaXRob3V0SG92ZXJ9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledDropLeftIcon = /* @__PURE__ */ _styled(DropLeftXS, process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih2"
+} : {
+  target: "e1ozyvih2",
+  label: "StyledDropLeftIcon"
+})({
+  userSelect: "none",
+  width: "32px",
+  height: "32px",
+  "&:hover": {
+    backgroundColor: theme.colors.atmo3,
+    cursor: "pointer"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    backgroundColor: theme.colors.atmo3,
+    cursor: "pointer",
+    ...outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgRHJvcExlZnRYUyBhcyBEcm9wTGVmdEljb24sXG4gIERyb3BSaWdodFhTIGFzIERyb3BSaWdodEljb24sXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBuYXZpZ2F0aW9uQ2xhc3NlcyBmcm9tIFwiLi9uYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BMZWZ0SWNvbiA9IHN0eWxlZChEcm9wTGVmdEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRJY29uID0gc3R5bGVkKERyb3BSaWdodEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgW2AmLiR7bmF2aWdhdGlvbkNsYXNzZXMudGV4dH1gXToge1xuICAgIHdpZHRoOiBcImNhbGMoMTAwJSAtIDY0cHgpXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogXCI4cHggMFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHRXaXRob3V0SG92ZXJ9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledDropRightIcon = /* @__PURE__ */ _styled(DropRightXS, process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih1"
+} : {
+  target: "e1ozyvih1",
+  label: "StyledDropRightIcon"
+})({
+  userSelect: "none",
+  width: "32px",
+  height: "32px",
+  "&:hover": {
+    backgroundColor: theme.colors.atmo3,
+    cursor: "pointer"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    backgroundColor: theme.colors.atmo3,
+    cursor: "pointer",
+    ...outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIERyb3BMZWZ0WFMgYXMgRHJvcExlZnRJY29uLFxuICBEcm9wUmlnaHRYUyBhcyBEcm9wUmlnaHRJY29uLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbmF2aWdhdGlvbkNsYXNzZXMgZnJvbSBcIi4vbmF2aWdhdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wTGVmdEljb24gPSBzdHlsZWQoRHJvcExlZnRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcFJpZ2h0SWNvbiA9IHN0eWxlZChEcm9wUmlnaHRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHR9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHBhZGRpbmc6IFwiOHB4IDBcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICB9LFxuICBbYCYuJHtuYXZpZ2F0aW9uQ2xhc3Nlcy50ZXh0V2l0aG91dEhvdmVyfWBdOiB7XG4gICAgd2lkdGg6IFwiY2FsYygxMDAlIC0gNjRweClcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogXCIwIDVweFwiLFxuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxufSk7XG4iXX0= */");
+const StyledText = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih0"
+} : {
+  target: "e1ozyvih0",
+  label: "StyledText"
+})({
+  [`&.${navigationClasses.text}`]: {
+    width: "calc(100% - 64px)",
+    textAlign: "center",
+    height: "32px",
+    padding: "8px 0",
+    "&:hover": {
+      backgroundColor: theme.colors.atmo3,
+      cursor: "pointer"
+    },
+    "&:focus": {
+      outline: "none"
+    },
+    "&:focus-visible": {
+      backgroundColor: theme.colors.atmo3,
+      cursor: "pointer",
+      ...outlineStyles
+    }
+  },
+  [`&.${navigationClasses.textWithoutHover}`]: {
+    width: "calc(100% - 64px)",
+    textAlign: "center",
+    padding: "0 5px",
+    outline: "none"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIERyb3BMZWZ0WFMgYXMgRHJvcExlZnRJY29uLFxuICBEcm9wUmlnaHRYUyBhcyBEcm9wUmlnaHRJY29uLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbmF2aWdhdGlvbkNsYXNzZXMgZnJvbSBcIi4vbmF2aWdhdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wTGVmdEljb24gPSBzdHlsZWQoRHJvcExlZnRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcFJpZ2h0SWNvbiA9IHN0eWxlZChEcm9wUmlnaHRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHR9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHBhZGRpbmc6IFwiOHB4IDBcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICB9LFxuICBbYCYuJHtuYXZpZ2F0aW9uQ2xhc3Nlcy50ZXh0V2l0aG91dEhvdmVyfWBdOiB7XG4gICAgd2lkdGg6IFwiY2FsYygxMDAlIC0gNjRweClcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogXCIwIDVweFwiLFxuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledDropLeftIcon,
+  StyledDropRightIcon,
+  StyledRoot,
+  StyledText
+};
+//# sourceMappingURL=Navigation.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.styles.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport navigationClasses from \"./navigationClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledDropLeftIcon = styled(DropLeftIcon)({\n  userSelect: \"none\",\n  width: \"32px\",\n  height: \"32px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n    ...outlineStyles,\n  },\n});\n\nexport const StyledDropRightIcon = styled(DropRightIcon)({\n  userSelect: \"none\",\n  width: \"32px\",\n  height: \"32px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n    ...outlineStyles,\n  },\n});\n\nexport const StyledText = styled(\"div\")({\n  [`&.${navigationClasses.text}`]: {\n    width: \"calc(100% - 64px)\",\n    textAlign: \"center\",\n    height: \"32px\",\n    padding: \"8px 0\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo3,\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      backgroundColor: theme.colors.atmo3,\n      cursor: \"pointer\",\n      ...outlineStyles,\n    },\n  },\n  [`&.${navigationClasses.textWithoutHover}`]: {\n    width: \"calc(100% - 64px)\",\n    textAlign: \"center\",\n    padding: \"0 5px\",\n    outline: \"none\",\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropLeftIcon","DropLeftIcon","userSelect","width","height","backgroundColor","theme","colors","atmo3","cursor","outline","outlineStyles","StyledDropRightIcon","DropRightIcon","StyledText","navigationClasses","text","textAlign","padding","textWithoutHover"],"mappings":";;;;;;;;AASO,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,CAIrC;AAEK,MAAMC,qBAA4BC,wBAAAA,YAAYX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDQ,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjBL,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,IACR,GAAGE;AAAAA,EACL;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6hGAAA;AAEK,MAAMoB,sBAA6BC,wBAAAA,aAAavB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACvDQ,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjBL,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,IACR,GAAGE;AAAAA,EACL;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6hGAAA;AAEK,MAAMsB,aAAoB,wBAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtC,CAAE,KAAIqB,kBAAkBC,MAAM,GAAG;AAAA,IAC/Bb,OAAO;AAAA,IACPc,WAAW;AAAA,IACXb,QAAQ;AAAA,IACRc,SAAS;AAAA,IACT,WAAW;AAAA,MACTb,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjBL,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,MACR,GAAGE;AAAAA,IACL;AAAA,EACF;AAAA,EACA,CAAE,KAAII,kBAAkBI,kBAAkB,GAAG;AAAA,IAC3ChB,OAAO;AAAA,IACPc,WAAW;AAAA,IACXC,SAAS;AAAA,IACTR,SAAS;AAAA,EACX;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6hGAAA;"}

package/dist/esm/components/Calendar/CalendarNavigation/Navigation/navigationClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../../utils/classes.js";
+const classKeys = ["root", "icon", "disabled", "text", "textWithoutHover"];
+const navigationClasses = getClasses(classKeys, "HvNavigation");
+const navigationClasses$1 = navigationClasses;
+export {
+  navigationClasses$1 as default
+};
+//# sourceMappingURL=navigationClasses.js.map

package/dist/esm/components/Calendar/CalendarNavigation/Navigation/navigationClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationClasses.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/navigationClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvNavigationClasses = {\n  root?: string;\n  icon?: string;\n  disabled?: string;\n  text?: string;\n  textWithoutHover?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"disabled\",\n  \"text\",\n  \"textWithoutHover\",\n];\n\nconst navigationClasses = getClasses<HvNavigationClasses>(\n  classKeys,\n  \"HvNavigation\"\n);\n\nexport default navigationClasses;\n"],"names":["classKeys","navigationClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,QACA,QACA,YACA,QACA,kBAAkB;AAGpB,MAAMC,oBAAoBC,WACxBF,WACA,cAAc;AAGhB,MAAA,sBAAeC;"}

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

@@ -0,0 +1,23 @@
+import clsx from "clsx";
+import { StyledCalendarDay } from "./CalendarWeekLabels.styles.js";
+import calendarWeekLabelsClasses from "./calendarWeekLabelsClasses.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+const HvCalendarWeekLabel = ({
+  classes,
+  labels = []
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [" ", labels.map((dayName, index) => {
+      const key = `${dayName}-${index}`;
+      return /* @__PURE__ */ jsx(StyledCalendarDay, {
+        variant: "highlightText",
+        className: clsx(calendarWeekLabelsClasses.calendarDay, classes == null ? void 0 : classes.calendarDay),
+        children: dayName
+      }, key);
+    }), " "]
+  });
+};
+export {
+  HvCalendarWeekLabel
+};
+//# sourceMappingURL=CalendarWeekLabels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekLabels.js","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { DateRangeProp } from \"../Calendar\";\nimport { StyledCalendarDay } from \"./CalendarWeekLabels.styles\";\nimport calendarWeekLabelsClasses, {\n  HvCalendarWeekLabelsClasses,\n} from \"./calendarWeekLabelsClasses\";\n\nexport const HvCalendarWeekLabel = ({\n  classes,\n  labels = [],\n}: HvCalendarWeekLabelProps) => {\n  return (\n    <>\n      {\" \"}\n      {labels.map((dayName, index) => {\n        const key = `${dayName}-${index}`;\n        return (\n          <StyledCalendarDay\n            variant=\"highlightText\"\n            className={clsx(\n              calendarWeekLabelsClasses.calendarDay,\n              classes?.calendarDay\n            )}\n            key={key}\n          >\n            {dayName}\n          </StyledCalendarDay>\n        );\n      })}{\" \"}\n    </>\n  );\n};\n\nexport type HvCalendarWeekLabelProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarWeekLabelsClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Localized day of week labels.\n   */\n  labels?: 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"],"names":["HvCalendarWeekLabel","classes","labels","_Fragment","children","map","dayName","index","key","StyledCalendarDay","variant","className","clsx","calendarWeekLabelsClasses","calendarDay"],"mappings":";;;;AAOO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC,SAAS,CAAA;AACe,MAAM;AAC9B,8BACEC,UAAA;AAAA,IAAAC,UAAA,CACG,KACAF,OAAOG,IAAI,CAACC,SAASC,UAAU;AACxBC,YAAAA,MAAO,GAAEF,WAAWC;AAC1B,iCACGE,mBAAiB;AAAA,QAChBC,SAAQ;AAAA,QACRC,WAAWC,KACTC,0BAA0BC,aAC1Bb,mCAASa,WAAW;AAAA,QACpBV,UAGDE;AAAAA,SAFIE,GAAG;AAAA,IAKb,CAAA,GAAG,GAAG;AAAA,EAAA,CACN;AAEP;"}

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

@@ -0,0 +1,23 @@
+import _styled from "@emotion/styled/base";
+import { HvTypography } from "../../Typography/Typography.js";
+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 StyledCalendarDay = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "exstlpd0"
+} : {
+  target: "exstlpd0",
+  label: "StyledCalendarDay"
+})(process.env.NODE_ENV === "production" ? {
+  name: "rklzbe",
+  styles: "display:flex;justify-content:center;flex-direction:column;text-align:center;height:40px;width:40px"
+} : {
+  name: "rklzbe",
+  styles: "display:flex;justify-content:center;flex-direction:column;text-align:center;height:40px;width:40px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJXZWVrTGFiZWxzL0NhbGVuZGFyV2Vla0xhYmVscy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyV2Vla0xhYmVscy9DYWxlbmRhcldlZWtMYWJlbHMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF5ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgd2lkdGg6IFwiNDBweFwiLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledCalendarDay
+};
+//# sourceMappingURL=CalendarWeekLabels.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekLabels.styles.js","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\n\nexport const StyledCalendarDay = styled(HvTypography)({\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexDirection: \"column\",\n  textAlign: \"center\",\n  height: \"40px\",\n  width: \"40px\",\n});\n"],"names":["StyledCalendarDay","HvTypography","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;AAGO,MAAMA,oBAA2BC,wBAAAA,cAAYC,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,CAOnD;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["calendarDay"];
+const calendarWeekLabelsClasses = getClasses(classKeys, "HvCalendarWeekLabels");
+const calendarWeekLabelsClasses$1 = calendarWeekLabelsClasses;
+export {
+  calendarWeekLabelsClasses$1 as default
+};
+//# sourceMappingURL=calendarWeekLabelsClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendarWeekLabelsClasses.js","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/calendarWeekLabelsClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCalendarWeekLabelsClasses = {\n  calendarDay?: string;\n};\n\nconst classKeys: string[] = [\"calendarDay\"];\n\nconst calendarWeekLabelsClasses = getClasses<HvCalendarWeekLabelsClasses>(\n  classKeys,\n  \"HvCalendarWeekLabels\"\n);\n\nexport default calendarWeekLabelsClasses;\n"],"names":["classKeys","calendarWeekLabelsClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,aAAa;AAE1C,MAAMC,4BAA4BC,WAChCF,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;"}

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

@@ -0,0 +1,85 @@
+import { useRef } from "react";
+import clsx from "clsx";
+import { getFormattedDate, isDateRangeProp, isSameDay, isSameMonth, dateInProvidedValueRange, checkIfDateIsDisabled, getDateISO } from "../utils.js";
+import calendarCellClasses from "./calendarCellClasses.js";
+import { StyledDateWrapper, StyledCellContainer, StyledCalendarDate } from "./CalendarCell.styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import useComputation from "../../../hooks/useComputation.js";
+import { HvTooltip } from "../../Tooltip/Tooltip.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const HvCalendarCell = ({
+  classes,
+  onChange,
+  onKeyDown,
+  calendarValue,
+  firstDayOfCurrentMonth,
+  value,
+  isDateSelectionMode,
+  today,
+  locale,
+  minimumDate,
+  maximumDate,
+  rangeMode = false,
+  ...others
+}) => {
+  const buttonEl = useRef(null);
+  const [title, computeTitle] = useComputation(() => getFormattedDate(value, locale));
+  const startDate = isDateRangeProp(calendarValue) ? calendarValue.startDate : void 0;
+  const endDate = isDateRangeProp(calendarValue) ? calendarValue.endDate : void 0;
+  const isCellToday = isSameDay(value, today);
+  const isCellSelected = isSameDay(calendarValue, value);
+  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);
+  const isCellAfterStartingDate = rangeMode && value && startDate ? value >= startDate : false;
+  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;
+  const isDateInSelectionRange = calendarValue && rangeMode ? dateInProvidedValueRange(value, calendarValue) : false;
+  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);
+  const startBookend = isSameDay(startDate, value);
+  const endBookend = isSameDay(endDate, value);
+  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;
+  const handleClick = (event) => {
+    if (value) {
+      onChange == null ? void 0 : onChange(event, value);
+      if (buttonEl.current)
+        setTimeout(() => {
+          var _a;
+          return (_a = buttonEl == null ? void 0 : buttonEl.current) == null ? void 0 : _a.focus();
+        });
+    }
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown == null ? void 0 : onKeyDown(event);
+  };
+  const renderDate = () => /* @__PURE__ */ jsx(StyledCellContainer, {
+    ref: buttonEl,
+    type: "button",
+    className: clsx(calendarCellClasses.cellContainer, classes == null ? void 0 : classes.cellContainer, inMonth && clsx(calendarCellClasses.focusSelection, classes == null ? void 0 : classes.focusSelection)),
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    disabled: isDateDisabled || !inMonth,
+    "data-in-month": inMonth,
+    ...others,
+    children: /* @__PURE__ */ jsx(StyledCalendarDate, {
+      variant: isCellToday ? "highlightText" : "normalText",
+      className: clsx(calendarCellClasses.calendarDate, classes == null ? void 0 : classes.calendarDate, inMonth && isCellSelected && clsx(calendarCellClasses.calendarDateSelected, classes == null ? void 0 : classes.calendarDateSelected), !inMonth && clsx(calendarCellClasses.calendarDateNotInMonth, classes == null ? void 0 : classes.calendarDateNotInMonth), inMonth && rangeMode && isDateInSelectionRange && clsx(calendarCellClasses.calendarDateInSelectionRange, classes == null ? void 0 : classes.calendarDateInSelectionRange), isDateDisabled && clsx(calendarCellClasses.calendarDateDisabled, classes == null ? void 0 : classes.calendarDateDisabled), inMonth && (startBookend && rangeMode || isCellStartingDate && isDateSelectionMode) && clsx(calendarCellClasses.startBookend, classes == null ? void 0 : classes.startBookend), inMonth && endBookend && rangeMode && clsx(calendarCellClasses.endBookend, classes == null ? void 0 : classes.endBookend)),
+      children: value && value.getDate()
+    })
+  });
+  return /* @__PURE__ */ jsx(HvTooltip, {
+    enterDelay: 600,
+    onOpen: computeTitle,
+    title: title ? /* @__PURE__ */ jsx(HvTypography, {
+      noWrap: true,
+      children: title
+    }) : "",
+    children: /* @__PURE__ */ jsx(StyledDateWrapper, {
+      className: clsx(calendarCellClasses.dateWrapper, classes == null ? void 0 : classes.dateWrapper, inMonth && rangeMode && isSelecting && clsx(calendarCellClasses.cellsInRange, classes == null ? void 0 : classes.cellsInRange), rangeMode && !isSelecting && clsx(calendarCellClasses.cellsOutsideRange, classes == null ? void 0 : classes.cellsOutsideRange)),
+      "data-calendar-cell": "calendarCell",
+      children: renderDate()
+    })
+  }, getDateISO(value));
+};
+export {
+  HvCalendarCell,
+  HvCalendarCell as default
+};
+//# sourceMappingURL=CalendarCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  getDateISO,\n  getFormattedDate,\n  isSameDay,\n  isSameMonth,\n  dateInProvidedValueRange,\n  checkIfDateIsDisabled,\n  isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp, HvTooltip, HvTypography } from \"../..\";\nimport { useComputation } from \"hooks\";\nimport calendarCellClasses, {\n  HvCalendarCellClasses,\n} from \"./calendarCellClasses\";\nimport {\n  StyledCalendarDate,\n  StyledCellContainer,\n  StyledDateWrapper,\n} from \"./CalendarCell.styles\";\nimport CalendarModel from \"../model\";\n\nexport const HvCalendarCell = ({\n  classes,\n  onChange,\n  onKeyDown,\n  calendarValue,\n  firstDayOfCurrentMonth,\n  value,\n  isDateSelectionMode,\n  today,\n  locale,\n  minimumDate,\n  maximumDate,\n  rangeMode = false,\n  ...others\n}: HvCalendarCellProps) => {\n  const buttonEl = useRef<HTMLButtonElement>(null);\n  const [title, computeTitle] = useComputation(() =>\n    getFormattedDate(value, locale)\n  );\n\n  const startDate = isDateRangeProp(calendarValue)\n    ? calendarValue.startDate\n    : undefined;\n  const endDate = isDateRangeProp(calendarValue)\n    ? calendarValue.endDate\n    : undefined;\n  const isCellToday = isSameDay(value, today);\n  const isCellSelected = isSameDay(calendarValue, value);\n  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n  const isCellAfterStartingDate =\n    rangeMode && value && startDate ? value >= startDate : false;\n  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n  const isDateInSelectionRange =\n    calendarValue && rangeMode\n      ? dateInProvidedValueRange(value, calendarValue)\n      : false;\n  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n  const startBookend = isSameDay(startDate, value);\n  const endBookend = isSameDay(endDate, value);\n  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n  const handleClick = (event: SyntheticEvent) => {\n    if (value) {\n      onChange?.(event, value);\n      if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n    }\n  };\n\n  const handleKeyDown = (event) => {\n    onKeyDown?.(event);\n  };\n\n  const renderDate = () => (\n    <StyledCellContainer\n      ref={buttonEl}\n      type=\"button\"\n      className={clsx(\n        calendarCellClasses.cellContainer,\n        classes?.cellContainer,\n        inMonth &&\n          clsx(calendarCellClasses.focusSelection, classes?.focusSelection)\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={isDateDisabled || !inMonth}\n      data-in-month={inMonth}\n      {...others}\n    >\n      <StyledCalendarDate\n        variant={isCellToday ? \"highlightText\" : \"normalText\"}\n        className={clsx(\n          calendarCellClasses.calendarDate,\n          classes?.calendarDate,\n          inMonth &&\n            isCellSelected &&\n            clsx(\n              calendarCellClasses.calendarDateSelected,\n              classes?.calendarDateSelected\n            ),\n          !inMonth &&\n            clsx(\n              calendarCellClasses.calendarDateNotInMonth,\n              classes?.calendarDateNotInMonth\n            ),\n          inMonth &&\n            rangeMode &&\n            isDateInSelectionRange &&\n            clsx(\n              calendarCellClasses.calendarDateInSelectionRange,\n              classes?.calendarDateInSelectionRange\n            ),\n          isDateDisabled &&\n            clsx(\n              calendarCellClasses.calendarDateDisabled,\n              classes?.calendarDateDisabled\n            ),\n          inMonth &&\n            ((startBookend && rangeMode) ||\n              (isCellStartingDate && isDateSelectionMode)) &&\n            clsx(calendarCellClasses.startBookend, classes?.startBookend),\n          inMonth &&\n            endBookend &&\n            rangeMode &&\n            clsx(calendarCellClasses.endBookend, classes?.endBookend)\n        )}\n      >\n        {value && value.getDate()}\n      </StyledCalendarDate>\n    </StyledCellContainer>\n  );\n\n  return (\n    <HvTooltip\n      key={getDateISO(value)}\n      enterDelay={600}\n      onOpen={computeTitle}\n      title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n    >\n      <StyledDateWrapper\n        className={clsx(\n          calendarCellClasses.dateWrapper,\n          classes?.dateWrapper,\n          inMonth &&\n            rangeMode &&\n            isSelecting &&\n            clsx(calendarCellClasses.cellsInRange, classes?.cellsInRange),\n          rangeMode &&\n            !isSelecting &&\n            clsx(\n              calendarCellClasses.cellsOutsideRange,\n              classes?.cellsOutsideRange\n            )\n        )}\n        data-calendar-cell=\"calendarCell\"\n      >\n        {renderDate()}\n      </StyledDateWrapper>\n    </HvTooltip>\n  );\n};\n\nexport type HvCalendarCellProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarCellClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  calendarValue?: string | Date | DateRangeProp;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: Date;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event: SyntheticEvent, value: Date | DateRangeProp) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: React.FocusEventHandler<any>;\n\n  calendarModel?: CalendarModel;\n  onKeyDown?: (event: KeyboardEvent) => void;\n\n  today?: Date;\n  minimumDate?: Date;\n  maximumDate?: Date;\n  firstDayOfCurrentMonth?: Date;\n  isDateSelectionMode?: boolean;\n  rangeMode?: boolean;\n  tabIndex?: number;\n};\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","useRef","title","computeTitle","useComputation","getFormattedDate","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","_jsx","StyledCellContainer","ref","type","className","clsx","calendarCellClasses","cellContainer","focusSelection","onClick","disabled","children","StyledCalendarDate","variant","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","HvTooltip","enterDelay","onOpen","HvTypography","noWrap","StyledDateWrapper","dateWrapper","cellsInRange","cellsOutsideRange","getDateISO"],"mappings":";;;;;;;;;AAuBO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACgB,MAAM;AACnBC,QAAAA,WAAWC,OAA0B,IAAI;AACzC,QAAA,CAACC,OAAOC,YAAY,IAAIC,eAAe,MAC3CC,iBAAiBb,OAAOG,MAAM,CAAC;AAGjC,QAAMW,YAAYC,gBAAgBjB,aAAa,IAC3CA,cAAcgB,YACdE;AACJ,QAAMC,UAAUF,gBAAgBjB,aAAa,IACzCA,cAAcmB,UACdD;AACEE,QAAAA,cAAcC,UAAUnB,OAAOE,KAAK;AACpCkB,QAAAA,iBAAiBD,UAAUrB,eAAeE,KAAK;AAC/CqB,QAAAA,UAAUC,YAAYtB,OAAOD,sBAAsB;AACzD,QAAMwB,0BACJjB,aAAaN,SAASc,YAAYd,SAASc,YAAY;AACzD,QAAMU,qBAAqBlB,YAAYa,UAAUnB,OAAOc,SAAS,IAAI;AACrE,QAAMW,yBACJ3B,iBAAiBQ,YACboB,yBAAyB1B,OAAOF,aAAa,IAC7C;AACN,QAAM6B,iBAAiBC,sBAAsB5B,OAAOI,aAAaC,WAAW;AACtEwB,QAAAA,eAAeV,UAAUL,WAAWd,KAAK;AACzC8B,QAAAA,aAAaX,UAAUF,SAASjB,KAAK;AAC3C,QAAM+B,cAAc9B,uBAAuBsB;AAErCS,QAAAA,cAAcA,CAACC,UAA0B;AAC7C,QAAIjC,OAAO;AACTJ,2CAAWqC,OAAOjC;AAClB,UAAIQ,SAAS0B;AAASC,mBAAW,MAAA;;AAAM3B,4DAAU0B,YAAV1B,mBAAmB4B;AAAAA,SAAO;AAAA,IACnE;AAAA,EAAA;AAGF,QAAMC,gBAAiBJ,CAAU,UAAA;AAC/BpC,2CAAYoC;AAAAA,EAAK;AAGbK,QAAAA,aAAaA,MACjBC,oBAACC,qBAAmB;AAAA,IAClBC,KAAKjC;AAAAA,IACLkC,MAAK;AAAA,IACLC,WAAWC,KACTC,oBAAoBC,eACpBnD,mCAASmD,eACTzB,WACEuB,KAAKC,oBAAoBE,gBAAgBpD,mCAASoD,cAAc,CAAC;AAAA,IAErEC,SAAShB;AAAAA,IACTnC,WAAWwC;AAAAA,IACXY,UAAUtB,kBAAkB,CAACN;AAAAA,IAC7B,iBAAeA;AAAAA,IAAQ,GACnBd;AAAAA,IAAM2C,8BAETC,oBAAkB;AAAA,MACjBC,SAASlC,cAAc,kBAAkB;AAAA,MACzCyB,WAAWC,KACTC,oBAAoBQ,cACpB1D,mCAAS0D,cACThC,WACED,kBACAwB,KACEC,oBAAoBS,sBACpB3D,mCAAS2D,oBAAoB,GAEjC,CAACjC,WACCuB,KACEC,oBAAoBU,wBACpB5D,mCAAS4D,sBAAsB,GAEnClC,WACEf,aACAmB,0BACAmB,KACEC,oBAAoBW,8BACpB7D,mCAAS6D,4BAA4B,GAEzC7B,kBACEiB,KACEC,oBAAoBY,sBACpB9D,mCAAS8D,oBAAoB,GAEjCpC,YACIQ,gBAAgBvB,aACfkB,sBAAsBvB,wBACzB2C,KAAKC,oBAAoBhB,cAAclC,mCAASkC,YAAY,GAC9DR,WACES,cACAxB,aACAsC,KAAKC,oBAAoBf,YAAYnC,mCAASmC,UAAU,CAAC;AAAA,MAC3DoB,UAEDlD,SAASA,MAAM0D,QAAO;AAAA,IAAA,CAAE;AAAA,EAAA,CAG9B;AAED,6BACGC,WAAS;AAAA,IAERC,YAAY;AAAA,IACZC,QAAQlD;AAAAA,IACRD,OAAOA,QAAQ6B,oBAACuB,cAAY;AAAA,MAACC,QAAM;AAAA,MAAAb,UAAExC;AAAAA,IAAK,CAAA,IAAmB;AAAA,IAAGwC,8BAE/Dc,mBAAiB;AAAA,MAChBrB,WAAWC,KACTC,oBAAoBoB,aACpBtE,mCAASsE,aACT5C,WACEf,aACAyB,eACAa,KAAKC,oBAAoBqB,cAAcvE,mCAASuE,YAAY,GAC9D5D,aACE,CAACyB,eACDa,KACEC,oBAAoBsB,mBACpBxE,mCAASwE,iBAAiB,CAC3B;AAAA,MAEL,sBAAmB;AAAA,MAAcjB,UAEhCZ,WAAU;AAAA,IAAA,CAAE;AAAA,EAAA,GAtBV8B,WAAWpE,KAAK,CAAC;AA0B5B;"}

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

@@ -0,0 +1,95 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import calendarCellClasses from "./calendarCellClasses.js";
+import { outlineStyles } from "../../../utils/focusUtils.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const hover = {
+  backgroundColor: theme.calendar.cellHoverColor,
+  cursor: "pointer"
+};
+const StyledCellContainer = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "eulxq3n2"
+} : {
+  target: "eulxq3n2",
+  label: "StyledCellContainer"
+})({
+  cursor: "pointer",
+  border: 0,
+  padding: 0,
+  margin: 0,
+  backgroundColor: "transparent",
+  [`&.${calendarCellClasses.focusSelection}`]: {
+    "&:hover": {
+      ...hover
+    },
+    "&:focus": {
+      outline: "none"
+    },
+    "&:focus-visible": {
+      ...hover,
+      ...outlineStyles
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgY2FsZW5kYXJDZWxsQ2xhc3NlcyBmcm9tIFwiLi9jYWxlbmRhckNlbGxDbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyID0ge1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNhbGVuZGFyLmNlbGxIb3ZlckNvbG9yLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENlbGxDb250YWluZXIgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBib3JkZXI6IDAsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuZm9jdXNTZWxlY3Rpb259YF06IHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5ob3ZlcixcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXRlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgd2lkdGg6IFwiNDBweFwiLFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZVNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlTm90SW5Nb250aH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZUluU2VsZWN0aW9uUmFuZ2V9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVEaXNhYmxlZH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIGN1cnNvcjogXCJuby1kcm9wXCIsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuc3RhcnRCb29rZW5kfWBdOiB7XG4gICAgYm9yZGVyTGVmdDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5lbmRCb29rZW5kfWBdOiB7XG4gICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERhdGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiNDBweFwiLFxuICBoZWlnaHQ6IFwiNDBweFwiLFxuICBbYCYgLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jZWxsc0luUmFuZ2V9YF06IHtcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0c2lkZTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmIC4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2VsbHNPdXRzaWRlUmFuZ2V9YF06IHtcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0c2lkZTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+const StyledCalendarDate = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "eulxq3n1"
+} : {
+  target: "eulxq3n1",
+  label: "StyledCalendarDate"
+})({
+  display: "flex",
+  justifyContent: "center",
+  flexDirection: "column",
+  textAlign: "center",
+  height: "40px",
+  width: "40px",
+  [`&.${calendarCellClasses.calendarDateSelected}`]: {
+    backgroundColor: theme.colors.atmo3,
+    color: theme.colors.secondary,
+    "&:hover": {
+      ...hover
+    }
+  },
+  [`&.${calendarCellClasses.calendarDateNotInMonth}`]: {
+    color: theme.colors.secondary_60,
+    cursor: "not-allowed"
+  },
+  [`&.${calendarCellClasses.calendarDateInSelectionRange}`]: {
+    backgroundColor: theme.colors.atmo3
+  },
+  [`&.${calendarCellClasses.calendarDateDisabled}`]: {
+    color: theme.colors.secondary_60,
+    cursor: "no-drop"
+  },
+  [`&.${calendarCellClasses.startBookend}`]: {
+    borderLeft: `1px solid ${theme.colors.secondary}`
+  },
+  [`&.${calendarCellClasses.endBookend}`]: {
+    borderRight: `1px solid ${theme.colors.secondary}`
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL1NpbmdsZUNhbGVuZGFyL0NhbGVuZGFyQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IGNhbGVuZGFyQ2VsbENsYXNzZXMgZnJvbSBcIi4vY2FsZW5kYXJDZWxsQ2xhc3Nlc1wiO1xuXG5jb25zdCBob3ZlciA9IHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jYWxlbmRhci5jZWxsSG92ZXJDb2xvcixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDZWxsQ29udGFpbmVyID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgYm9yZGVyOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmZvY3VzU2VsZWN0aW9ufWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF0ZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVTZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAuLi5ob3ZlcixcbiAgICB9LFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZU5vdEluTW9udGh9YF06IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVJblNlbGVjdGlvblJhbmdlfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlRGlzYWJsZWR9YF06IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm8tZHJvcFwiLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuZW5kQm9va2VuZH1gXToge1xuICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREYXRlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgW2AmIC4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2VsbHNJblJhbmdlfWBdOiB7XG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dHNpZGU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNlbGxzT3V0c2lkZVJhbmdlfWBdOiB7XG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dHNpZGU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledDateWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eulxq3n0"
+} : {
+  target: "eulxq3n0",
+  label: "StyledDateWrapper"
+})({
+  width: "40px",
+  height: "40px",
+  [`& .${calendarCellClasses.cellsInRange}`]: {
+    "&:focus": {
+      outside: "none"
+    }
+  },
+  [`& .${calendarCellClasses.cellsOutsideRange}`]: {
+    "&:focus": {
+      outside: "none"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvU2luZ2xlQ2FsZW5kYXIvQ2FsZW5kYXJDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL1NpbmdsZUNhbGVuZGFyL0NhbGVuZGFyQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IGNhbGVuZGFyQ2VsbENsYXNzZXMgZnJvbSBcIi4vY2FsZW5kYXJDZWxsQ2xhc3Nlc1wiO1xuXG5jb25zdCBob3ZlciA9IHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jYWxlbmRhci5jZWxsSG92ZXJDb2xvcixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDZWxsQ29udGFpbmVyID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgYm9yZGVyOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmZvY3VzU2VsZWN0aW9ufWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIC4uLmhvdmVyLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4uaG92ZXIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF0ZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVTZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAuLi5ob3ZlcixcbiAgICB9LFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNhbGVuZGFyRGF0ZU5vdEluTW9udGh9YF06IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbiAgW2AmLiR7Y2FsZW5kYXJDZWxsQ2xhc3Nlcy5jYWxlbmRhckRhdGVJblNlbGVjdGlvblJhbmdlfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2FsZW5kYXJEYXRlRGlzYWJsZWR9YF06IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm8tZHJvcFwiLFxuICB9LFxuICBbYCYuJHtjYWxlbmRhckNlbGxDbGFzc2VzLnN0YXJ0Qm9va2VuZH1gXToge1xuICAgIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG4gIFtgJi4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuZW5kQm9va2VuZH1gXToge1xuICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREYXRlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjQwcHhcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgW2AmIC4ke2NhbGVuZGFyQ2VsbENsYXNzZXMuY2VsbHNJblJhbmdlfWBdOiB7XG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dHNpZGU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjYWxlbmRhckNlbGxDbGFzc2VzLmNlbGxzT3V0c2lkZVJhbmdlfWBdOiB7XG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dHNpZGU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+export {
+  StyledCalendarDate,
+  StyledCellContainer,
+  StyledDateWrapper
+};
+//# sourceMappingURL=CalendarCell.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.styles.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport calendarCellClasses from \"./calendarCellClasses\";\n\nconst hover = {\n  backgroundColor: theme.calendar.cellHoverColor,\n  cursor: \"pointer\",\n};\n\nexport const StyledCellContainer = styled(\"button\")({\n  cursor: \"pointer\",\n  border: 0,\n  padding: 0,\n  margin: 0,\n  backgroundColor: \"transparent\",\n  [`&.${calendarCellClasses.focusSelection}`]: {\n    \"&:hover\": {\n      ...hover,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...hover,\n      ...outlineStyles,\n    },\n  },\n});\n\nexport const StyledCalendarDate = styled(HvTypography)({\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexDirection: \"column\",\n  textAlign: \"center\",\n  height: \"40px\",\n  width: \"40px\",\n  [`&.${calendarCellClasses.calendarDateSelected}`]: {\n    backgroundColor: theme.colors.atmo3,\n    color: theme.colors.secondary,\n    \"&:hover\": {\n      ...hover,\n    },\n  },\n  [`&.${calendarCellClasses.calendarDateNotInMonth}`]: {\n    color: theme.colors.secondary_60,\n    cursor: \"not-allowed\",\n  },\n  [`&.${calendarCellClasses.calendarDateInSelectionRange}`]: {\n    backgroundColor: theme.colors.atmo3,\n  },\n  [`&.${calendarCellClasses.calendarDateDisabled}`]: {\n    color: theme.colors.secondary_60,\n    cursor: \"no-drop\",\n  },\n  [`&.${calendarCellClasses.startBookend}`]: {\n    borderLeft: `1px solid ${theme.colors.secondary}`,\n  },\n  [`&.${calendarCellClasses.endBookend}`]: {\n    borderRight: `1px solid ${theme.colors.secondary}`,\n  },\n});\n\nexport const StyledDateWrapper = styled(\"div\")({\n  width: \"40px\",\n  height: \"40px\",\n  [`& .${calendarCellClasses.cellsInRange}`]: {\n    \"&:focus\": {\n      outside: \"none\",\n    },\n  },\n  [`& .${calendarCellClasses.cellsOutsideRange}`]: {\n    \"&:focus\": {\n      outside: \"none\",\n    },\n  },\n});\n"],"names":["hover","backgroundColor","theme","calendar","cellHoverColor","cursor","StyledCellContainer","process","env","NODE_ENV","target","label","border","padding","margin","calendarCellClasses","focusSelection","outline","outlineStyles","StyledCalendarDate","HvTypography","display","justifyContent","flexDirection","textAlign","height","width","calendarDateSelected","colors","atmo3","color","secondary","calendarDateNotInMonth","secondary_60","calendarDateInSelectionRange","calendarDateDisabled","startBookend","borderLeft","endBookend","borderRight","StyledDateWrapper","cellsInRange","outside","cellsOutsideRange"],"mappings":";;;;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,MAAMC,SAASC;AAAAA,EAChCC,QAAQ;AACV;AAEO,MAAMC,sBAA6B,wBAAA,UAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClDN,QAAQ;AAAA,EACRO,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRb,iBAAiB;AAAA,EACjB,CAAE,KAAIc,oBAAoBC,gBAAgB,GAAG;AAAA,IAC3C,WAAW;AAAA,MACT,GAAGhB;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTiB,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGjB;AAAAA,MACH,GAAGkB;AAAAA,IACL;AAAA,EACF;AACF,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,isGAAA;AAEK,MAAMU,qBAA4BC,wBAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,eAAe;AAAA,EACfC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACP,CAAE,KAAIX,oBAAoBY,sBAAsB,GAAG;AAAA,IACjD1B,iBAAiBC,MAAM0B,OAAOC;AAAAA,IAC9BC,OAAO5B,MAAM0B,OAAOG;AAAAA,IACpB,WAAW;AAAA,MACT,GAAG/B;AAAAA,IACL;AAAA,EACF;AAAA,EACA,CAAE,KAAIe,oBAAoBiB,wBAAwB,GAAG;AAAA,IACnDF,OAAO5B,MAAM0B,OAAOK;AAAAA,IACpB5B,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,KAAIU,oBAAoBmB,8BAA8B,GAAG;AAAA,IACzDjC,iBAAiBC,MAAM0B,OAAOC;AAAAA,EAChC;AAAA,EACA,CAAE,KAAId,oBAAoBoB,sBAAsB,GAAG;AAAA,IACjDL,OAAO5B,MAAM0B,OAAOK;AAAAA,IACpB5B,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,KAAIU,oBAAoBqB,cAAc,GAAG;AAAA,IACzCC,YAAa,aAAYnC,MAAM0B,OAAOG;AAAAA,EACxC;AAAA,EACA,CAAE,KAAIhB,oBAAoBuB,YAAY,GAAG;AAAA,IACvCC,aAAc,aAAYrC,MAAM0B,OAAOG;AAAAA,EACzC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qsGAAA;AAEK,MAAM+B,oBAA2B,wBAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7Ce,OAAO;AAAA,EACPD,QAAQ;AAAA,EACR,CAAE,MAAKV,oBAAoB0B,cAAc,GAAG;AAAA,IAC1C,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,MAAK3B,oBAAoB4B,mBAAmB,GAAG;AAAA,IAC/C,WAAW;AAAA,MACTD,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAACnC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qsGAAA;"}