@hitachivantara/uikit-react-core 5.24.2 → 5.24.4

package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.styles.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\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.secondary}`,\n  },\n});\n\nexport const StyledInputBorderContainer = styled(\"div\")({\n  backgroundColor: theme.colors.negative,\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.secondary_60,\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\nexport const StyledTypography = styled(HvTypography)({\n  display: \"flex\",\n  alignItems: \"center\",\n  color: theme.colors.negative,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","marginTop","theme","spacing","backgroundColor","colors","atmo1","borderBottom","calendar","headerInputBorderBottom","borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","secondary","StyledInputBorderContainer","negative","height","StyledInput","props","_jsx","border","padding","fontFamily","body","color","headerInputFontColor","fontSize","headerInputFontSize","letterSpacing","headerInputFontLetterSpacing","lineHeight","headerInputFontLineHeight","fontWeight","headerInputFontWeight","width","secondary_60","outline","outlineStyles","StyledHeaderDayOfWeek","HvTypography","paddingLeft","StyledTypography","display","alignItems"],"mappings":";;;;;;;;;AAOO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,WAAWC,YAAAA,MAAMC,QAAQ,IAAI;AAAA,EAC7BC,iBAAiBF,YAAAA,MAAMG,OAAOC;AAAAA,EAC9BC,cAAcL,YAAAA,MAAMM,SAASC;AAAAA,EAC7BC,WAAWR,YAAAA,MAAMM,SAASG;AAAAA,EAC1BC,YAAYV,YAAAA,MAAMM,SAASK;AAAAA,EAC3BC,aAAaZ,YAAAA,MAAMM,SAASO;AAAAA,EAC5BC,cAAcd,YAAAA,MAAMM,SAASQ;AAAAA,EAC7B,oBAAoB;AAAA,IAClBT,cAAe,aAAYL,YAAAA,MAAMG,OAAOY;AAAAA,EAC1C;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;AAEK,MAAMoB,6BAAoCvB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDI,iBAAiBF,YAAAA,MAAMG,OAAOc;AAAAA,EAC9BC,QAAQ;AAAA,EACRnB,WAAW;AACb,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;AAEK,MAAMuB,cAAc1B,iCAAAA,QAAQ2B,CAAUC,UAAAA,2BAAAA,IAAA,SAAA;AAAA,EAAA,GAAWD;AAAK,CAAG,GAAC1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEwB,QAAQ;AAAA,EACRpB,iBAAiB;AAAA,EACjBqB,SAAU,OAAMvB,YAAAA,MAAMC,QAAQ,IAAI;AAAA,EAClCuB,YAAYxB,YAAAA,MAAMwB,WAAWC;AAAAA,EAE7BC,OAAO1B,YAAAA,MAAMM,SAASqB;AAAAA,EACtBC,UAAU5B,YAAAA,MAAMM,SAASuB;AAAAA,EACzBC,eAAe9B,YAAAA,MAAMM,SAASyB;AAAAA,EAC9BC,YAAYhC,YAAAA,MAAMM,SAAS2B;AAAAA,EAC3BC,YAAYlC,YAAAA,MAAMM,SAAS6B;AAAAA,EAC3BC,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChBV,OAAO1B,YAAAA,MAAMG,OAAOkC;AAAAA,EACtB;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,EACL;AACF,GAAC7C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;AAEK,MAAM4C,wBAA+BC,iCAAAA,QAAAA,WAAAA,cAAY/C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxD4B,OAAO1B,YAAAA,MAAMM,SAASqB;AAAAA,EACtBe,aAAa1C,YAAAA,MAAMC,QAAQ,IAAI;AACjC,GAACP,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;AAEK,MAAM+C,mBAA0BF,iCAAAA,QAAAA,WAAAA,cAAY/C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnD8C,SAAS;AAAA,EACTC,YAAY;AAAA,EACZnB,OAAO1B,YAAAA,MAAMG,OAAOc;AACtB,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;;;;;;"}
+{"version":3,"file":"CalendarHeader.styles.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendarHeader\", {\n  root: {\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.secondary}`,\n    },\n  },\n  invalid: {},\n  headerDayOfWeek: {\n    color: theme.calendar.headerInputFontColor,\n    paddingLeft: theme.spacing(\"xs\"),\n  },\n  headerDate: {},\n  input: {\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.secondary_60,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  inputBorderContainer: {\n    backgroundColor: theme.colors.negative,\n    height: 1,\n    marginTop: -1,\n  },\n  invalidMessageStyling: {\n    display: \"flex\",\n    alignItems: \"center\",\n    color: theme.colors.negative,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","marginTop","theme","spacing","backgroundColor","colors","atmo1","borderBottom","calendar","headerInputBorderBottom","borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","secondary","invalid","headerDayOfWeek","color","headerInputFontColor","paddingLeft","headerDate","input","border","padding","fontFamily","body","fontSize","headerInputFontSize","letterSpacing","headerInputFontLetterSpacing","lineHeight","headerInputFontLineHeight","fontWeight","headerInputFontWeight","width","secondary_60","outline","outlineStyles","inputBorderContainer","negative","height","invalidMessageStyling","display","alignItems"],"mappings":";;;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,WAAWC,YAAAA,MAAMC,QAAQ,IAAI;AAAA,IAC7BC,iBAAiBF,YAAAA,MAAMG,OAAOC;AAAAA,IAC9BC,cAAcL,YAAAA,MAAMM,SAASC;AAAAA,IAC7BC,WAAWR,YAAAA,MAAMM,SAASG;AAAAA,IAC1BC,YAAYV,YAAAA,MAAMM,SAASK;AAAAA,IAC3BC,aAAaZ,YAAAA,MAAMM,SAASO;AAAAA,IAC5BC,cAAcd,YAAAA,MAAMM,SAASQ;AAAAA,IAC7B,oBAAoB;AAAA,MAClBT,cAAe,aAAYL,YAAAA,MAAMG,OAAOY;AAAAA,IAC1C;AAAA,EACF;AAAA,EACAC,SAAS,CAAC;AAAA,EACVC,iBAAiB;AAAA,IACfC,OAAOlB,YAAAA,MAAMM,SAASa;AAAAA,IACtBC,aAAapB,YAAAA,MAAMC,QAAQ,IAAI;AAAA,EACjC;AAAA,EACAoB,YAAY,CAAC;AAAA,EACbC,OAAO;AAAA,IACLC,QAAQ;AAAA,IACRrB,iBAAiB;AAAA,IACjBsB,SAAU,OAAMxB,YAAAA,MAAMC,QAAQ,IAAI;AAAA,IAClCwB,YAAYzB,YAAAA,MAAMyB,WAAWC;AAAAA,IAE7BR,OAAOlB,YAAAA,MAAMM,SAASa;AAAAA,IACtBQ,UAAU3B,YAAAA,MAAMM,SAASsB;AAAAA,IACzBC,eAAe7B,YAAAA,MAAMM,SAASwB;AAAAA,IAC9BC,YAAY/B,YAAAA,MAAMM,SAAS0B;AAAAA,IAC3BC,YAAYjC,YAAAA,MAAMM,SAAS4B;AAAAA,IAC3BC,OAAO;AAAA,IACP,kBAAkB;AAAA,MAChBjB,OAAOlB,YAAAA,MAAMG,OAAOiC;AAAAA,IACtB;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IACpBrC,iBAAiBF,YAAAA,MAAMG,OAAOqC;AAAAA,IAC9BC,QAAQ;AAAA,IACR1C,WAAW;AAAA,EACb;AAAA,EACA2C,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZ1B,OAAOlB,YAAAA,MAAMG,OAAOqC;AAAAA,EACtB;AACF,CAAC;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const setId = require("../../../../utils/setId.cjs");
-const clsx = require("clsx");
 const utils = require("../../utils.cjs");
-const composedNavigationClasses = require("./composedNavigationClasses.cjs");
 const ComposedNavigation_styles = require("./ComposedNavigation.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Navigation = require("../Navigation/Navigation.cjs");
 const HvComposedNavigation = ({
-  classes,
+  classes: classesProp,
   id,
   locale,
   onChange,
@@ -17,13 +15,16 @@ const HvComposedNavigation = ({
   visibleMonth,
   ...others
 }) => {
+  const {
+    classes
+  } = ComposedNavigation_styles.useClasses(classesProp);
   const listMonthNamesLong = utils.getMonthNamesList(locale, "long");
   const monthName = listMonthNamesLong[visibleMonth - 1];
-  return /* @__PURE__ */ jsxRuntime.jsxs(ComposedNavigation_styles.StyledNavigationContainer, {
-    className: clsx.clsx(composedNavigationClasses.default.navigationContainer, classes == null ? void 0 : classes.navigationContainer),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: classes.navigationContainer,
     ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(ComposedNavigation_styles.StyledNavigationMonth, {
-      className: clsx.clsx(composedNavigationClasses.default.navigationMonth, classes == null ? void 0 : classes.navigationMonth),
+    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.navigationMonth,
       children: /* @__PURE__ */ jsxRuntime.jsx(Navigation.Navigation, {
         id: setId.setId(id, "navigation-month"),
         navigationText: monthName,
@@ -36,7 +37,7 @@ const HvComposedNavigation = ({
         onTextClick: () => {
           onViewModeChange("monthly");
         },
-        className: clsx.clsx(composedNavigationClasses.default.navigationMonth, classes == null ? void 0 : classes.navigationMonth)
+        className: classes.navigationMonth
       })
     }), /* @__PURE__ */ jsxRuntime.jsx(Navigation.Navigation, {
       id: setId.setId(id, "navigation-year"),
@@ -50,5 +51,6 @@ const HvComposedNavigation = ({
     })]
   });
 };
+exports.composedNavigationClasses = ComposedNavigation_styles.staticClasses;
 exports.HvComposedNavigation = HvComposedNavigation;
 //# sourceMappingURL=ComposedNavigation.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedNavigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { setId } from \"@core/utils/setId\";\n\nimport { clsx } from \"clsx\";\n\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { Navigation } from \"../Navigation\";\nimport composedNavigationClasses, {\n  HvComposedNavigationClasses,\n} from \"./composedNavigationClasses\";\nimport {\n  StyledNavigationContainer,\n  StyledNavigationMonth,\n} from \"./ComposedNavigation.styles\";\nimport { VisibilitySelectorActions } from \"../../types\";\n\nexport const HvComposedNavigation = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const listMonthNamesLong = getMonthNamesList(locale, \"long\");\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <StyledNavigationContainer\n      className={clsx(\n        composedNavigationClasses.navigationContainer,\n        classes?.navigationContainer\n      )}\n      {...others}\n    >\n      <StyledNavigationMonth\n        className={clsx(\n          composedNavigationClasses.navigationMonth,\n          classes?.navigationMonth\n        )}\n      >\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, \"previous_month\");\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, \"next_month\");\n          }}\n          onTextClick={() => {\n            onViewModeChange(\"monthly\");\n          }}\n          className={clsx(\n            composedNavigationClasses.navigationMonth,\n            classes?.navigationMonth\n          )}\n        />\n      </StyledNavigationMonth>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, \"previous_year\");\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, \"next_year\");\n        }}\n      />\n    </StyledNavigationContainer>\n  );\n};\n\nexport interface HvComposedNavigationProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\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, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","monthName","StyledNavigationContainer","className","clsx","composedNavigationClasses","navigationContainer","children","_jsx","StyledNavigationMonth","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","onNavigateNext","onTextClick","toString"],"mappings":";;;;;;;;;AAgBO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzBC,QAAAA,qBAAqBC,MAAAA,kBAAkBP,QAAQ,MAAM;AACrDQ,QAAAA,YAAYF,mBAAmBF,eAAe,CAAC;AAErD,yCACGK,0BAAAA,2BAAyB;AAAA,IACxBC,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BC,qBAC1Bf,mCAASe,mBACX;AAAA,IAAE,GACER;AAAAA,IAAMS,UAAA,CAEVC,2BAAAA,IAACC,iDAAqB;AAAA,MACpBN,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BK,iBAC1BnB,mCAASmB,eACX;AAAA,MAAEH,yCAEDI,uBAAU;AAAA,QACTnB,IAAIoB,MAAAA,MAAMpB,IAAI,kBAAkB;AAAA,QAChCqB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAC7BrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAC,gBAAiBD,CAAU,UAAA;AACzBrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAE,aAAaA,MAAM;AACjBtB,2BAAiB,SAAS;AAAA,QAC5B;AAAA,QACAQ,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BK,iBAC1BnB,mCAASmB,eACX;AAAA,MAAA,CACD;AAAA,IAAA,CACoB,GAEvBF,2BAAAA,IAACG,uBAAU;AAAA,MACTnB,IAAIoB,MAAAA,MAAMpB,IAAI,iBAAiB;AAAA,MAC/BqB,gBAAgBjB,YAAYsB,SAAS;AAAA,MACrCJ,oBAAqBC,CAAU,UAAA;AAC7BrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,MACAC,gBAAiBD,CAAU,UAAA;AACzBrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,IAAA,CACD,CAAC;AAAA,EAAA,CACuB;AAE/B;;"}
+{"version":3,"file":"ComposedNavigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { Navigation } from \"../Navigation\";\nimport { VisibilitySelectorActions } from \"../../types\";\n\nimport { staticClasses, useClasses } from \"./ComposedNavigation.styles\";\n\nexport { staticClasses as composedNavigationClasses };\n\nexport type HvComposedNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport const HvComposedNavigation = ({\n  classes: classesProp,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const listMonthNamesLong = getMonthNamesList(locale, \"long\");\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <div className={classes.navigationContainer} {...others}>\n      <div className={classes.navigationMonth}>\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, \"previous_month\");\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, \"next_month\");\n          }}\n          onTextClick={() => {\n            onViewModeChange(\"monthly\");\n          }}\n          className={classes.navigationMonth}\n        />\n      </div>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, \"previous_year\");\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, \"next_year\");\n        }}\n      />\n    </div>\n  );\n};\n\nexport interface HvComposedNavigationProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\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, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","classesProp","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","useClasses","listMonthNamesLong","getMonthNamesList","monthName","className","navigationContainer","children","_jsx","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","onNavigateNext","onTextClick","toString"],"mappings":";;;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzB,QAAA;AAAA,IAAER;AAAAA,EAAAA,IAAYS,0BAAAA,WAAWR,WAAW;AAEpCS,QAAAA,qBAAqBC,MAAAA,kBAAkBR,QAAQ,MAAM;AACrDS,QAAAA,YAAYF,mBAAmBH,eAAe,CAAC;AAErD,yCACE,OAAA;AAAA,IAAKM,WAAWb,QAAQc;AAAAA,IAAoB,GAAKN;AAAAA,IAAMO,WACrDC,2BAAAA,IAAA,OAAA;AAAA,MAAKH,WAAWb,QAAQiB;AAAAA,MAAgBF,yCACrCG,uBAAU;AAAA,QACThB,IAAIiB,MAAAA,MAAMjB,IAAI,kBAAkB;AAAA,QAChCkB,gBAAgBR;AAAAA,QAChBS,oBAAqBC,CAAU,UAAA;AAC7BlB,+CAAWkB,OAAO;AAAA,QACpB;AAAA,QACAC,gBAAiBD,CAAU,UAAA;AACzBlB,+CAAWkB,OAAO;AAAA,QACpB;AAAA,QACAE,aAAaA,MAAM;AACjBnB,2BAAiB,SAAS;AAAA,QAC5B;AAAA,QACAQ,WAAWb,QAAQiB;AAAAA,MAAAA,CACpB;AAAA,IAAA,CACE,GAELD,2BAAAA,IAACE,uBAAU;AAAA,MACThB,IAAIiB,MAAAA,MAAMjB,IAAI,iBAAiB;AAAA,MAC/BkB,gBAAgBd,YAAYmB,SAAS;AAAA,MACrCJ,oBAAqBC,CAAU,UAAA;AAC7BlB,6CAAWkB,OAAO;AAAA,MACpB;AAAA,MACAC,gBAAiBD,CAAU,UAAA;AACzBlB,6CAAWkB,OAAO;AAAA,MACpB;AAAA,IAAA,CACD,CAAC;AAAA,EAAA,CACC;AAET;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs

@@ -1,36 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
+const classes = require("../../../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-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 StyledNavigationContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "es2ikxx1"
-} : {
-  target: "es2ikxx1",
-  label: "StyledNavigationContainer"
-})({
-  display: "flex",
-  justifyContent: "space-between",
-  padding: uikitStyles.theme.spacing(["xs", 0])
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi9Db21wb3NlZE5hdmlnYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vQ29tcG9zZWROYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJ4c1wiLCAwXSksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25Nb250aCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbldpZHRoOiBcIjE2MHB4XCIsXG59KTtcbiJdfQ== */");
-const StyledNavigationMonth = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "es2ikxx0"
-} : {
-  target: "es2ikxx0",
-  label: "StyledNavigationMonth"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1adi3ip",
-  styles: "min-width:160px"
-} : {
-  name: "1adi3ip",
-  styles: "min-width:160px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi9Db21wb3NlZE5hdmlnYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vQ29tcG9zZWROYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJ4c1wiLCAwXSksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25Nb250aCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbldpZHRoOiBcIjE2MHB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvComposedNavigation", {
+  navigationContainer: {
+    display: "flex",
+    justifyContent: "space-between",
+    padding: uikitStyles.theme.spacing(["xs", 0])
+  },
+  navigationMonth: {
+    minWidth: "160px"
+  }
 });
-exports.StyledNavigationContainer = StyledNavigationContainer;
-exports.StyledNavigationMonth = StyledNavigationMonth;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=ComposedNavigation.styles.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedNavigation.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledNavigationContainer = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  padding: theme.spacing([\"xs\", 0]),\n});\n\nexport const StyledNavigationMonth = styled(\"div\")({\n  minWidth: \"160px\",\n});\n"],"names":["StyledNavigationContainer","_styled","process","env","NODE_ENV","target","label","display","justifyContent","padding","theme","spacing","StyledNavigationMonth","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;AAGO,MAAMA,4BAAmCC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,SAASC,YAAAA,MAAMC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAClC,GAACT,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iCAAA;AAEK,MAAMQ,wBAA+BX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;;;"}
+{"version":3,"file":"ComposedNavigation.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvComposedNavigation\",\n  {\n    navigationContainer: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      padding: theme.spacing([\"xs\", 0]),\n    },\n    navigationMonth: {\n      minWidth: \"160px\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","navigationContainer","display","justifyContent","padding","theme","spacing","navigationMonth","minWidth"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,wBACA;AAAA,EACEC,qBAAqB;AAAA,IACnBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,SAASC,YAAAA,MAAMC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,EAClC;AAAA,EACAC,iBAAiB;AAAA,IACfC,UAAU;AAAA,EACZ;AACF,CACF;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const keyboardUtils = require("../../../../utils/keyboardUtils.cjs");
 const utils = require("../../utils.cjs");
-const monthSelectorClasses = require("./monthSelectorClasses.cjs");
 const MonthSelector_styles = require("./MonthSelector.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Typography = require("../../../Typography/Typography.cjs");
 const HvMonthSelector = ({
-  classes,
+  classes: classesProp,
   id,
   locale,
   onChange,
@@ -16,6 +15,10 @@ const HvMonthSelector = ({
   visibleMonth,
   ...others
 }) => {
+  const {
+    classes,
+    cx
+  } = MonthSelector_styles.useClasses(classesProp);
   const listMonthNamesShort = utils.getMonthNamesList(locale, "short");
   const onKeyDownHandler = (event, index) => {
     if (keyboardUtils.isKey(event, "Enter")) {
@@ -23,10 +26,13 @@ const HvMonthSelector = ({
       onViewModeChange("calendar");
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledCalendarMonthlyGrid, {
-    className: clsx.clsx(monthSelectorClasses.default.calendarMonthlyGrid, classes == null ? void 0 : classes.calendarMonthlyGrid, rangeMode ? clsx.clsx(monthSelectorClasses.default.rangeModeWidth, classes == null ? void 0 : classes.rangeModeWidth) : clsx.clsx(monthSelectorClasses.default.normalWidth, classes == null ? void 0 : classes.normalWidth)),
-    children: listMonthNamesShort.map((monthName, index) => /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledFocusSelection, {
-      className: clsx.clsx(monthSelectorClasses.default.focusSelection, classes == null ? void 0 : classes.focusSelection),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: cx(classes.calendarMonthlyGrid, {
+      [classes.rangeModeWidth]: rangeMode,
+      [classes.normalWidth]: !rangeMode
+    }),
+    children: listMonthNamesShort.map((monthName, index) => /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.focusSelection,
       role: "button",
       onClick: (event) => {
         onChange == null ? void 0 : onChange(event, "month", index + 1);
@@ -35,12 +41,15 @@ const HvMonthSelector = ({
       onKeyDown: (event) => onKeyDownHandler(event, index),
       tabIndex: 0,
       ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledCalendarMonthlyCell, {
-        className: clsx.clsx(monthSelectorClasses.default.calendarMonthlyCell, classes == null ? void 0 : classes.calendarMonthlyCell, index + 1 === visibleMonth && clsx.clsx(monthSelectorClasses.default.calendarMonthlyCellSelected, classes == null ? void 0 : classes.calendarMonthlyCellSelected)),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+        className: cx(classes.calendarMonthlyCell, {
+          [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth
+        }),
         children: monthName
       })
     }, monthName))
   });
 };
+exports.monthSelectorClasses = MonthSelector_styles.staticClasses;
 exports.HvMonthSelector = HvMonthSelector;
 //# sourceMappingURL=MonthSelector.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthSelector.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\n\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport monthSelectorClasses, {\n  HvMonthSelectorClasses,\n} from \"./monthSelectorClasses\";\nimport {\n  StyledCalendarMonthlyCell,\n  StyledCalendarMonthlyGrid,\n  StyledFocusSelection,\n} from \"./MonthSelector.styles\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../types\";\n\nexport const HvMonthSelector = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n  const onKeyDownHandler = (event, index) => {\n    if (isKey(event, \"Enter\")) {\n      onChange?.(event, \"month\", index + 1);\n      onViewModeChange(\"calendar\");\n    }\n  };\n  return (\n    <StyledCalendarMonthlyGrid\n      className={clsx(\n        monthSelectorClasses.calendarMonthlyGrid,\n        classes?.calendarMonthlyGrid,\n        rangeMode\n          ? clsx(monthSelectorClasses.rangeModeWidth, classes?.rangeModeWidth)\n          : clsx(monthSelectorClasses.normalWidth, classes?.normalWidth)\n      )}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <StyledFocusSelection\n          className={clsx(\n            monthSelectorClasses.focusSelection,\n            classes?.focusSelection\n          )}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            onChange?.(event, \"month\", index + 1);\n            onViewModeChange(\"calendar\");\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <StyledCalendarMonthlyCell\n            className={clsx(\n              monthSelectorClasses.calendarMonthlyCell,\n              classes?.calendarMonthlyCell,\n              index + 1 === visibleMonth &&\n                clsx(\n                  monthSelectorClasses.calendarMonthlyCellSelected,\n                  classes?.calendarMonthlyCellSelected\n                )\n            )}\n          >\n            {monthName}\n          </StyledCalendarMonthlyCell>\n        </StyledFocusSelection>\n      ))}\n    </StyledCalendarMonthlyGrid>\n  );\n};\n\nexport interface HvMonthSelectorProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\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: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKey","StyledCalendarMonthlyGrid","className","clsx","monthSelectorClasses","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","StyledFocusSelection","focusSelection","role","onClick","onKeyDown","tabIndex","StyledCalendarMonthlyCell","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;;AAgBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,sBAAsBC,MAAAA,kBAAkBP,QAAQ,OAAO;AACvDQ,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACrCC,QAAAA,cAAAA,MAAMF,OAAO,OAAO,GAAG;AACdA,2CAAAA,OAAO,SAASC,QAAQ;AACnCR,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,wCACGU,qBAAAA,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,KAAAA,6BAAqBC,qBACrBlB,mCAASkB,qBACTb,YACIW,UAAKC,qBAAAA,QAAqBE,gBAAgBnB,mCAASmB,cAAc,IACjEH,KAAAA,KAAKC,6BAAqBG,aAAapB,mCAASoB,WAAW,CACjE;AAAA,IAAEC,UAEDb,oBAAoBc,IAAI,CAACC,WAAWX,yCAClCY,2CAAoB;AAAA,MACnBT,WAAWC,KAAAA,KACTC,qBAAAA,QAAqBQ,gBACrBzB,mCAASyB,cACX;AAAA,MAEAC,MAAK;AAAA,MACLC,SAAUhB,CAAU,UAAA;AACPA,6CAAAA,OAAO,SAASC,QAAQ;AACnCR,yBAAiB,UAAU;AAAA,MAC7B;AAAA,MACAwB,WAAYjB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDiB,UAAU;AAAA,MAAE,GACRtB;AAAAA,MAAMc,yCAETS,gDAAyB;AAAA,QACxBf,WAAWC,KAAAA,KACTC,qBAAqBc,QAAAA,qBACrB/B,mCAAS+B,qBACTnB,QAAQ,MAAMN,gBACZU,KACEC,KAAAA,qBAAAA,QAAqBe,6BACrBhC,mCAASgC,2BACX,CACJ;AAAA,QAAEX,UAEDE;AAAAA,MAAAA,CACwB;AAAA,IAAC,GAtBvBA,SAuBe,CACvB;AAAA,EAAA,CACwB;AAE/B;;"}
+{"version":3,"file":"MonthSelector.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { isKey } from \"@core/utils/keyboardUtils\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../types\";\n\nimport { staticClasses, useClasses } from \"./MonthSelector.styles\";\n\nexport { staticClasses as monthSelectorClasses };\n\nexport type HvMonthSelectorClasses = ExtractNames<typeof useClasses>;\n\nexport const HvMonthSelector = ({\n  classes: classesProp,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n  const onKeyDownHandler = (event, index) => {\n    if (isKey(event, \"Enter\")) {\n      onChange?.(event, \"month\", index + 1);\n      onViewModeChange(\"calendar\");\n    }\n  };\n  return (\n    <div\n      className={cx(classes.calendarMonthlyGrid, {\n        [classes.rangeModeWidth]: rangeMode,\n        [classes.normalWidth]: !rangeMode,\n      })}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <div\n          className={classes.focusSelection}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            onChange?.(event, \"month\", index + 1);\n            onViewModeChange(\"calendar\");\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <HvTypography\n            className={cx(classes.calendarMonthlyCell, {\n              [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth,\n            })}\n          >\n            {monthName}\n          </HvTypography>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport interface HvMonthSelectorProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\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: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","classesProp","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","cx","useClasses","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKey","className","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","focusSelection","role","onClick","onKeyDown","tabIndex","HvTypography","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWT,WAAW;AAExCU,QAAAA,sBAAsBC,MAAAA,kBAAkBT,QAAQ,OAAO;AACvDU,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACrCC,QAAAA,cAAAA,MAAMF,OAAO,OAAO,GAAG;AACdA,2CAAAA,OAAO,SAASC,QAAQ;AACnCV,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,wCACE,OAAA;AAAA,IACEY,WAAWR,GAAGT,QAAQkB,qBAAqB;AAAA,MACzC,CAAClB,QAAQmB,cAAc,GAAGb;AAAAA,MAC1B,CAACN,QAAQoB,WAAW,GAAG,CAACd;AAAAA,IAAAA,CACzB;AAAA,IAAEe,UAEFV,oBAAoBW,IAAI,CAACC,WAAWR,yCACnC,OAAA;AAAA,MACEE,WAAWjB,QAAQwB;AAAAA,MAEnBC,MAAK;AAAA,MACLC,SAAUZ,CAAU,UAAA;AACPA,6CAAAA,OAAO,SAASC,QAAQ;AACnCV,yBAAiB,UAAU;AAAA,MAC7B;AAAA,MACAsB,WAAYb,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDa,UAAU;AAAA,MAAE,GACRpB;AAAAA,MAAMa,yCAETQ,yBAAY;AAAA,QACXZ,WAAWR,GAAGT,QAAQ8B,qBAAqB;AAAA,UACzC,CAAC9B,QAAQ+B,2BAA2B,GAAGhB,QAAQ,MAAMR;AAAAA,QAAAA,CACtD;AAAA,QAAEc,UAEFE;AAAAA,MAAAA,CACW;AAAA,IAAC,GAhBVA,SAiBF,CACN;AAAA,EAAA,CACE;AAET;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.cjs

@@ -1,66 +1,54 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const focusUtils = require("../../../../utils/focusUtils.cjs");
-const monthSelectorClasses = require("./monthSelectorClasses.cjs");
-const Typography = require("../../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const classes = require("../../../../utils/classes.cjs");
 const hover = {
   backgroundColor: uikitStyles.theme.colors.atmo3,
   cursor: "pointer"
 };
-const StyledFocusSelection = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qytey12"
-} : {
-  target: "e1qytey12",
-  label: "StyledFocusSelection"
-})({
-  "&:hover": {
-    ...hover
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvMonthSelector", {
+  calendarMonthlyGrid: {
+    marginTop: "50px",
+    marginLeft: "-16px",
+    display: "flex",
+    zIndex: "10",
+    padding: "0 20px",
+    position: "absolute",
+    flexFlow: "wrap",
+    alignContent: "center",
+    justifyContent: "space-evenly",
+    backgroundColor: uikitStyles.theme.colors.atmo1
   },
-  "&:focus": {
-    outline: "none"
+  rangeModeWidth: {},
+  normalWidth: {},
+  focusSelection: {
+    "&:hover": {
+      ...hover
+    },
+    "&:focus": {
+      outline: "none"
+    },
+    "&:focus-visible": {
+      ...hover,
+      ...focusUtils.outlineStyles
+    }
   },
-  "&:focus-visible": {
-    ...hover,
-    ...focusUtils.outlineStyles
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9Nb250aFNlbGVjdG9yL01vbnRoU2VsZWN0b3Iuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuXG5pbXBvcnQgbW9udGhTZWxlY3RvckNsYXNzZXMgZnJvbSBcIi4vbW9udGhTZWxlY3RvckNsYXNzZXNcIjtcblxuY29uc3QgaG92ZXIgPSB7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzU2VsZWN0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLmhvdmVyLFxuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IFwiNTBweFwiLFxuICBtYXJnaW5MZWZ0OiBcIi0xNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB6SW5kZXg6IFwiMTBcIixcbiAgcGFkZGluZzogXCIwIDIwcHhcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICBhbGlnbkNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWV2ZW5seVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5Q2VsbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjkycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgW2AmLiR7bW9udGhTZWxlY3RvckNsYXNzZXMuY2FsZW5kYXJNb250aGx5Q2VsbFNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
-const StyledCalendarMonthlyGrid = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qytey11"
-} : {
-  target: "e1qytey11",
-  label: "StyledCalendarMonthlyGrid"
-})({
-  marginTop: "50px",
-  marginLeft: "-16px",
-  display: "flex",
-  zIndex: "10",
-  padding: "0 20px",
-  position: "absolute",
-  flexFlow: "wrap",
-  alignContent: "center",
-  justifyContent: "space-evenly",
-  backgroundColor: uikitStyles.theme.colors.atmo1
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTW9udGhTZWxlY3Rvci9Nb250aFNlbGVjdG9yLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2ZvY3VzVXRpbHNcIjtcblxuaW1wb3J0IG1vbnRoU2VsZWN0b3JDbGFzc2VzIGZyb20gXCIuL21vbnRoU2VsZWN0b3JDbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyID0ge1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb2N1c1NlbGVjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgLi4uaG92ZXIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhck1vbnRobHlHcmlkID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luVG9wOiBcIjUwcHhcIixcbiAgbWFyZ2luTGVmdDogXCItMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgekluZGV4OiBcIjEwXCIsXG4gIHBhZGRpbmc6IFwiMCAyMHB4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGZsZXhGbG93OiBcIndyYXBcIixcbiAgYWxpZ25Db250ZW50OiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1ldmVubHlcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUNlbGwgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiNDBweFwiLFxuICB3aWR0aDogXCI5MnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgLi4uaG92ZXIsXG4gIH0sXG4gIFtgJi4ke21vbnRoU2VsZWN0b3JDbGFzc2VzLmNhbGVuZGFyTW9udGhseUNlbGxTZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
-const StyledCalendarMonthlyCell = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e1qytey10"
-} : {
-  target: "e1qytey10",
-  label: "StyledCalendarMonthlyCell"
-})({
-  display: "flex",
-  justifyContent: "center",
-  flexDirection: "column",
-  textAlign: "center",
-  height: "40px",
-  width: "92px",
-  "&:hover": {
-    ...hover
+  calendarMonthlyCell: {
+    display: "flex",
+    justifyContent: "center",
+    flexDirection: "column",
+    textAlign: "center",
+    height: "40px",
+    width: "92px",
+    "&:hover": {
+      ...hover
+    }
   },
-  [`&.${monthSelectorClasses.default.calendarMonthlyCellSelected}`]: {
+  calendarMonthlyCellSelected: {
     backgroundColor: uikitStyles.theme.colors.atmo3,
     color: uikitStyles.theme.colors.secondary,
     "&:hover": {
@@ -68,8 +56,7 @@ const StyledCalendarMonthlyCell = /* @__PURE__ */ _styled__default.default(Typog
       color: uikitStyles.theme.colors.secondary
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTW9udGhTZWxlY3Rvci9Nb250aFNlbGVjdG9yLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2ZvY3VzVXRpbHNcIjtcblxuaW1wb3J0IG1vbnRoU2VsZWN0b3JDbGFzc2VzIGZyb20gXCIuL21vbnRoU2VsZWN0b3JDbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyID0ge1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb2N1c1NlbGVjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgLi4uaG92ZXIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhck1vbnRobHlHcmlkID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luVG9wOiBcIjUwcHhcIixcbiAgbWFyZ2luTGVmdDogXCItMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgekluZGV4OiBcIjEwXCIsXG4gIHBhZGRpbmc6IFwiMCAyMHB4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGZsZXhGbG93OiBcIndyYXBcIixcbiAgYWxpZ25Db250ZW50OiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1ldmVubHlcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUNlbGwgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiNDBweFwiLFxuICB3aWR0aDogXCI5MnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgLi4uaG92ZXIsXG4gIH0sXG4gIFtgJi4ke21vbnRoU2VsZWN0b3JDbGFzc2VzLmNhbGVuZGFyTW9udGhseUNlbGxTZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
-exports.StyledCalendarMonthlyCell = StyledCalendarMonthlyCell;
-exports.StyledCalendarMonthlyGrid = StyledCalendarMonthlyGrid;
-exports.StyledFocusSelection = StyledFocusSelection;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=MonthSelector.styles.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthSelector.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\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","_styled","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":";;;;;;;;;AASA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,QAAQ;AACV;AAEO,MAAMC,uBAA8BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAChD,WAAW;AAAA,IACT,GAAGZ;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTa,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGb;AAAAA,IACH,GAAGc,WAAAA;AAAAA,EACL;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,y8EAAA;AAEK,MAAMK,4BAAmCR,iCAAA,QAAA,OAAKC,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,EAChBvB,iBAAiBC,YAAAA,MAAMC,OAAOsB;AAChC,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,68EAAA;AAEK,MAAMgB,4BAAmCC,iCAAAA,QAAAA,WAAAA,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,GAAG/B;AAAAA,EACL;AAAA,EACA,CAAE,KAAIgC,6BAAqBC,6BAA6B,GAAG;AAAA,IACzDhC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B8B,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACpB,WAAW;AAAA,MACTlC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9B8B,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACtB;AAAA,EACF;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,68EAAA;;;;"}
+{"version":3,"file":"MonthSelector.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = {\n  backgroundColor: theme.colors.atmo3,\n  cursor: \"pointer\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvMonthSelector\", {\n  calendarMonthlyGrid: {\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  rangeModeWidth: {},\n  normalWidth: {},\n  focusSelection: {\n    \"&:hover\": {\n      ...hover,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...hover,\n      ...outlineStyles,\n    },\n  },\n  calendarMonthlyCell: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexDirection: \"column\",\n    textAlign: \"center\",\n    height: \"40px\",\n    width: \"92px\",\n    \"&:hover\": {\n      ...hover,\n    },\n  },\n  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","staticClasses","useClasses","createClasses","calendarMonthlyGrid","marginTop","marginLeft","display","zIndex","padding","position","flexFlow","alignContent","justifyContent","atmo1","rangeModeWidth","normalWidth","focusSelection","outline","outlineStyles","calendarMonthlyCell","flexDirection","textAlign","height","width","calendarMonthlyCellSelected","color","secondary"],"mappings":";;;;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,QAAQ;AACV;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,qBAAqB;AAAA,IACnBC,WAAW;AAAA,IACXC,YAAY;AAAA,IACZC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,gBAAgB;AAAA,IAChBjB,iBAAiBC,YAAAA,MAAMC,OAAOgB;AAAAA,EAChC;AAAA,EACAC,gBAAgB,CAAC;AAAA,EACjBC,aAAa,CAAC;AAAA,EACdC,gBAAgB;AAAA,IACd,WAAW;AAAA,MACT,GAAGtB;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTuB,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGvB;AAAAA,MACH,GAAGwB,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,qBAAqB;AAAA,IACnBb,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBQ,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACP,WAAW;AAAA,MACT,GAAG7B;AAAAA,IACL;AAAA,EACF;AAAA,EACA8B,6BAA6B;AAAA,IAC3B7B,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B2B,OAAO7B,YAAAA,MAAMC,OAAO6B;AAAAA,IACpB,WAAW;AAAA,MACT/B,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9B2B,OAAO7B,YAAAA,MAAMC,OAAO6B;AAAAA,IACtB;AAAA,EACF;AACF,CAAC;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const keyboardUtils = require("../../../../utils/keyboardUtils.cjs");
 const setId = require("../../../../utils/setId.cjs");
 const Navigation_styles = require("./Navigation.styles.cjs");
-const navigationClasses = require("./navigationClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../../Typography/Typography.cjs");
 const Navigation = ({
   id,
-  classes,
+  classes: classesProp,
   onNavigatePrevious,
   onNavigateNext,
   onTextClick,
@@ -17,6 +16,10 @@ const Navigation = ({
   isPreviousEnabled = true,
   isNextEnabled = true
 }) => {
+  const {
+    classes,
+    cx
+  } = Navigation_styles.useClasses(classesProp);
   const onkeyDownHandler = (event, funcAction) => {
     if (keyboardUtils.isKey(event, "Enter") || keyboardUtils.isKey(event, "Space")) {
       event.preventDefault();
@@ -24,17 +27,22 @@ const Navigation = ({
     }
   };
   const onTextClickIsFunction = typeof onTextClick === "function";
-  return /* @__PURE__ */ jsxRuntime.jsxs(Navigation_styles.StyledRoot, {
-    className: clsx.clsx(navigationClasses.default.root, classes == null ? void 0 : classes.root),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledDropLeftIcon, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: classes.root,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropLeftXS, {
       id: setId.setId(id, "left"),
-      className: clsx.clsx(navigationClasses.default.icon, classes == null ? void 0 : classes.icon, !isPreviousEnabled && clsx.clsx(navigationClasses.default.disabled, classes == null ? void 0 : classes.disabled)),
+      className: cx(classes.icon, {
+        [classes.disabled]: !isPreviousEnabled
+      }),
       onClick: isPreviousEnabled ? (event) => onNavigatePrevious(event) : void 0,
       onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : void 0,
       tabIndex: 0
-    }), /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledText, {
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
       id,
-      className: clsx.clsx(onTextClickIsFunction && clsx.clsx(navigationClasses.default.text, classes == null ? void 0 : classes.text), !onTextClickIsFunction && clsx.clsx(navigationClasses.default.textWithoutHover, classes == null ? void 0 : classes.textWithoutHover)),
+      className: cx({
+        [classes.text]: onTextClickIsFunction,
+        [classes.textWithoutHover]: !onTextClickIsFunction
+      }),
       role: "presentation",
       onClick: onTextClick,
       onKeyDown: onTextClick && ((event) => onkeyDownHandler(event, onTextClick)),
@@ -43,14 +51,17 @@ const Navigation = ({
         variant: "body",
         children: navigationText
       })
-    }), /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledDropRightIcon, {
+    }), /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {
       id: setId.setId(id, "right"),
-      className: `${clsx.clsx(navigationClasses.default.icon, classes == null ? void 0 : classes.icon)} ${isNextEnabled ? "" : clsx.clsx(navigationClasses.default.disabled, classes == null ? void 0 : classes.disabled)}`,
+      className: cx(classes.icon, {
+        [classes.disabled]: !isNextEnabled
+      }),
       onClick: isNextEnabled ? (event) => onNavigateNext(event) : void 0,
       onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : void 0,
       tabIndex: 0
     })]
   });
 };
+exports.navigationClasses = Navigation_styles.staticClasses;
 exports.Navigation = Navigation;
 //# sourceMappingURL=Navigation.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\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 (isKey(event, \"Enter\") || isKey(event, \"Space\")) {\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=\"body\">{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 interface NavigationProps extends 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","isKey","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":";;;;;;;;;AAeO,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;AAC9C,QAAIC,cAAAA,MAAMF,OAAO,OAAO,KAAKE,cAAAA,MAAMF,OAAO,OAAO,GAAG;AAClDA,YAAMG,eAAe;AACrBF,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGII,QAAAA,wBAAwB,OAAOT,gBAAgB;AAErD,yCACGU,kBAAAA,YAAU;AAAA,IAACC,WAAWC,KAAAA,KAAKC,kBAAAA,QAAkBC,MAAMjB,mCAASiB,IAAI;AAAA,IAAEC,UAAA,CACjEC,2BAAAA,IAACC,sCAAkB;AAAA,MACjBrB,IAAIsB,MAAAA,MAAMtB,IAAI,MAAM;AAAA,MACpBe,WAAWC,KAAAA,KACTC,kBAAAA,QAAkBM,MAClBtB,mCAASsB,MACT,CAACjB,qBACCU,KAAKC,KAAAA,kBAAAA,QAAkBO,UAAUvB,mCAASuB,QAAQ,CACtD;AAAA,MACAC,SACEnB,oBAAqBG,CAAUP,UAAAA,mBAAmBO,KAAK,IAAIiB;AAAAA,MAE7DC,WAAYlB,CACVF,UAAAA,gBACIC,iBAAiBC,OAAOP,kBAAkB,IAC1CwB;AAAAA,MAENE,UAAU;AAAA,IAAA,CACX,GAEDR,2BAAAA,IAACS,8BAAU;AAAA,MACT7B;AAAAA,MACAe,WAAWC,KACTH,KAAAA,yBAAyBG,KAAKC,KAAAA,kBAAAA,QAAkBa,MAAM7B,mCAAS6B,IAAI,GACnE,CAACjB,yBACCG,KAAAA,KAAKC,kBAAAA,QAAkBc,kBAAkB9B,mCAAS8B,gBAAgB,CACtE;AAAA,MACAC,MAAK;AAAA,MACLP,SAASrB;AAAAA,MACTuB,WACEvB,gBAAiBK,CAAUD,UAAAA,iBAAiBC,OAAOL,WAAW;AAAA,MAEhEwB,UAAUxB,cAAc,IAAI;AAAA,MAAGe,yCAE9Bc,yBAAY;AAAA,QAACC,SAAQ;AAAA,QAAMf,UAAEd;AAAAA,MAAAA,CAA6B;AAAA,IAAA,CACjD,GAEZe,2BAAAA,IAACe,uCAAmB;AAAA,MAClBnC,IAAIsB,MAAAA,MAAMtB,IAAI,OAAO;AAAA,MACrBe,WAAY,GAAEC,UAAKC,kBAAAA,QAAkBM,MAAMtB,mCAASsB,IAAI,KACtDhB,gBACI,KACAS,KAAAA,KAAKC,kBAAkBO,QAAAA,UAAUvB,mCAASuB,QAAQ;AAAA,MAExDC,SAASlB,gBAAiBE,CAAUN,UAAAA,eAAeM,KAAK,IAAIiB;AAAAA,MAC5DC,WAAYlB,CACVF,UAAAA,gBAAgBC,iBAAiBC,OAAON,cAAc,IAAIuB;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EAAA,CACQ;AAEhB;;"}
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Navigation.styles\";\n\nexport { staticClasses as navigationClasses };\n\nexport type HvNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport const Navigation = ({\n  id,\n  classes: classesProp,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}: NavigationProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKey(event, \"Enter\") || isKey(event, \"Space\")) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <div className={classes.root}>\n      <DropLeftIcon\n        id={setId(id, \"left\")}\n        className={cx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\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      <div\n        id={id}\n        className={cx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={\n          onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n        }\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"body\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={cx(classes.icon, {\n          [classes.disabled]: !isNextEnabled,\n        })}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n        }\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nexport interface NavigationProps extends 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","classesProp","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","cx","useClasses","onkeyDownHandler","event","funcAction","isKey","preventDefault","onTextClickIsFunction","className","root","children","_jsx","DropLeftIcon","setId","icon","disabled","onClick","undefined","onKeyDown","tabIndex","text","textWithoutHover","role","HvTypography","variant","DropRightIcon"],"mappings":";;;;;;;;AAkBO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACf,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,kBAAAA,WAAWR,WAAW;AAExCS,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAC9C,QAAIC,cAAAA,MAAMF,OAAO,OAAO,KAAKE,cAAAA,MAAMF,OAAO,OAAO,GAAG;AAClDA,YAAMG,eAAe;AACrBF,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGII,QAAAA,wBAAwB,OAAOX,gBAAgB;AAErD,yCACE,OAAA;AAAA,IAAKY,WAAWhB,QAAQiB;AAAAA,IAAKC,UAAA,CAC3BC,2BAAAA,IAACC,4BAAY;AAAA,MACXrB,IAAIsB,MAAAA,MAAMtB,IAAI,MAAM;AAAA,MACpBiB,WAAWR,GAAGR,QAAQsB,MAAM;AAAA,QAC1B,CAACtB,QAAQuB,QAAQ,GAAG,CAACjB;AAAAA,MAAAA,CACtB;AAAA,MACDkB,SACElB,oBAAqBK,CAAUT,UAAAA,mBAAmBS,KAAK,IAAIc;AAAAA,MAE7DC,WAAYf,CACVJ,UAAAA,gBACIG,iBAAiBC,OAAOT,kBAAkB,IAC1CuB;AAAAA,MAENE,UAAU;AAAA,IAAA,CACX,GAEDR,2BAAAA,IAAA,OAAA;AAAA,MACEpB;AAAAA,MACAiB,WAAWR,GAAG;AAAA,QACZ,CAACR,QAAQ4B,IAAI,GAAGb;AAAAA,QAChB,CAACf,QAAQ6B,gBAAgB,GAAG,CAACd;AAAAA,MAAAA,CAC9B;AAAA,MACDe,MAAK;AAAA,MACLN,SAASpB;AAAAA,MACTsB,WACEtB,gBAAiBO,CAAUD,UAAAA,iBAAiBC,OAAOP,WAAW;AAAA,MAGhEuB,UAAUvB,cAAc,IAAI;AAAA,MAAGc,yCAE9Ba,yBAAY;AAAA,QAACC,SAAQ;AAAA,QAAMd,UAAEb;AAAAA,MAAAA,CAA6B;AAAA,IAAA,CACxD,GAELc,2BAAAA,IAACc,6BAAa;AAAA,MACZlC,IAAIsB,MAAAA,MAAMtB,IAAI,OAAO;AAAA,MACrBiB,WAAWR,GAAGR,QAAQsB,MAAM;AAAA,QAC1B,CAACtB,QAAQuB,QAAQ,GAAG,CAAChB;AAAAA,MAAAA,CACtB;AAAA,MACDiB,SAASjB,gBAAiBI,CAAUR,UAAAA,eAAeQ,KAAK,IAAIc;AAAAA,MAC5DC,WAAYf,CACVJ,UAAAA,gBAAgBG,iBAAiBC,OAAOR,cAAc,IAAIsB;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EAAA,CACC;AAET;;;"}