npm - @hitachivantara/uikit-react-core - Versions diffs - 5.24.3 → 5.24.4 - Mend

@hitachivantara/uikit-react-core 5.24.3 → 5.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (194) hide show

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n HvCharCounter,\n HvFormElement,\n HvInfoMessage,\n HvLabel,\n HvSuggestions,\n HvWarningText,\n HvFormElementProps,\n HvLabelProps,\n HvInfoMessageProps,\n HvCharCounterProps,\n HvWarningTextProps,\n HvSuggestionsProps,\n suggestionsClasses,\n} from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport {\n HvListContainer,\n HvListItemProps,\n HvListItem,\n listItemClasses,\n} from \"@core/components/ListContainer\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport tagsInputClasses from \"./tagsInputClasses\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n <HvFormElement {...props} />\n))({\n display: \"inline-block\",\n width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n float: \"left\",\n display: \"flex\",\n alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props: HvLabelProps) => (\n <HvLabel {...props} />\n))({\n display: \"block\",\n float: \"left\",\n paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props: HvInfoMessageProps) => (\n <HvInfoMessage {...props} />\n))({\n display: \"block\",\n float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props: HvCharCounterProps) => (\n <HvCharCounter {...props} />\n))(() => ({\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n HvListContainer,\n transientOptions\n)(\n ({\n $disabled,\n $singleLine,\n $error,\n $resizable,\n $invalid,\n $readOnly,\n }: {\n $disabled: boolean;\n $singleLine: boolean;\n $error: boolean;\n $resizable: boolean;\n $invalid: boolean;\n $readOnly: boolean;\n }) => ({\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n ...($disabled && {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n }),\n\n ...($readOnly && {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n }),\n\n ...($singleLine && {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n }),\n\n ...($error && {\n border: `1px solid ${theme.colors.negative}`,\n }),\n\n ...($resizable && {\n width: \"auto\",\n resize: \"both\",\n overflow: \"auto\",\n }),\n\n ...($invalid && {\n border: `1px solid ${theme.colors.negative}!important`,\n }),\n })\n);\n\nexport const StyledError = styled((props: HvWarningTextProps) => (\n <HvWarningText {...props} />\n))({\n float: \"left\",\n});\n\nexport const StyledListItem = styled(\n (props: HvListItemProps) => <HvListItem {...props} />,\n transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n [`&.${listItemClasses.gutters}`]: {\n padding: \"0 5px\",\n },\n ...($singleLine && {\n display: \"table-cell\",\n paddingTop: \"2px!important\",\n }),\n}));\n\nexport const StyledTag = styled(\n (props: HvTagProps) => <HvTag {...props} />,\n transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n [`& .${tagsInputClasses.chipRoot}`]: {\n maxWidth: \"none\",\n },\n ...($selected && {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n }),\n}));\n\nexport const StyledInputListItem = styled(\n (props: HvListItemProps) => <HvListItem {...props} />,\n transientOptions\n)(\n ({\n $singleLine,\n $isTagSelected,\n }: {\n $singleLine: boolean;\n $isTagSelected: boolean;\n }) => ({\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n [`&.${listItemClasses.gutters}`]: {\n padding: \"0 5px\",\n },\n ...($singleLine && {\n display: \"table-cell\",\n minWidth: 100,\n width: \"100%\",\n paddingTop: \"3px!important\",\n verticalAlign: \"middle\",\n }),\n ...($isTagSelected && {\n [`& .${baseInputClasses.inputRoot}`]: {\n backgroundColor: theme.colors.atmo1,\n },\n }),\n })\n);\n\nexport const StyledInput = styled(\n (props: HvInputProps) => <HvInput {...props} />,\n transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n background: \"none\",\n },\n [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n minWidth: 48,\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none!important\",\n boxShadow: \"none!important\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent \",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props: HvSuggestionsProps) => (\n <HvSuggestions {...props} />\n))({\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n});\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","negative","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}
1	+ {"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {},\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth: 100,\n width: \"100%\",\n paddingTop: \"3px\",\n verticalAlign: \"middle\",\n },\n },\n tagInputRoot: {\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n \"&:hover $tagInputBorderContainer\": {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n minWidth: 48,\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent\",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n },\n tagSelected: {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n tagInputBorderContainer: {},\n tagInputRootFocused: {},\n tagInputRootEmpty: {},\n singleLine: {},\n error: { float: \"left\" },\n inputExtension: {},\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n suggestionList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","input","listItemGutters","padding","listItemRoot","marginBottom","height","lineHeight","display","paddingTop","root","width","chipRoot","chipClasses","maxWidth","disabled","backgroundColor","theme","tagsInput","disabledBackgroundColor","border","colors","atmo4","readOnly","readOnlyBackgroundColor","readOnlyBorderColor","resizable","resize","overflow","invalid","labelContainer","float","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","atmo1","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","overflowX","overflowY","negative","tagInputContainerRoot","flexGrow","minWidth","verticalAlign","tagInputRoot","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","tagSelected","tagInputBorderContainer","tagInputRootFocused","tagInputRootEmpty","singleLine","error","inputExtension","suggestionsContainer","top","suggestionsClasses","list","suggestionList"],"mappings":"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"}

package/dist/cjs/components/Tooltip/Tooltip.cjs CHANGED Viewed

@@ -2,16 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const React = require("react");
-const clsx = require("clsx");
 const useTheme = require("../../hooks/useTheme.cjs");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const Tooltip_styles = require("./Tooltip.styles.cjs");
-const tooltipClasses = require("./tooltipClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvTooltip = React.forwardRef((props, ref) => {
   const {
     className,
-    classes,
+    classes: classesProp,
     open,
     enterDelay = 300,
     placement = "top",
@@ -29,6 +27,9 @@ const HvTooltip = React.forwardRef((props, ref) => {
   const {
     rootId
   } = useTheme.useTheme();
+  const {
+    classes
+  } = Tooltip_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, {
     ref,
     open: open ?? void 0,
@@ -38,8 +39,8 @@ const HvTooltip = React.forwardRef((props, ref) => {
     TransitionProps,
     className,
     classes: {
-      tooltip: useSingle ? clsx.clsx(tooltipClasses.default.tooltip, classes == null ? void 0 : classes.tooltip) : clsx.clsx(tooltipClasses.default.tooltipMulti, classes == null ? void 0 : classes.tooltipMulti),
-      popper: clsx.clsx(tooltipClasses.default.popper, classes == null ? void 0 : classes.popper)
+      tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
+      popper: classes.popper
     },
     title,
     PopperProps: {
@@ -50,5 +51,6 @@ const HvTooltip = React.forwardRef((props, ref) => {
     children
   });
 });
+exports.tooltipClasses = Tooltip_styles.staticClasses;
 exports.HvTooltip = HvTooltip;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/cjs/components/Tooltip/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n Fade~~,\n~~ Tooltip ~~as MuiTooltip,\n~~ TooltipProps as MuiTooltipProps~~,\n~~} from \"@mui/material\";\n\nimport { forwardRef, ReactElement } from \"react\";\n\nimport { ~~clsx~~ } from \"~~clsx~~\";\n\nimport { ~~useTheme~~ } from \"@core/hooks/~~useTheme~~\";\nimport { ~~useDefaultProps~~ } from \"@core/~~hooks~~/~~useDefaultProps~~\";\n\nimport { popperSx } from \"./Tooltip.styles\";\~~nimport~~ ~~tooltipClasses,~~ { ~~HvTooltipClasses~~ } ~~from~~ ~~\"./tooltipClasses\"~~;\n\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvTooltipClasses;\n /\n If true, the tooltip is shown.\n /\n open?: boolean;\n /\n Tooltip placement.\n /\n placement?: HvTooltipPlacementType;\n /\n The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n /\n enterDelay?: number;\n /* @inheritdoc /\n title: MuiTooltipProps[\"title\"];\n /* @inheritdoc /\n TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n /* @inheritdoc /\n TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n /\n Defines if should use a single or multiline tooltip.\n /\n useSingle?: boolean;\n /\n Node to apply the tooltip.\n /\n children: ReactElement;\n /\n Id attribute value of an HTML Element to have the tooltip appended to it.\n /\n containerId?: string;\n}\n\n/\n Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n containerId,\n ...others\n } = useDefaultProps(\"HvTooltip\", props);\n\n const { rootId } = useTheme();\n\n return (\n <~~MuiTooltip~~\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle\n ? ~~clsx(tooltipClasses~~.tooltip, ~~classes?.tooltip)\n~~ : ~~clsx(tooltipClasses~~.tooltipMulti~~, classes?.tooltipMulti)~~,\n popper: ~~clsx(tooltipClasses~~.popper~~, classes?.popper)~~,\n }}\n title={title}\n PopperProps={{\n sx: popperSx(useSingle),\n container:\n typeof window !== \"undefined\"\n ? document.getElementById(containerId \|\| rootId \|\| \"\") \|\|\n document.body\n : undefined,\n }}\n {...others}\n >\n {children}\n </~~MuiTooltip~~>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","containerId","others","useDefaultProps","rootId","useTheme","~~MuiTooltip~~","~~undefined~~","~~tooltip~~","~~clsx~~","~~tooltipClasses","~~tooltipMulti","popper","PopperProps","sx","popperSx","container","window","document","getElementById","body"],"mappings":"~~;;;;;;;;;;AAgEO~~,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,~~IACAC~~;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,~~aAAahB~~,KAAK;AAEhC,QAAA;AAAA,~~IAAEiB~~;AAAAA,MAAWC,SAAS,SAAA;~~AAE5B~~,~~wCACGC~~,SAAAA,~~SAAU~~;AAAA,~~IACTlB~~;AAAAA,~~IACAG~~,MAAMA,~~QAAQgB~~;AAAAA,~~IACdf~~;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,~~IACAV~~;AAAAA,IACAC,SAAS;AAAA,~~MACPkB~~,~~SAASd~~,~~YACLe~~,~~KAAAA~~,~~KAAKC~~,~~eAAAA,QAAeF,SAASlB,mCAASkB,OAAO,IAC7CC,KAAKC,KAAAA,eAAAA,QAAeC,cAAcrB,mCAASqB,YAAY~~;~~AAAA~~,~~MAC3DC~~,~~QAAQH,KAAAA,KAAKC,eAAAA,QAAeE,~~QAAQtB,~~mCAASsB,MAAM~~;~~AAAA~~,~~IACrD~~;AAAA,~~IACAhB~~;AAAAA,~~IACAiB~~,aAAa;AAAA,MACXC,IAAIC,~~wBAASrB~~,SAAS;AAAA,~~MACtBsB~~,WACE,OAAOC,WAAW,cACdC,SAASC,~~eAAelB~~,eAAeG,UAAU,EAAE,~~KACnDc~~,SAASE,~~OACTb~~;AAAAA,IACR;AAAA,IAAE,~~GACEL~~;AAAAA,IAAMP;AAAAA,EAAAA,~~CAGA~~;~~AAEhB~~,CAAC;;"}
1	+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Fade, Tooltip, TooltipProps as MuiTooltipProps } from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { popperSx, staticClasses, useClasses } from \"./Tooltip.styles\";\n\nexport { staticClasses as tooltipClasses };\n\nexport type HvTooltipClasses = ExtractNames<typeof useClasses>;\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvTooltipClasses;\n /\n If true, the tooltip is shown.\n /\n open?: boolean;\n /\n Tooltip placement.\n /\n placement?: HvTooltipPlacementType;\n /\n The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n /\n enterDelay?: number;\n /* @inheritdoc /\n title: MuiTooltipProps[\"title\"];\n /* @inheritdoc /\n TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n /* @inheritdoc /\n TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n /\n Defines if should use a single or multiline tooltip.\n /\n useSingle?: boolean;\n /\n Node to apply the tooltip.\n /\n children: ReactElement;\n /\n Id attribute value of an HTML Element to have the tooltip appended to it.\n /\n containerId?: string;\n}\n\n/\n Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes: classesProp,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n containerId,\n ...others\n } = useDefaultProps(\"HvTooltip\", props);\n\n const { rootId } = useTheme();\n const { classes } = useClasses(classesProp);\n\n return (\n <Tooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n popper: classes.popper,\n }}\n title={title}\n PopperProps={{\n sx: popperSx(useSingle),\n container:\n typeof window !== \"undefined\"\n ? document.getElementById(containerId \|\| rootId \|\| \"\") \|\|\n document.body\n : undefined,\n }}\n {...others}\n >\n {children}\n </Tooltip>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","classesProp","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","containerId","others","useDefaultProps","rootId","useTheme","useClasses","Tooltip","undefined","tooltip","tooltipMulti","popper","PopperProps","sx","popperSx","container","window","document","getElementById","body"],"mappings":";;;;;;;;AA0DO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,aAAajB,KAAK;AAEhC,QAAA;AAAA,IAAEkB;AAAAA,MAAWC,SAAS,SAAA;AACtB,QAAA;AAAA,IAAEhB;AAAAA,EAAAA,IAAYiB,eAAAA,WAAWhB,WAAW;AAE1C,wCACGiB,SAAAA,SAAO;AAAA,IACNpB;AAAAA,IACAI,MAAMA,QAAQiB;AAAAA,IACdhB;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAX;AAAAA,IACAC,SAAS;AAAA,MACPoB,SAASf,YAAYL,QAAQoB,UAAUpB,QAAQqB;AAAAA,MAC/CC,QAAQtB,QAAQsB;AAAAA,IAClB;AAAA,IACAf;AAAAA,IACAgB,aAAa;AAAA,MACXC,IAAIC,wBAASpB,SAAS;AAAA,MACtBqB,WACE,OAAOC,WAAW,cACdC,SAASC,eAAejB,eAAeG,UAAU,EAAE,KACnDa,SAASE,OACTX;AAAAA,IACR;AAAA,IAAE,GACEN;AAAAA,IAAMP;AAAAA,EAAAA,CAGH;AAEb,CAAC;;;"}

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs CHANGED Viewed

@@ -1,8 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const tooltipClasses = require("./tooltipClasses.cjs");
+const material = require("@mui/material");
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvTooltip", {
+  root: {},
+  tooltip: {},
+  tooltipMulti: {},
+  popper: {},
+  title: {},
+  valuesContainer: {},
+  values: {},
+  color: {},
+  separatorColor: {},
+  separator: {},
+  valueWrapper: {}
+});
 const popperSx = (useSingle) => {
   return {
     [`& .${material.tooltipClasses.popper}`]: {
@@ -31,14 +47,14 @@ const popperSx = (useSingle) => {
         }
       }
     },
-    [`& .${tooltipClasses.default.title}`]: {
+    [`& .${staticClasses.title}`]: {
       padding: "15px 20px",
       borderBottom: `3px solid ${uikitStyles.theme.colors.atmo2}`
     },
-    [`& .${tooltipClasses.default.valuesContainer}`]: {
+    [`& .${staticClasses.valuesContainer}`]: {
       padding: uikitStyles.theme.space.sm
     },
-    [`& .${tooltipClasses.default.values}`]: {
+    [`& .${staticClasses.values}`]: {
       display: "flex",
       justifyContent: "space-between",
       paddingBottom: "10px",
@@ -46,19 +62,21 @@ const popperSx = (useSingle) => {
         paddingBottom: 0
       }
     },
-    [`& .${tooltipClasses.default.color}`]: {
+    [`& .${staticClasses.color}`]: {
       width: uikitStyles.theme.space.xs
     },
-    [`& .${tooltipClasses.default.separator}`]: {
+    [`& .${staticClasses.separator}`]: {
       width: uikitStyles.theme.space.xs
     },
-    [`& .${tooltipClasses.default.separatorColor}`]: {
+    [`& .${staticClasses.separatorColor}`]: {
       width: "5px"
     },
-    [`& .${tooltipClasses.default.valueWrapper}`]: {
+    [`& .${staticClasses.valueWrapper}`]: {
       padding: uikitStyles.theme.space.sm
     }
   };
 };
 exports.popperSx = popperSx;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Tooltip.styles.cjs.map

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { ~~theme~~ } from \"@~~hitachivantara~~/~~uikit-styles~~\";\~~nimport~~ ~~tooltipClasses~~ ~~from~~ \"~~./tooltipClasses~~\";\n\nexport const popperSx = (useSingle: boolean) => {\n return {\n [`& .${MuitooltipClasses.popper}`]: {\n opacity: 1,\n },\n [`& .${MuitooltipClasses.tooltip}`]: {\n ...theme.typography.body,\n display: \"flex\",\n width: \"fit-content\",\n maxWidth: 532,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n padding: 0,\n ...(useSingle && {\n padding: \"15px 20px\",\n borderRadius: theme.tooltip.borderRadius,\n }),\n\n \"& p\": {\n display: \"-webkit-box\",\n width: \"fit-content\",\n boxOrient: \"vertical\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n ...(useSingle && { wordBreak: \"break-word\" }),\n },\n },\n [`& .${~~tooltipClasses~~.title}`]: {\n padding: \"15px 20px\",\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n [`& .${~~tooltipClasses~~.valuesContainer}`]: {\n padding: theme.space.sm,\n },\n [`& .${~~tooltipClasses~~.values}`]: {\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: \"10px\",\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n [`& .${~~tooltipClasses~~.color}`]: {\n width: theme.space.xs,\n },\n [`& .${~~tooltipClasses~~.separator}`]: {\n width: theme.space.xs,\n },\n [`& .${~~tooltipClasses~~.separatorColor}`]: {\n width: \"5px\",\n },\n [`& .${~~tooltipClasses~~.valueWrapper}`]: {\n padding: theme.space.sm,\n },\n };\n};\n"],"names":["~~popperSx~~","~~useSingle~~","~~MuitooltipClasses~~","popper","~~opacity~~","~~tooltip~~","theme","typography","body","display","width","maxWidth","backgroundColor","colors","atmo1","boxShadow","shadow","padding","borderRadius","boxOrient","textOverflow","overflow","wordBreak","~~tooltipClasses","title","~~borderBottom","atmo2","~~valuesContainer","~~space","sm","~~values","~~justifyContent","paddingBottom","~~color","~~xs"~~,"separator","separatorColor","valueWrapper"~~],"mappings":";;;;;~~AAIaA~~,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,~~wBAAkBC~~,QAAQ,GAAG;AAAA,~~MAClCC~~,SAAS;AAAA,IACX;AAAA,IACA,CAAE,~~MAAKF~~,~~wBAAkBG~~,SAAS,GAAG;AAAA,MACnC,~~GAAGC~~,YAAAA,MAAMC,WAAWC;AAAAA,MACpBC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,YAAAA,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,YAAAA,MAAMO,OAAOG;AAAAA,MACxBC,SAAS;AAAA,MACT,~~GAAIhB~~,aAAa;AAAA,~~QACfgB~~,SAAS;AAAA,QACTC,cAAcZ,YAAAA,~~MAAMD~~,~~QAAQa~~;AAAAA,MAC9B;AAAA,MAEA,OAAO;AAAA,QACLT,SAAS;AAAA,QACTC,OAAO;AAAA,QACPS,WAAW;AAAA,QACXC,cAAc;AAAA,QACdC,UAAU;AAAA,QACV,~~GAAIpB~~,aAAa;AAAA,~~UAAEqB~~,WAAW;AAAA,QAAa;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAE,~~MAAKC~~,~~uBAAeC~~,OAAO,GAAG;AAAA,~~MAC9BP~~,SAAS;AAAA,~~MACTQ~~,cAAe,~~aAAYnB~~,YAAAA,MAAMO,~~OAAOa~~;AAAAA,IAC1C;AAAA,IACA,CAAE,~~MAAKH~~,~~uBAAeI~~,iBAAiB,GAAG;AAAA,~~MACxCV~~,SAASX,YAAAA,~~MAAMsB~~,MAAMC;AAAAA,IACvB;AAAA,IACA,CAAE,~~MAAKN~~,~~uBAAeO~~,QAAQ,GAAG;AAAA,~~MAC/BrB~~,SAAS;AAAA,~~MACTsB~~,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,~~MAAKT~~,~~uBAAeU~~,OAAO,GAAG;AAAA,~~MAC9BvB~~,OAAOJ,YAAAA,~~MAAMsB~~,~~MAAMM~~;AAAAA,IACrB;AAAA,IACA,CAAE,~~MAAKX~~,~~uBAAeY~~,WAAW,GAAG;AAAA,~~MAClCzB~~,OAAOJ,YAAAA,~~MAAMsB~~,~~MAAMM~~;AAAAA,IACrB;AAAA,IACA,CAAE,~~MAAKX~~,~~uBAAea~~,gBAAgB,GAAG;AAAA,~~MACvC1B~~,OAAO;AAAA,IACT;AAAA,IACA,CAAE,~~MAAKa~~,~~uBAAec~~,cAAc,GAAG;AAAA,~~MACrCpB~~,SAASX,YAAAA,~~MAAMsB~~,MAAMC;AAAAA,IACvB;AAAA,EAAA;AAEJ;;"}
1	+ {"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTooltip\", {\n root: {},\n tooltip: {},\n tooltipMulti: {},\n popper: {},\n title: {},\n valuesContainer: {},\n values: {},\n color: {},\n separatorColor: {},\n separator: {},\n valueWrapper: {},\n});\n\nexport const popperSx = (useSingle: boolean) => {\n return {\n [`& .${MuitooltipClasses.popper}`]: {\n opacity: 1,\n },\n [`& .${MuitooltipClasses.tooltip}`]: {\n ...theme.typography.body,\n display: \"flex\",\n width: \"fit-content\",\n maxWidth: 532,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n padding: 0,\n ...(useSingle && {\n padding: \"15px 20px\",\n borderRadius: theme.tooltip.borderRadius,\n }),\n\n \"& p\": {\n display: \"-webkit-box\",\n width: \"fit-content\",\n boxOrient: \"vertical\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n ...(useSingle && { wordBreak: \"break-word\" }),\n },\n },\n [`& .${staticClasses.title}`]: {\n padding: \"15px 20px\",\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n [`& .${staticClasses.valuesContainer}`]: {\n padding: theme.space.sm,\n },\n [`& .${staticClasses.values}`]: {\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: \"10px\",\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n [`& .${staticClasses.color}`]: {\n width: theme.space.xs,\n },\n [`& .${staticClasses.separator}`]: {\n width: theme.space.xs,\n },\n [`& .${staticClasses.separatorColor}`]: {\n width: \"5px\",\n },\n [`& .${staticClasses.valueWrapper}`]: {\n padding: theme.space.sm,\n },\n };\n};\n"],"names":["staticClasses","useClasses","createClasses","root","tooltip","tooltipMulti","popper","title","valuesContainer","values","color","separatorColor","separator","valueWrapper","popperSx","useSingle","MuitooltipClasses","opacity","theme","typography","body","display","width","maxWidth","backgroundColor","colors","atmo1","boxShadow","shadow","padding","borderRadius","boxOrient","textOverflow","overflow","wordBreak","borderBottom","atmo2","space","sm","justifyContent","paddingBottom","xs"],"mappings":";;;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,aAAa;AAAA,EACtEC,MAAM,CAAC;AAAA,EACPC,SAAS,CAAC;AAAA,EACVC,cAAc,CAAC;AAAA,EACfC,QAAQ,CAAC;AAAA,EACTC,OAAO,CAAC;AAAA,EACRC,iBAAiB,CAAC;AAAA,EAClBC,QAAQ,CAAC;AAAA,EACTC,OAAO,CAAC;AAAA,EACRC,gBAAgB,CAAC;AAAA,EACjBC,WAAW,CAAC;AAAA,EACZC,cAAc,CAAC;AACjB,CAAC;AAEYC,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBV,QAAQ,GAAG;AAAA,MAClCW,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKD,wBAAkBZ,SAAS,GAAG;AAAA,MACnC,GAAGc,YAAAA,MAAMC,WAAWC;AAAAA,MACpBC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,YAAAA,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,YAAAA,MAAMO,OAAOG;AAAAA,MACxBC,SAAS;AAAA,MACT,GAAId,aAAa;AAAA,QACfc,SAAS;AAAA,QACTC,cAAcZ,YAAAA,MAAMd,QAAQ0B;AAAAA,MAC9B;AAAA,MAEA,OAAO;AAAA,QACLT,SAAS;AAAA,QACTC,OAAO;AAAA,QACPS,WAAW;AAAA,QACXC,cAAc;AAAA,QACdC,UAAU;AAAA,QACV,GAAIlB,aAAa;AAAA,UAAEmB,WAAW;AAAA,QAAa;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAE,MAAKlC,cAAcO,OAAO,GAAG;AAAA,MAC7BsB,SAAS;AAAA,MACTM,cAAe,aAAYjB,YAAAA,MAAMO,OAAOW;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKpC,cAAcQ,iBAAiB,GAAG;AAAA,MACvCqB,SAASX,YAAAA,MAAMmB,MAAMC;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKtC,cAAcS,QAAQ,GAAG;AAAA,MAC9BY,SAAS;AAAA,MACTkB,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKxC,cAAcU,OAAO,GAAG;AAAA,MAC7BY,OAAOJ,YAAAA,MAAMmB,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKzC,cAAcY,WAAW,GAAG;AAAA,MACjCU,OAAOJ,YAAAA,MAAMmB,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKzC,cAAcW,gBAAgB,GAAG;AAAA,MACtCW,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKtB,cAAca,cAAc,GAAG;AAAA,MACpCgB,SAASX,YAAAA,MAAMmB,MAAMC;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}

package/dist/cjs/index.cjs CHANGED Viewed

@@ -74,7 +74,7 @@ const EmptyState_styles = require("./components/EmptyState/EmptyState.styles.cjs
 const EmptyState = require("./components/EmptyState/EmptyState.cjs");
 const Footer_styles = require("./components/Footer/Footer.styles.cjs");
 const Footer = require("./components/Footer/Footer.cjs");
-const gridClasses = require("./components/Grid/gridClasses.cjs");
+const Grid_styles = require("./components/Grid/Grid.styles.cjs");
 const Grid = require("./components/Grid/Grid.cjs");
 const Header_styles$1 = require("./components/Header/Header.styles.cjs");
 const Header$1 = require("./components/Header/Header.cjs");
@@ -87,9 +87,9 @@ const MenuItem = require("./components/Header/Navigation/MenuItem/MenuItem.cjs")
 const Navigation_styles = require("./components/Header/Navigation/Navigation.styles.cjs");
 const Navigation = require("./components/Header/Navigation/Navigation.cjs");
 const useSelectionPath = require("./components/Header/Navigation/useSelectionPath.cjs");
-const kpiClasses = require("./components/Kpi/kpiClasses.cjs");
+const Kpi_styles = require("./components/Kpi/Kpi.styles.cjs");
 const Kpi = require("./components/Kpi/Kpi.cjs");
-const linkClasses = require("./components/Link/linkClasses.cjs");
+const Link_styles = require("./components/Link/Link.styles.cjs");
 const Link = require("./components/Link/Link.cjs");
 const Loading_styles = require("./components/Loading/Loading.styles.cjs");
 const Loading = require("./components/Loading/Loading.cjs");
@@ -106,12 +106,12 @@ const Tab_styles = require("./components/Tab/Tab.styles.cjs");
 const Tab = require("./components/Tab/Tab.cjs");
 const Tabs_styles = require("./components/Tabs/Tabs.styles.cjs");
 const Tabs = require("./components/Tabs/Tabs.cjs");
-const tagClasses = require("./components/Tag/tagClasses.cjs");
+const Tag_styles = require("./components/Tag/Tag.styles.cjs");
 const Tag = require("./components/Tag/Tag.cjs");
 const ToggleButton = require("./components/ToggleButton/ToggleButton.cjs");
-const tooltipClasses = require("./components/Tooltip/tooltipClasses.cjs");
+const Tooltip_styles = require("./components/Tooltip/Tooltip.styles.cjs");
 const Tooltip = require("./components/Tooltip/Tooltip.cjs");
-const overflowTooltipClasses = require("./components/OverflowTooltip/overflowTooltipClasses.cjs");
+const OverflowTooltip_styles = require("./components/OverflowTooltip/OverflowTooltip.styles.cjs");
 const OverflowTooltip = require("./components/OverflowTooltip/OverflowTooltip.cjs");
 const BaseCheckBox_styles = require("./components/BaseCheckBox/BaseCheckBox.styles.cjs");
 const BaseCheckBox = require("./components/BaseCheckBox/BaseCheckBox.cjs");
@@ -133,7 +133,7 @@ const Radio_styles = require("./components/Radio/Radio.styles.cjs");
 const Radio = require("./components/Radio/Radio.cjs");
 const TextArea_styles = require("./components/TextArea/TextArea.styles.cjs");
 const TextArea = require("./components/TextArea/TextArea.cjs");
-const tagsInputClasses = require("./components/TagsInput/tagsInputClasses.cjs");
+const TagsInput_styles = require("./components/TagsInput/TagsInput.styles.cjs");
 const TagsInput = require("./components/TagsInput/TagsInput.cjs");
 const CheckBoxGroup_styles = require("./components/CheckBoxGroup/CheckBoxGroup.styles.cjs");
 const CheckBoxGroup = require("./components/CheckBoxGroup/CheckBoxGroup.cjs");
@@ -211,9 +211,9 @@ const LeftControl_styles = require("./components/Controls/LeftControl/LeftContro
 const LeftControl = require("./components/Controls/LeftControl/LeftControl.cjs");
 const RightControl_styles = require("./components/Controls/RightControl/RightControl.styles.cjs");
 const RightControl = require("./components/Controls/RightControl/RightControl.cjs");
-const calendarClasses = require("./components/Calendar/calendarClasses.cjs");
+const Calendar_styles = require("./components/Calendar/Calendar.styles.cjs");
 const Calendar = require("./components/Calendar/Calendar.cjs");
-const calendarHeaderClasses = require("./components/Calendar/CalendarHeader/calendarHeaderClasses.cjs");
+const CalendarHeader_styles = require("./components/Calendar/CalendarHeader/CalendarHeader.styles.cjs");
 const CalendarHeader = require("./components/Calendar/CalendarHeader/CalendarHeader.cjs");
 const verticalNavigationClasses = require("./components/VerticalNavigation/verticalNavigationClasses.cjs");
 const VerticalNavigation = require("./components/VerticalNavigation/VerticalNavigation.cjs");
@@ -394,7 +394,7 @@ exports.emptyStateClasses = EmptyState_styles.staticClasses;
 exports.HvEmptyState = EmptyState.HvEmptyState;
 exports.footerClasses = Footer_styles.staticClasses;
 exports.HvFooter = Footer.HvFooter;
-exports.gridClasses = gridClasses.default;
+exports.gridClasses = Grid_styles.staticClasses;
 exports.HvGrid = Grid.HvGrid;
 exports.headerClasses = Header_styles$1.staticClasses;
 exports.HvHeader = Header$1.HvHeader;
@@ -407,9 +407,9 @@ exports.HvHeaderMenuItem = MenuItem.HvHeaderMenuItem;
 exports.headerNavigationClasses = Navigation_styles.staticClasses;
 exports.HvHeaderNavigation = Navigation.HvHeaderNavigation;
 exports.useSelectionPath = useSelectionPath.useSelectionPath;
-exports.kpiClasses = kpiClasses.default;
+exports.kpiClasses = Kpi_styles.staticClasses;
 exports.HvKpi = Kpi.HvKpi;
-exports.linkClasses = linkClasses.default;
+exports.linkClasses = Link_styles.staticClasses;
 exports.HvLink = Link.HvLink;
 exports.loadingClasses = Loading_styles.staticClasses;
 exports.HvLoading = Loading.HvLoading;
@@ -426,12 +426,12 @@ exports.tabClasses = Tab_styles.staticClasses;
 exports.HvTab = Tab.HvTab;
 exports.tabsClasses = Tabs_styles.staticClasses;
 exports.HvTabs = Tabs.HvTabs;
-exports.tagClasses = tagClasses.default;
+exports.tagClasses = Tag_styles.staticClasses;
 exports.HvTag = Tag.HvTag;
 exports.HvToggleButton = ToggleButton.HvToggleButton;
-exports.tooltipClasses = tooltipClasses.default;
+exports.tooltipClasses = Tooltip_styles.staticClasses;
 exports.HvTooltip = Tooltip.HvTooltip;
-exports.overflowTooltipClasses = overflowTooltipClasses.default;
+exports.overflowTooltipClasses = OverflowTooltip_styles.staticClasses;
 exports.HvOverflowTooltip = OverflowTooltip.HvOverflowTooltip;
 exports.baseCheckBoxClasses = BaseCheckBox_styles.staticClasses;
 exports.HvBaseCheckBox = BaseCheckBox.HvBaseCheckBox;
@@ -454,7 +454,7 @@ exports.radioClasses = Radio_styles.staticClasses;
 exports.HvRadio = Radio.HvRadio;
 exports.textAreaClasses = TextArea_styles.staticClasses;
 exports.HvTextArea = TextArea.HvTextArea;
-exports.tagsInputClasses = tagsInputClasses.default;
+exports.tagsInputClasses = TagsInput_styles.staticClasses;
 exports.HvTagsInput = TagsInput.HvTagsInput;
 exports.checkBoxGroupClasses = CheckBoxGroup_styles.staticClasses;
 exports.HvCheckBoxGroup = CheckBoxGroup.HvCheckBoxGroup;
@@ -567,9 +567,9 @@ exports.leftControlClasses = LeftControl_styles.staticClasses;
 exports.HvLeftControl = LeftControl.HvLeftControl;
 exports.rightControlClasses = RightControl_styles.staticClasses;
 exports.HvRightControl = RightControl.HvRightControl;
-exports.calendarClasses = calendarClasses.default;
+exports.calendarClasses = Calendar_styles.staticClasses;
 exports.HvCalendar = Calendar.HvCalendar;
-exports.calendarHeaderClasses = calendarHeaderClasses.default;
+exports.calendarHeaderClasses = CalendarHeader_styles.staticClasses;
 exports.HvCalendarHeader = CalendarHeader.HvCalendarHeader;
 exports.verticalNavigationClasses = verticalNavigationClasses.default;
 exports.HvVerticalNavigation = VerticalNavigation.HvVerticalNavigation;

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

@@ -1,17 +1,16 @@
-import { clsx } from "clsx";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useContext } from "react";
 import { setId } from "../../utils/setId.js";
 import { isRange } from "./utils.js";
-import calendarClasses from "./calendarClasses.js";
-import { StyledRangeCalendarContainer, StyledRoot } from "./Calendar.styles.js";
+import { useClasses } from "./Calendar.styles.js";
+import { staticClasses } from "./Calendar.styles.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { HvSingleCalendar } from "./SingleCalendar/SingleCalendar.js";
 import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementValueContext } from "../Forms/FormElement/context/FormElementValueContext.js";
-import { HvSingleCalendar } from "./SingleCalendar/SingleCalendar.js";
 const HvCalendar = (props) => {
   const {
-    classes,
+    classes: classesProp,
     id,
     locale = "en-US",
     value,
@@ -28,6 +27,9 @@ const HvCalendar = (props) => {
     invalidDateLabel,
     ...others
   } = useDefaultProps("HvCalendar", props);
+  const {
+    classes
+  } = useClasses(classesProp);
   const {
     elementId
   } = useContext(HvFormElementContext);
@@ -51,10 +53,10 @@ const HvCalendar = (props) => {
     invalidDateLabel,
     ...others
   });
-  const rangeCalendar = /* @__PURE__ */ jsxs(StyledRangeCalendarContainer, {
-    className: clsx(calendarClasses.rangeCalendarContainer, classes == null ? void 0 : classes.rangeCalendarContainer),
+  const rangeCalendar = /* @__PURE__ */ jsxs("div", {
+    className: classes.rangeCalendarContainer,
     children: [/* @__PURE__ */ jsx(HvSingleCalendar, {
-      className: clsx(calendarClasses.singleCalendar, classes == null ? void 0 : classes.singleCalendar),
+      className: classes.singleCalendar,
       id: localId,
       locale,
       value: localValue,
@@ -68,7 +70,7 @@ const HvCalendar = (props) => {
       invalidDateLabel,
       ...others
     }), /* @__PURE__ */ jsx(HvSingleCalendar, {
-      className: clsx(calendarClasses.singleCalendar, classes == null ? void 0 : classes.singleCalendar),
+      className: classes.singleCalendar,
       id: rightCalendarId,
       locale,
       value: localValue,
@@ -86,12 +88,13 @@ const HvCalendar = (props) => {
       ...others
     })]
   });
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    className: clsx(calendarClasses.root, classes == null ? void 0 : classes.root),
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.root,
     children: [startAdornment, rangeMode ? rangeCalendar : singleCalendar]
   });
 };
 export {
-  HvCalendar
+  HvCalendar,
+  staticClasses as calendarClasses
 };
 //# sourceMappingURL=Calendar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { ~~clsx } from \"clsx\";\nimport {~~ useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport React, { useContext } from \"react\";\n\nimport { setId } from \"@core/utils/setId\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n} from \"@core/components/Forms\";\n\nimport { ~~isRange~~ } from \"./utils\";\nimport { ~~HvSingleCalendar~~ } from \"./~~SingleCalendar~~\";\nimport ~~calendarClasses,~~ { ~~HvCalendarClasses~~ } from \"./~~calendarClasses~~\";\nimport { ~~StyledRangeCalendarContainer~~, ~~StyledRoot~~ } from \"./~~Calendar.styles~~\";\nimport { ~~DateRangeProp~~, ~~VisibilitySelectorActions~~ } from \"./~~types~~\";\n\nexport interface HvCalendarProps {\n /*\n Styles applied from the theme.\n /\n classes?: HvCalendarClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The calendar locale. If undefined, it defaults to en-US\n \n /\n locale?: string;\n /*\n Date that the calendar would show.\n * if using the object format the calendar enter in range mode showing two calendars\n /\n value?: DateRangeProp \| Date;\n /\n Controls the visible month of the Calendar\n /\n visibleMonth?: number;\n /\n Controls the visible year of the Calendar\n /\n visibleYear?: number;\n /\n Controls the visible month of the Calendar on the right side of the datepicker\n /\n rightVisibleMonth?: number;\n /\n Controls the visible year of the Calendar on the right side of the datepicker\n /\n rightVisibleYear?: number;\n /\n Callback function to be triggered when the selected date has changed.\n /\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n /\n Callback function to be triggered when the selected date input has changed.\n /\n onInputChange?: (\n event:\n \| React.ChangeEvent<\n HTMLTextAreaElement \| HTMLInputElement \| HTMLButtonElement\n >\n \| undefined,\n value: Date \| DateRangeProp,\n position: \"left\" \| \"right\"\n ) => void;\n /\n Callback function to be triggered when the user clicks on the month or year selector.\n * it receives the action that was pressed:\n * previous_month, next_month, previous_year, next_year,month\n /\n onVisibleDateChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n action: VisibilitySelectorActions,\n value?: Date \| DateRangeProp \| number,\n position?: \"left\" \| \"right\"\n ) => void;\n /\n The maximum selectable date after this all values are disabled.\n /\n maximumDate?: Date;\n /\n The minimum selectable date before this all values are disabled.\n /\n minimumDate?: Date;\n /\n An element placed before the Calendar\n /\n startAdornment?: React.ReactNode;\n /\n Indicates if header should display the day of week.\n /\n showDayOfWeek?: boolean;\n /\n Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n\nexport const HvCalendar = (props: HvCalendarProps) => {\n const {\n classes,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n rightVisibleMonth,\n rightVisibleYear,\n minimumDate,\n maximumDate,\n startAdornment,\n onChange,\n onInputChange,\n onVisibleDateChange,\n invalidDateLabel,\n ...others\n } = useDefaultProps(\"HvCalendar\", props);\n\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const localValue = value ?? elementValue;\n const localId = id ?? setId(elementId, \"single-calendar\");\n const rangeMode = isRange(localValue);\n const rightCalendarId = setId(localId, \"single-calendar-right\");\n const clampedMonth =\n visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n const singleCalendar = (\n <HvSingleCalendar\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={onVisibleDateChange}\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n );\n\n const rangeCalendar = (\n <~~StyledRangeCalendarContainer\n~~ className={~~clsx(\n calendarClasses~~.rangeCalendarContainer~~,\n classes?.rangeCalendarContainer\n )~~}\n >\n <HvSingleCalendar\n className={~~clsx(\n calendarClasses~~.singleCalendar~~,\n classes?.singleCalendar\n )~~}\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={(event, action, index) =>\n onVisibleDateChange?.(event, action, index, \"left\")\n }\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n\n <HvSingleCalendar\n className={~~clsx(\n calendarClasses~~.singleCalendar~~,\n classes?.singleCalendar\n )~~}\n id={rightCalendarId}\n locale={locale}\n value={localValue}\n visibleMonth={rightVisibleMonth}\n visibleYear={rightVisibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"right\")\n }\n onVisibleDateChange={(event, action, index) => {\n onVisibleDateChange?.(event, action, index, \"right\");\n }}\n showEndDate\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n </~~StyledRangeCalendarContainer~~>\n );\n\n return (\n <~~StyledRoot~~ className={~~clsx(calendarClasses~~.root~~, classes?.root)~~}>\n {startAdornment}\n {rangeMode ? rangeCalendar : singleCalendar}\n </~~StyledRoot~~>\n );\n};\n"],"names":["HvCalendar","props","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","useDefaultProps","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","HvSingleCalendar","evt","date","rangeCalendar","~~StyledRangeCalendarContainer","~~className","~~clsx","calendarClasses","~~rangeCalendarContainer","children","_jsx","event","action","index","showEndDate","~~StyledRoot","~~root"],"mappings":"~~;;;;;;;;;;;AA4GaA~~,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC;AAAAA,~~IACAC~~;AAAAA,IACAC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,~~cAAcjB~~,KAAK;~~AAEjC~~,QAAA;AAAA,IAAEkB;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AAC/CC,QAAAA,eAAeF,WAAWG,yBAAyB;AACzD,QAAMC,~~aAAanB~~,~~SAASiB~~;AAC5B,QAAMG,~~UAAUtB~~,~~MAAMuB~~,MAAMP,WAAW,iBAAiB;AAClDQ,QAAAA,YAAYC,QAAQJ,UAAU;AAC9BK,QAAAA,kBAAkBH,MAAMD,SAAS,uBAAuB;AAC9D,QAAMK,~~eACJxB~~,gBAAgBA,eAAe,KAAK,IAAIA,eAAe,KAAK;~~AAExDyB~~,QAAAA,qCACHC,kBAAgB;AAAA,~~IACf7B~~,~~IAAIsB~~;AAAAA,~~IACJrB~~;AAAAA,IACAC,~~OAAOmB~~;AAAAA,~~IACPlB~~,~~cAAcwB~~;AAAAA,~~IACdvB~~;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,eAAeA,~~CAACmB~~,KAAKC,~~SACnBpB~~,iBAAiBA,~~cAAcmB~~,KAAKC,MAAM,MAAM;AAAA,~~IAElDnB~~;AAAAA,IACAC;AAAAA,IAAmC,GAC/BC;AAAAA,EAAAA,CACL;~~AAGGkB~~,QAAAA,~~qCACHC~~,~~8BAA4B~~;AAAA,~~IAC3BC~~,~~WAAWC~~,~~KACTC,gBAAgBC,wBAChBtC,mCAASsC,sBACX~~;~~AAAA~~,~~IAAEC~~,UAAA,~~CAEFC~~,~~oBAACV~~,kBAAgB;AAAA,~~MACfK~~,~~WAAWC~~,~~KACTC,gBAAgBR,gBAChB7B,mCAAS6B,cACX~~;~~AAAA~~,~~MACA5B~~,~~IAAIsB~~;AAAAA,~~MACJrB~~;AAAAA,MACAC,~~OAAOmB~~;AAAAA,~~MACPlB~~,~~cAAcwB~~;AAAAA,~~MACdvB~~;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,~~CAACmB~~,KAAKC,~~SACnBpB~~,iBAAiBA,~~cAAcmB~~,KAAKC,MAAM,MAAM;AAAA,~~MAElDnB~~,qBAAqBA,~~CAAC4B~~,OAAOC,QAAQC,~~UACnC9B~~,~~2DAAsB4B~~,OAAOC,QAAQC,OAAO;AAAA,~~MAE9C7B~~;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACL,~~GAEDyB~~,~~oBAACV~~,kBAAgB;AAAA,~~MACfK~~,~~WAAWC~~,~~KACTC,gBAAgBR,gBAChB7B,mCAAS6B,cACX~~;~~AAAA~~,~~MACA5B~~,~~IAAI0B~~;AAAAA,~~MACJzB~~;AAAAA,MACAC,~~OAAOmB~~;AAAAA,~~MACPlB~~,cAAcE;AAAAA,MACdD,aAAaE;AAAAA,MACbC;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,~~CAACmB~~,KAAKC,~~SACnBpB~~,iBAAiBA,~~cAAcmB~~,KAAKC,MAAM,OAAO;AAAA,~~MAEnDnB~~,qBAAqBA,~~CAAC4B~~,OAAOC,QAAQC,UAAU;AACvBF,mEAAAA,OAAOC,QAAQC,OAAO;AAAA,MAC9C;AAAA,MACAC,aAAW;AAAA,~~MACX9B~~;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACL,CAAC;AAAA,EAAA,~~CAC0B~~;~~AAGhC~~,~~8BACG8B~~,~~YAAU~~;AAAA,~~IAACV~~,~~WAAWC~~,~~KAAKC,gBAAgBS,MAAM9C,mCAAS8C,IAAI~~;~~AAAA~~,~~IAAEP~~,~~WAC9D7B~~,~~gBACAe~~,YAAYQ,gBAAgBJ,cAAc;AAAA,EAAA,~~CACjC~~;~~AAEhB~~;"}
1	+ {"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport React, { useContext } from \"react\";\n\nimport { setId } from \"@core/utils/setId\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n} from \"@core/components/Forms\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isRange } from \"./utils\";\nimport { HvSingleCalendar } from \"./SingleCalendar\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"./types\";\n\nimport { staticClasses, useClasses } from \"./Calendar.styles\";\n\nexport { staticClasses as calendarClasses };\n\nexport type HvCalendarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCalendarProps {\n /*\n Styles applied from the theme.\n /\n classes?: HvCalendarClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The calendar locale. If undefined, it defaults to en-US\n \n /\n locale?: string;\n /*\n Date that the calendar would show.\n * if using the object format the calendar enter in range mode showing two calendars\n /\n value?: DateRangeProp \| Date;\n /\n Controls the visible month of the Calendar\n /\n visibleMonth?: number;\n /\n Controls the visible year of the Calendar\n /\n visibleYear?: number;\n /\n Controls the visible month of the Calendar on the right side of the datepicker\n /\n rightVisibleMonth?: number;\n /\n Controls the visible year of the Calendar on the right side of the datepicker\n /\n rightVisibleYear?: number;\n /\n Callback function to be triggered when the selected date has changed.\n /\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n /\n Callback function to be triggered when the selected date input has changed.\n /\n onInputChange?: (\n event:\n \| React.ChangeEvent<\n HTMLTextAreaElement \| HTMLInputElement \| HTMLButtonElement\n >\n \| undefined,\n value: Date \| DateRangeProp,\n position: \"left\" \| \"right\"\n ) => void;\n /\n Callback function to be triggered when the user clicks on the month or year selector.\n * it receives the action that was pressed:\n * previous_month, next_month, previous_year, next_year,month\n /\n onVisibleDateChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n action: VisibilitySelectorActions,\n value?: Date \| DateRangeProp \| number,\n position?: \"left\" \| \"right\"\n ) => void;\n /\n The maximum selectable date after this all values are disabled.\n /\n maximumDate?: Date;\n /\n The minimum selectable date before this all values are disabled.\n /\n minimumDate?: Date;\n /\n An element placed before the Calendar\n /\n startAdornment?: React.ReactNode;\n /\n Indicates if header should display the day of week.\n /\n showDayOfWeek?: boolean;\n /\n Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n\nexport const HvCalendar = (props: HvCalendarProps) => {\n const {\n classes: classesProp,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n rightVisibleMonth,\n rightVisibleYear,\n minimumDate,\n maximumDate,\n startAdornment,\n onChange,\n onInputChange,\n onVisibleDateChange,\n invalidDateLabel,\n ...others\n } = useDefaultProps(\"HvCalendar\", props);\n const { classes } = useClasses(classesProp);\n\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const localValue = value ?? elementValue;\n const localId = id ?? setId(elementId, \"single-calendar\");\n const rangeMode = isRange(localValue);\n const rightCalendarId = setId(localId, \"single-calendar-right\");\n const clampedMonth =\n visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n const singleCalendar = (\n <HvSingleCalendar\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={onVisibleDateChange}\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n );\n\n const rangeCalendar = (\n <div className={classes.rangeCalendarContainer}>\n <HvSingleCalendar\n className={classes.singleCalendar}\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={(event, action, index) =>\n onVisibleDateChange?.(event, action, index, \"left\")\n }\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n\n <HvSingleCalendar\n className={classes.singleCalendar}\n id={rightCalendarId}\n locale={locale}\n value={localValue}\n visibleMonth={rightVisibleMonth}\n visibleYear={rightVisibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"right\")\n }\n onVisibleDateChange={(event, action, index) => {\n onVisibleDateChange?.(event, action, index, \"right\");\n }}\n showEndDate\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n </div>\n );\n\n return (\n <div className={classes.root}>\n {startAdornment}\n {rangeMode ? rangeCalendar : singleCalendar}\n </div>\n );\n};\n"],"names":["HvCalendar","props","classes","classesProp","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","useDefaultProps","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","HvSingleCalendar","evt","date","rangeCalendar","className","rangeCalendarContainer","children","_jsx","event","action","index","showEndDate","root"],"mappings":";;;;;;;;;;AAgHaA,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,cAAclB,KAAK;AACjC,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAYkB,WAAWjB,WAAW;AAEpC,QAAA;AAAA,IAAEkB;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AAC/CC,QAAAA,eAAeF,WAAWG,yBAAyB;AACzD,QAAMC,aAAapB,SAASkB;AAC5B,QAAMG,UAAUvB,MAAMwB,MAAMP,WAAW,iBAAiB;AAClDQ,QAAAA,YAAYC,QAAQJ,UAAU;AAC9BK,QAAAA,kBAAkBH,MAAMD,SAAS,uBAAuB;AAC9D,QAAMK,eACJzB,gBAAgBA,eAAe,KAAK,IAAIA,eAAe,KAAK;AAExD0B,QAAAA,qCACHC,kBAAgB;AAAA,IACf9B,IAAIuB;AAAAA,IACJtB;AAAAA,IACAC,OAAOoB;AAAAA,IACPnB,cAAcyB;AAAAA,IACdxB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,eAAeA,CAACoB,KAAKC,SACnBrB,iBAAiBA,cAAcoB,KAAKC,MAAM,MAAM;AAAA,IAElDpB;AAAAA,IACAC;AAAAA,IAAmC,GAC/BC;AAAAA,EAAAA,CACL;AAGGmB,QAAAA,qCACJ,OAAA;AAAA,IAAKC,WAAWpC,QAAQqC;AAAAA,IAAuBC,UAAA,CAC7CC,oBAACP,kBAAgB;AAAA,MACfI,WAAWpC,QAAQ+B;AAAAA,MACnB7B,IAAIuB;AAAAA,MACJtB;AAAAA,MACAC,OAAOoB;AAAAA,MACPnB,cAAcyB;AAAAA,MACdxB;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACoB,KAAKC,SACnBrB,iBAAiBA,cAAcoB,KAAKC,MAAM,MAAM;AAAA,MAElDpB,qBAAqBA,CAAC0B,OAAOC,QAAQC,UACnC5B,2DAAsB0B,OAAOC,QAAQC,OAAO;AAAA,MAE9C3B;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACL,GAEDuB,oBAACP,kBAAgB;AAAA,MACfI,WAAWpC,QAAQ+B;AAAAA,MACnB7B,IAAI2B;AAAAA,MACJ1B;AAAAA,MACAC,OAAOoB;AAAAA,MACPnB,cAAcE;AAAAA,MACdD,aAAaE;AAAAA,MACbC;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACoB,KAAKC,SACnBrB,iBAAiBA,cAAcoB,KAAKC,MAAM,OAAO;AAAA,MAEnDpB,qBAAqBA,CAAC0B,OAAOC,QAAQC,UAAU;AACvBF,mEAAAA,OAAOC,QAAQC,OAAO;AAAA,MAC9C;AAAA,MACAC,aAAW;AAAA,MACX5B;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACL,CAAC;AAAA,EAAA,CACC;AAGP,8BACE,OAAA;AAAA,IAAKoB,WAAWpC,QAAQ4C;AAAAA,IAAKN,WAC1B3B,gBACAgB,YAAYQ,gBAAgBJ,cAAc;AAAA,EAAA,CACxC;AAET;"}

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

@@ -1,64 +1,38 @@
-import _styled from "@emotion/styled/base";
+import { createClasses } from "../../utils/classes.js";
 import { theme } from "@hitachivantara/uikit-styles";
-import calendarClasses from "./calendarClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvSingleCalendar } from "./SingleCalendar/SingleCalendar.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: "e6gej3i2"
-} : {
-  target: "e6gej3i2",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zl1inp",
-  styles: "display:flex;justify-content:center"
-} : {
-  name: "zl1inp",
-  styles: "display:flex;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgY2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL2NhbGVuZGFyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgSHZTaW5nbGVDYWxlbmRhciwgSHZTaW5nbGVDYWxlbmRhclByb3BzIH0gZnJvbSBcIi4vU2luZ2xlQ2FsZW5kYXJcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhbmdlQ2FsZW5kYXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlQ2FsZW5kYXIgPSBzdHlsZWQoKHByb3BzOiBIdlNpbmdsZUNhbGVuZGFyUHJvcHMpID0+IChcbiAgPEh2U2luZ2xlQ2FsZW5kYXIgey4uLnByb3BzfSAvPlxuKSkoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIFtgJiB+IC4ke2NhbGVuZGFyQ2xhc3Nlcy5zaW5nbGVDYWxlbmRhcn1gXToge1xuICAgICAgLy8gdGFyZ2V0IHRoZSBuZXh0IGNhbGVuZGFyIHdoZW4gdGhlIGZvcm1lciBpcyBob3ZlcmVkXG4gICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICBcIiYgPiBkaXY6bnRoLWNoaWxkKDMpXCI6IHtcbiAgICAgICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICAgICAgXCImID4gZGl2W2RhdGEtY2FsZW5kYXItY2VsbD0nY2FsZW5kYXJDZWxsJ11cIjoge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledRangeCalendarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e6gej3i1"
-} : {
-  target: "e6gej3i1",
-  label: "StyledRangeCalendarContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "zjik7",
-  styles: "display:flex",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgY2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL2NhbGVuZGFyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgSHZTaW5nbGVDYWxlbmRhciwgSHZTaW5nbGVDYWxlbmRhclByb3BzIH0gZnJvbSBcIi4vU2luZ2xlQ2FsZW5kYXJcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhbmdlQ2FsZW5kYXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlQ2FsZW5kYXIgPSBzdHlsZWQoKHByb3BzOiBIdlNpbmdsZUNhbGVuZGFyUHJvcHMpID0+IChcbiAgPEh2U2luZ2xlQ2FsZW5kYXIgey4uLnByb3BzfSAvPlxuKSkoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIFtgJiB+IC4ke2NhbGVuZGFyQ2xhc3Nlcy5zaW5nbGVDYWxlbmRhcn1gXToge1xuICAgICAgLy8gdGFyZ2V0IHRoZSBuZXh0IGNhbGVuZGFyIHdoZW4gdGhlIGZvcm1lciBpcyBob3ZlcmVkXG4gICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICBcIiYgPiBkaXY6bnRoLWNoaWxkKDMpXCI6IHtcbiAgICAgICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICAgICAgXCImID4gZGl2W2RhdGEtY2FsZW5kYXItY2VsbD0nY2FsZW5kYXJDZWxsJ11cIjoge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvSingleCalendar, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e6gej3i0"
-} : {
-  target: "e6gej3i0",
-  label: "StyledSingleCalendar"
-})({
-  "&:hover": {
-    [`& ~ .${calendarClasses.singleCalendar}`]: {
-      // target the next calendar when the former is hovered
-      "& > div": {
-        "& > div:nth-child(3)": {
-          "& > div": {
-            "& > div[data-calendar-cell='calendarCell']": {
-              backgroundColor: theme.colors.atmo1
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvCalendar", {
+  root: {
+    display: "flex",
+    justifyContent: "center"
+  },
+  rangeCalendarContainer: {
+    display: "flex"
+  },
+  singleCalendar: {
+    "&:hover": {
+      "& ~ $singleCalendar": {
+        // target the next calendar when the former is hovered
+        "& > div": {
+          "& > div:nth-child(3)": {
+            "& > div": {
+              "& > div[data-calendar-cell='calendarCell']": {
+                backgroundColor: theme.colors.atmo1
+              }
             }
           }
         }
       }
     }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgY2FsZW5kYXJDbGFzc2VzIGZyb20gXCIuL2NhbGVuZGFyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgSHZTaW5nbGVDYWxlbmRhciwgSHZTaW5nbGVDYWxlbmRhclByb3BzIH0gZnJvbSBcIi4vU2luZ2xlQ2FsZW5kYXJcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhbmdlQ2FsZW5kYXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlQ2FsZW5kYXIgPSBzdHlsZWQoKHByb3BzOiBIdlNpbmdsZUNhbGVuZGFyUHJvcHMpID0+IChcbiAgPEh2U2luZ2xlQ2FsZW5kYXIgey4uLnByb3BzfSAvPlxuKSkoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIFtgJiB+IC4ke2NhbGVuZGFyQ2xhc3Nlcy5zaW5nbGVDYWxlbmRhcn1gXToge1xuICAgICAgLy8gdGFyZ2V0IHRoZSBuZXh0IGNhbGVuZGFyIHdoZW4gdGhlIGZvcm1lciBpcyBob3ZlcmVkXG4gICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICBcIiYgPiBkaXY6bnRoLWNoaWxkKDMpXCI6IHtcbiAgICAgICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICAgICAgXCImID4gZGl2W2RhdGEtY2FsZW5kYXItY2VsbD0nY2FsZW5kYXJDZWxsJ11cIjoge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+  },
+  focusSelection: {},
+  calendarMonthlyCell: {},
+  calendarMonthlyCellSelected: {}
+});
 export {
-  StyledRangeCalendarContainer,
-  StyledRoot
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Calendar.styles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.styles.js","sources":["../../../../src/components/Calendar/Calendar.styles.tsx"],"sourcesContent":["import ~~styled~~ from \"@~~emotion~~/~~styled~~\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\~~nimport~~ ~~calendarClasses~~ ~~from \"./calendarClasses\";\nimport~~ { ~~HvSingleCalendar~~, ~~HvSingleCalendarProps~~ } ~~from \"./SingleCalendar\";\n\nexport const StyledRoot~~ = ~~styled~~(\"~~div~~\")({\n display: \"flex\",\n justifyContent: \"center\",\n}~~);\~~n~~\nexport~~ ~~const StyledRangeCalendarContainer = styled(\"div\")(~~{\n display: \"flex\",\n}~~);\~~n~~\nexport const StyledSingleCalendar = styled((props~~: ~~HvSingleCalendarProps) => (\n <HvSingleCalendar~~ {~~...props} />\n))({~~\n \"&:hover\": {\n ~~[`&~~ ~ ~~.${calendarClasses.~~singleCalendar~~}`]~~: {\n // target the next calendar when the former is hovered\n \"& > div\": {\n \"& > div:nth-child(3)\": {\n \"& > div\": {\n \"& > div[data-calendar-cell='calendarCell']\": {\n backgroundColor: theme.colors.atmo1,\n },\n },\n },\n },\n },\n },\n});\n"],"names":["~~StyledRoot~~","~~process~~","~~env~~","~~NODE_ENV~~","~~target~~","~~label~~","~~name~~","~~styles~~","~~map~~","~~toString~~","~~_EMOTION_STRINGIFIED_CSS_ERROR__~~","~~StyledRangeCalendarContainer~~","~~_styled~~","~~props~~","~~HvSingleCalendar~~"~~,"calendarClasses","singleCalendar","backgroundColor","theme","colors","atmo1"~~],"mappings":"~~;;;;;;;;AAKO~~,~~MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,~~MAAA;AAAA,~~EAAAC,QAAA~~;~~AAAA~~,~~IAAA~~;~~AAAA~~,~~EAAAD~~,~~MAAA;AAAA~~,~~EAAAC,QAAA~~;AAAA,~~EAAAC~~,~~KAAA~~;AAAA,~~EAAAC~~,~~UAAAC~~;AAAA,~~CAGtC;AAEM~~,~~MAAMC,+BAAsC,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA~~;AAAA,~~EAAAC,QAAA~~;AAAA,~~IAAA;AAAA~~,~~EAAAA,QAAA~~;AAAA,~~EAAAC~~,~~OAAA~~;AAAA,~~CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA~~;AAAA,~~EAAAG~~,~~MAAA~~;AAAA,~~EAAAC~~,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExD;AAEmCE,wBAAO,CAACC,8BACzCC,kBAAgB;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC/BZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACD,WAAW;AAAA,~~IACT~~,~~CAAE,QAAOU,gBAAgBC,gBAAgB,GAAG~~;AAAA;AAAA,~~MAE1C~~,WAAW;AAAA,~~QACT~~,wBAAwB;AAAA,~~UACtB~~,WAAW;AAAA,~~YACT~~,8CAA8C;AAAA,~~cAC5CC~~,iBAAiBC,MAAMC,OAAOC;AAAAA,~~YAChC~~;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;~~AACF~~,~~GAACnB~~,~~QAAAC~~,~~IAAAC~~,~~aAAC~~,~~eAAA~~,~~KAAA~~,~~ysDAAA~~;"}
1	+ {"version":3,"file":"Calendar.styles.js","sources":["../../../../src/components/Calendar/Calendar.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendar\", {\n root: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n rangeCalendarContainer: {\n display: \"flex\",\n },\n singleCalendar: {\n \"&:hover\": {\n \"& ~ $singleCalendar\": {\n // target the next calendar when the former is hovered\n \"& > div\": {\n \"& > div:nth-child(3)\": {\n \"& > div\": {\n \"& > div[data-calendar-cell='calendarCell']\": {\n backgroundColor: theme.colors.atmo1,\n },\n },\n },\n },\n },\n },\n },\n focusSelection: {},\n calendarMonthlyCell: {},\n calendarMonthlyCellSelected: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","justifyContent","rangeCalendarContainer","singleCalendar","backgroundColor","theme","colors","atmo1","focusSelection","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,wBAAwB;AAAA,IACtBF,SAAS;AAAA,EACX;AAAA,EACAG,gBAAgB;AAAA,IACd,WAAW;AAAA,MACT,uBAAuB;AAAA;AAAA,QAErB,WAAW;AAAA,UACT,wBAAwB;AAAA,YACtB,WAAW;AAAA,cACT,8CAA8C;AAAA,gBAC5CC,iBAAiBC,MAAMC,OAAOC;AAAAA,cAChC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACAC,gBAAgB,CAAC;AAAA,EACjBC,qBAAqB,CAAC;AAAA,EACtBC,6BAA6B,CAAC;AAChC,CAAC;"}