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

package/dist/cjs/components/TextArea/TextArea.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.cjs","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvBaseInput,\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n  HvFormElement,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  display: \"inline-block\",\n  width: \"100%\",\n\n  ...($resizable && { width: \"auto\" }),\n}));\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n  <HvCharCounter {...props} />\n))({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled((props) => (\n  <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n  HvBaseInput,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  clear: \"both\",\n  float: \"left\",\n\n  ...($resizable && {\n    resize: \"both\",\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","jsx","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize","minWidth","maxWidth"],"mappings":"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"}
+{"version":3,"file":"TextArea.styles.cjs","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvBaseInput,\n  HvBaseInputProps,\n  HvCharCounter,\n  HvCharCounterProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvInfoMessage,\n  HvInfoMessageProps,\n  HvLabel,\n  HvLabelProps,\n  HvWarningText,\n  HvWarningTextProps,\n} from \"~/components\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n  (props: HvFormElementProps) => <HvFormElement {...props} />,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  display: \"inline-block\",\n  width: \"100%\",\n\n  ...($resizable && { 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 StyledInfoMessage = 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 StyledWarningText = styled((props: HvWarningTextProps) => (\n  <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n  (props: HvBaseInputProps) => <HvBaseInput {...props} />,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  clear: \"both\",\n  float: \"left\",\n\n  ...($resizable && {\n    width: \"100%\",\n    resize: \"both\",\n  }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize"],"mappings":"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"}

package/dist/cjs/components/TextArea/textAreaClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"textAreaClasses.cjs","sources":["../../../../src/components/TextArea/textAreaClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTextAreaClasses = {\n  root?: string;\n  disabled?: string;\n  resizable?: string;\n  invalid?: string;\n  baseInput?: string;\n  input?: string;\n  inputResizable?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  characterCounter?: string;\n  error?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disabled\",\n  \"resizable\",\n  \"invalid\",\n  \"baseInput\",\n  \"input\",\n  \"inputResizable\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"characterCounter\",\n  \"error\",\n];\n\nconst textAreaClasses = getClasses<HvTextAreaClasses>(classKeys, \"HvTextArea\");\n\nexport default textAreaClasses;\n"],"names":["classKeys","textAreaClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAAsB,CAC1B,QACA,YACA,aACA,WACA,aACA,SACA,kBACA,kBACA,SACA,eACA,oBACA,OAAO;AAGT,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}
+{"version":3,"file":"textAreaClasses.cjs","sources":["../../../../src/components/TextArea/textAreaClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvTextAreaClasses = {\n  root?: string;\n  disabled?: string;\n  resizable?: string;\n  invalid?: string;\n  baseInput?: string;\n  input?: string;\n  inputResizable?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  characterCounter?: string;\n  error?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disabled\",\n  \"resizable\",\n  \"invalid\",\n  \"baseInput\",\n  \"input\",\n  \"inputResizable\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"characterCounter\",\n  \"error\",\n];\n\nconst textAreaClasses = getClasses<HvTextAreaClasses>(classKeys, \"HvTextArea\");\n\nexport default textAreaClasses;\n"],"names":["classKeys","textAreaClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAAsB,CAC1B,QACA,YACA,aACA,WACA,aACA,SACA,kBACA,kBACA,SACA,eACA,oBACA,OAAO;AAGT,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}

package/dist/cjs/components/ToggleButton/ToggleButton.cjs

@@ -1,7 +1,7 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useControlled = require("../../hooks/useControlled.cjs");
 const Button = require("../Button/Button.cjs");
 const HvToggleButton = React.forwardRef((props, ref) => {
@@ -15,11 +15,19 @@ const HvToggleButton = React.forwardRef((props, ref) => {
     ...others
   } = props;
   const [isSelected, setIsSelected] = useControlled.useControlled(selected, Boolean(defaultSelected));
-  const onClickHandler = (e) => {
+  const onClickHandler = (event) => {
     setIsSelected(!isSelected);
-    onClick == null ? void 0 : onClick(e, !isSelected);
+    onClick == null ? void 0 : onClick(event, !isSelected);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ref, icon: true, variant: "secondaryGhost", "aria-pressed": isSelected, onClick: onClickHandler, ...others, children: children || (!isSelected ? notSelectedIcon : selectedIcon) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+    ref,
+    icon: true,
+    variant: "secondaryGhost",
+    "aria-pressed": isSelected,
+    onClick: onClickHandler,
+    ...others,
+    children: children || (!isSelected ? notSelectedIcon : selectedIcon)
+  });
 });
 exports.HvToggleButton = HvToggleButton;
 //# sourceMappingURL=ToggleButton.cjs.map

package/dist/cjs/components/ToggleButton/ToggleButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.cjs","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvButton } from \"components\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nexport type HvToggleButtonProps = HvBaseProps<\n  HTMLButtonElement,\n  { onClick }\n> & {\n  /** When uncontrolled, defines the initial selected state. */\n  defaultSelected?: boolean;\n  /** Defines if the button is selected. When defined the button state becomes controlled. */\n  selected?: boolean;\n  /** Defines if the button is disabled. */\n  disabled?: boolean;\n  /** Icon for when not selected. Ignored if the component has children. */\n  notSelectedIcon?: React.ReactNode;\n  /** Icon for when selected. Ignored if the component has children. */\n  selectedIcon?: React.ReactNode;\n  /** Function called when icon is clicked. */\n  onClick?: Function;\n};\n\nexport const HvToggleButton = forwardRef<\n  HTMLButtonElement,\n  HvToggleButtonProps\n>((props, ref) => {\n  const {\n    defaultSelected,\n    selected,\n    notSelectedIcon,\n    selectedIcon = null,\n    onClick,\n    children,\n    ...others\n  } = props;\n\n  const [isSelected, setIsSelected] = useControlled(\n    selected,\n    Boolean(defaultSelected)\n  );\n\n  const onClickHandler = (e) => {\n    setIsSelected(!isSelected);\n    onClick?.(e, !isSelected);\n  };\n\n  return (\n    <HvButton\n      ref={ref}\n      icon\n      variant=\"secondaryGhost\"\n      aria-pressed={isSelected}\n      onClick={onClickHandler}\n      {...others}\n    >\n      {children || (!isSelected ? notSelectedIcon : selectedIcon)}\n    </HvButton>\n  );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","e","HvButton"],"mappings":";;;;;;AAuBO,MAAMA,iBAAiBC,MAAAA,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAAAA,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAG1B,QAAMW,iBAAkBC,CAAM,MAAA;AAC5BJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,GAAG,CAACL;AAAAA,EAAU;AAG1B,wCACGM,iBACC,EAAA,KACA,MAAI,MACJ,SAAQ,kBACR,gBAAcN,YACd,SAASI,gBACT,GAAIL,QAEHD,uBAAa,CAACE,aAAaL,kBAAkBC,cAChD,CAAA;AAEJ,CAAC;;"}
+{"version":3,"file":"ToggleButton.cjs","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvButton } from \"../Button\";\nimport { useControlled } from \"../../hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nexport type HvToggleButtonProps = HvBaseProps<\n  HTMLButtonElement,\n  { onClick }\n> & {\n  /** When uncontrolled, defines the initial selected state. */\n  defaultSelected?: boolean;\n  /** Defines if the button is selected. When defined the button state becomes controlled. */\n  selected?: boolean;\n  /** Defines if the button is disabled. */\n  disabled?: boolean;\n  /** Icon for when not selected. Ignored if the component has children. */\n  notSelectedIcon?: React.ReactNode;\n  /** Icon for when selected. Ignored if the component has children. */\n  selectedIcon?: React.ReactNode;\n  /** Function called when icon is clicked. */\n  onClick?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    selected: boolean\n  ) => void;\n};\n\nexport const HvToggleButton = forwardRef<\n  HTMLButtonElement,\n  HvToggleButtonProps\n>((props, ref) => {\n  const {\n    defaultSelected,\n    selected,\n    notSelectedIcon,\n    selectedIcon = null,\n    onClick,\n    children,\n    ...others\n  } = props;\n\n  const [isSelected, setIsSelected] = useControlled(\n    selected,\n    Boolean(defaultSelected)\n  );\n\n  const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setIsSelected(!isSelected);\n    onClick?.(event, !isSelected);\n  };\n\n  return (\n    <HvButton\n      ref={ref}\n      icon\n      variant=\"secondaryGhost\"\n      aria-pressed={isSelected}\n      onClick={onClickHandler}\n      {...others}\n    >\n      {children || (!isSelected ? notSelectedIcon : selectedIcon)}\n    </HvButton>\n  );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","event","HvButton","icon","variant"],"mappings":";;;;;;AA0BO,MAAMA,iBAAiBC,MAAAA,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAAAA,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAGpBW,QAAAA,iBAAiBA,CAACC,UAA+C;AACrEJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,OAAO,CAACL;AAAAA,EAAU;AAG9B,wCACGM,OAAAA,UAAQ;AAAA,IACPd;AAAAA,IACAe,MAAI;AAAA,IACJC,SAAQ;AAAA,IACR,gBAAcR;AAAAA,IACdH,SAASO;AAAAA,IAAe,GACpBL;AAAAA,IAAMD,UAETA,aAAa,CAACE,aAAaL,kBAAkBC;AAAAA,EAAAA,CACrC;AAEf,CAAC;;"}

package/dist/cjs/components/Tooltip/Tooltip.cjs

@@ -1,12 +1,12 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const React = require("react");
 const Tooltip_styles = require("./Tooltip.styles.cjs");
 const tooltipClasses = require("./tooltipClasses.cjs");
 const clsx = require("clsx");
-const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useTheme = require("../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvTooltip = React.forwardRef((props, ref) => {
@@ -28,14 +28,27 @@ const HvTooltip = React.forwardRef((props, ref) => {
   } = props;
   const {
     rootId
-  } = React.useContext(ThemeProvider.HvThemeContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { ref, open: open != null ? open : void 0, enterDelay, placement, TransitionComponent, TransitionProps, className, classes: {
-    tooltip: useSingle ? clsx__default.default(tooltipClasses.default.tooltip, classes == null ? void 0 : classes.tooltip) : clsx__default.default(tooltipClasses.default.tooltipMulti, classes == null ? void 0 : classes.tooltipMulti),
-    popper: clsx__default.default(tooltipClasses.default.popper, classes == null ? void 0 : classes.popper)
-  }, title, PopperProps: {
-    sx: Tooltip_styles.popperSx(useSingle),
-    container: document.getElementById(rootId || "") || document.body
-  }, ...others, children });
+  } = useTheme.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, {
+    ref,
+    open: open ?? void 0,
+    enterDelay,
+    placement,
+    TransitionComponent,
+    TransitionProps,
+    className,
+    classes: {
+      tooltip: useSingle ? clsx__default.default(tooltipClasses.default.tooltip, classes == null ? void 0 : classes.tooltip) : clsx__default.default(tooltipClasses.default.tooltipMulti, classes == null ? void 0 : classes.tooltipMulti),
+      popper: clsx__default.default(tooltipClasses.default.popper, classes == null ? void 0 : classes.popper)
+    },
+    title,
+    PopperProps: {
+      sx: Tooltip_styles.popperSx(useSingle),
+      container: document.getElementById(rootId || "") || document.body
+    },
+    ...others,
+    children
+  });
 });
 exports.HvTooltip = HvTooltip;
 //# sourceMappingURL=Tooltip.cjs.map

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

@@ -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\";\nimport { forwardRef, ReactElement, useContext } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport { HvThemeContext } from \"providers\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\nimport clsx from \"clsx\";\n\nexport type HvTooltipPlacementType =\n  | \"bottom-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"left-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"right-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"top-end\"\n  | \"top-start\"\n  | \"top\";\n\nexport type HvTooltipProps = 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  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title?: string | ReactElement;\n  /**\n   * The component used for the transition\n   */\n  TransitionComponent?: React.JSXElementConstructor<\n    MuiTransitionProps & { children: React.ReactElement<any, any> }\n  >;\n  /**\n   * Properties applied to the Transition element.\n   */\n  TransitionProps?: MuiTransitionProps;\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\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\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: placement },\n    ...others\n  } = props;\n\n  const { rootId } = useContext(HvThemeContext);\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: document.getElementById(rootId || \"\") || document.body,\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","others","rootId","useContext","HvThemeContext","jsx","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;;;;;AA4EO,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,IAAqB;AAAA,OACpDQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,cAAAA,cAAc;AAG1C,SAAAC,2BAAA,IAACC,SACC,SAAA,EAAA,KACA,MAAMf,sBAAQgB,QACd,YACA,WACA,qBACA,iBACA,WACA,SAAS;AAAA,IACPC,SAASd,YACLe,cAAAA,QAAKC,eAAAA,QAAeF,SAASlB,mCAASkB,OAAO,IAC7CC,cAAKC,QAAAA,eAAAA,QAAeC,cAAcrB,mCAASqB,YAAY;AAAA,IAC3DC,QAAQH,cAAAA,QAAKC,eAAAA,QAAeE,QAAQtB,mCAASsB,MAAM;AAAA,EAAA,GAErD,OACA,aAAa;AAAA,IACXC,IAAIC,wBAASpB,SAAS;AAAA,IACtBqB,WAAWC,SAASC,eAAef,UAAU,EAAE,KAAKc,SAASE;AAAAA,EAAAA,GAE3DjB,GAAAA,QAEHN,SACH,CAAA;AAEJ,CAAC;;"}
+{"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\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\nimport clsx from \"clsx\";\nimport { useTheme } from \"~/hooks\";\n\nexport type HvTooltipPlacementType =\n  | \"bottom-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"left-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"right-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"top-end\"\n  | \"top-start\"\n  | \"top\";\n\nexport type HvTooltipProps = 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  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title?: string | ReactElement;\n  /**\n   * The component used for the transition\n   */\n  TransitionComponent?: React.JSXElementConstructor<\n    MuiTransitionProps & { children: React.ReactElement<any, any> }\n  >;\n  /**\n   * Properties applied to the Transition element.\n   */\n  TransitionProps?: MuiTransitionProps;\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\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\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: placement },\n    ...others\n  } = 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: document.getElementById(rootId || \"\") || document.body,\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","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;;;;;AA4EO,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,IAAqB;AAAA,IACvD,GAAGQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAU,SAAA;AAE7B,wCACGC,SAAAA,SAAU;AAAA,IACThB;AAAAA,IACAG,MAAMA,QAAQc;AAAAA,IACdb;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPgB,SAASZ,YACLa,cAAAA,QAAKC,eAAAA,QAAeF,SAAShB,mCAASgB,OAAO,IAC7CC,cAAKC,QAAAA,eAAAA,QAAeC,cAAcnB,mCAASmB,YAAY;AAAA,MAC3DC,QAAQH,cAAAA,QAAKC,eAAAA,QAAeE,QAAQpB,mCAASoB,MAAM;AAAA,IACrD;AAAA,IACAd;AAAAA,IACAe,aAAa;AAAA,MACXC,IAAIC,wBAASnB,SAAS;AAAA,MACtBoB,WAAWC,SAASC,eAAed,UAAU,EAAE,KAAKa,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEhB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const tooltipClasses = require("./tooltipClasses.cjs");
@@ -8,7 +8,8 @@ const singleStyle = {
   padding: "15px 20px",
   display: "flex",
   backgroundColor: uikitStyles.theme.colors.atmo1,
-  boxShadow: uikitStyles.theme.shadows.md,
+  borderRadius: uikitStyles.theme.tooltip.borderRadius,
+  boxShadow: uikitStyles.theme.colors.shadow,
   width: "fit-content",
   "& p": {
     display: "-webkit-box",
@@ -17,7 +18,7 @@ const singleStyle = {
     textOverflow: "ellipsis",
     overflow: "hidden",
     wordBreak: "break-word",
-    color: uikitStyles.theme.colors.acce1
+    color: uikitStyles.theme.colors.secondary
   }
 };
 const multiStyle = {
@@ -25,7 +26,7 @@ const multiStyle = {
   padding: 0,
   display: "flex",
   backgroundColor: uikitStyles.theme.colors.atmo1,
-  boxShadow: uikitStyles.theme.shadows.sm,
+  boxShadow: uikitStyles.theme.colors.shadow,
   width: "fit-content",
   "& p": {
     display: "-webkit-box",
@@ -33,7 +34,7 @@ const multiStyle = {
     boxOrient: "vertical",
     textOverflow: "ellipsis",
     overflow: "hidden",
-    color: uikitStyles.theme.colors.acce1
+    color: uikitStyles.theme.colors.secondary
   }
 };
 const popperSx = (useSingle) => {

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

@@ -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 singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\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":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltip","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,YAAAA,MAAMI,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOX,YAAAA,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBjB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,YAAAA,MAAMI,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOX,YAAAA,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,WAAW;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBG,YAAYJ,YAAYrB,cAAckB;AAAAA,IAC/D,CAAE,MAAKQ,uBAAeC,UAAU;AAAA,MAC9BzB,SAAS;AAAA,MACT0B,cAAe,aAAYvB,YAAAA,MAAMC,OAAOuB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,oBAAoB;AAAA,MACxC5B,SAASG,YAAAA,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKO,uBAAeM,WAAW;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,uBAAeV,UAAU;AAAA,MAC9BL,OAAON,YAAAA,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeU,cAAc;AAAA,MAClCzB,OAAON,YAAAA,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeW,mBAAmB;AAAA,MACvC1B,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKe,uBAAeY,iBAAiB;AAAA,MACrCpC,SAASG,YAAAA,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}
+{"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 singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  borderRadius: theme.tooltip.borderRadius,\n  boxShadow: theme.colors.shadow,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.secondary,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.colors.shadow,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.secondary,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\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":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","borderRadius","tooltip","boxShadow","shadow","width","boxOrient","textOverflow","overflow","wordBreak","color","secondary","multiStyle","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","sm","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,cAAcH,YAAAA,MAAMI,QAAQD;AAAAA,EAC5BE,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLT,SAAS;AAAA,IACTS,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBlB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BG,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLT,SAAS;AAAA,IACTS,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA,EACtB;AACF;AAEaE,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,QAAQ,GAAG;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBb,SAAS,GAAGY,YAAYrB,cAAcmB;AAAAA,IAC/D,CAAE,MAAKM,uBAAeC,OAAO,GAAG;AAAA,MAC9BxB,SAAS;AAAA,MACTyB,cAAe,aAAYtB,YAAAA,MAAMC,OAAOsB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,iBAAiB,GAAG;AAAA,MACxC3B,SAASG,YAAAA,MAAMyB,MAAMC;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKN,uBAAeO,QAAQ,GAAG;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKT,uBAAeR,OAAO,GAAG;AAAA,MAC9BL,OAAOP,YAAAA,MAAMyB,MAAMK;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKV,uBAAeW,WAAW,GAAG;AAAA,MAClCxB,OAAOP,YAAAA,MAAMyB,MAAMK;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKV,uBAAeY,gBAAgB,GAAG;AAAA,MACvCzB,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKa,uBAAea,cAAc,GAAG;AAAA,MACrCpC,SAASG,YAAAA,MAAMyB,MAAMC;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}

package/dist/cjs/components/Tooltip/tooltipClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipClasses.cjs","sources":["../../../../src/components/Tooltip/tooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTooltipClasses = {\n  /** Styles applied to the tooltip root class. */\n  root?: string;\n  /** Styles applied to the tooltip class when it is single. */\n  tooltip?: string;\n  /** Styles applied to the tooltip class when it is multi. */\n  tooltipMulti?: string;\n  /** Styles applied to the popper component. */\n  popper?: string;\n  /** Styles applied to the title. */\n  title?: string;\n  /** Styles applied to the values container. */\n  valuesContainer?: string;\n  /** Styles applied to the values. */\n  values?: string;\n  /** Styles applied to the color. */\n  color?: string;\n  /** Styles applied to the separator between color and title. */\n  separatorColor?: string;\n  /** Styles applied to the separator. */\n  separator?: string;\n  /** Styles applied to the values wrapper. */\n  valueWrapper?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tooltip\",\n  \"tooltipMulti\",\n  \"popper\",\n  \"title\",\n  \"valuesContainer\",\n  \"values\",\n  \"color\",\n  \"separatorColor\",\n  \"separator\",\n  \"valueWrapper\",\n];\n\nconst tooltipClasses = getClasses<HvTooltipClasses>(classKeys, \"HvTooltip\");\n\nexport default tooltipClasses;\n"],"names":["classKeys","tooltipClasses","getClasses"],"mappings":";;;AA2BA,MAAMA,YAAsB,CAC1B,QACA,WACA,gBACA,UACA,SACA,mBACA,UACA,SACA,kBACA,aACA,cAAc;AAGhB,MAAMC,iBAAiBC,QAA6BF,WAAAA,WAAW,WAAW;AAE1E,MAAA,mBAAeC;;"}
+{"version":3,"file":"tooltipClasses.cjs","sources":["../../../../src/components/Tooltip/tooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvTooltipClasses = {\n  /** Styles applied to the tooltip root class. */\n  root?: string;\n  /** Styles applied to the tooltip class when it is single. */\n  tooltip?: string;\n  /** Styles applied to the tooltip class when it is multi. */\n  tooltipMulti?: string;\n  /** Styles applied to the popper component. */\n  popper?: string;\n  /** Styles applied to the title. */\n  title?: string;\n  /** Styles applied to the values container. */\n  valuesContainer?: string;\n  /** Styles applied to the values. */\n  values?: string;\n  /** Styles applied to the color. */\n  color?: string;\n  /** Styles applied to the separator between color and title. */\n  separatorColor?: string;\n  /** Styles applied to the separator. */\n  separator?: string;\n  /** Styles applied to the values wrapper. */\n  valueWrapper?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tooltip\",\n  \"tooltipMulti\",\n  \"popper\",\n  \"title\",\n  \"valuesContainer\",\n  \"values\",\n  \"color\",\n  \"separatorColor\",\n  \"separator\",\n  \"valueWrapper\",\n];\n\nconst tooltipClasses = getClasses<HvTooltipClasses>(classKeys, \"HvTooltip\");\n\nexport default tooltipClasses;\n"],"names":["classKeys","tooltipClasses","getClasses"],"mappings":";;;AA2BA,MAAMA,YAAsB,CAC1B,QACA,WACA,gBACA,UACA,SACA,mBACA,UACA,SACA,kBACA,aACA,cAAc;AAGhB,MAAMC,iBAAiBC,QAA6BF,WAAAA,WAAW,WAAW;AAE1E,MAAA,mBAAeC;;"}

package/dist/cjs/components/Typography/Typography.cjs

@@ -1,6 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const React = require("react");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -8,6 +7,8 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const utils = require("./utils.cjs");
 const typographyClasses = require("./typographyClasses.cjs");
 const clsx = require("clsx");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useTheme = require("../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -35,6 +36,7 @@ const HvTypographyMap = {
   label: "label",
   caption1: "p",
   caption2: "p",
+  // LEGACY
   "5xlTitle": "h1",
   "4xlTitle": "h1",
   xxlTitle: "h1",
@@ -87,6 +89,7 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled__default.default(c, pr
   ...$variant === "caption2" && {
     ...uikitStyles.theme.typography.caption2
   },
+  // LEGACY
   ...$variant === "5xlTitle" && {
     ...uikitStyles.theme.typography["5xlTitle"]
   },
@@ -112,21 +115,39 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled__default.default(c, pr
   ...$variant === "placeholderText" && {
     ...uikitStyles.theme.typography.placeholderText
   },
-  color: uikitStyles.theme.colors.acce1,
+  ...$variant === "link" && {
+    ...uikitStyles.theme.typography.link,
+    textDecoration: "underline",
+    cursor: "pointer"
+  },
+  ...$variant === "disabledText" && {
+    ...uikitStyles.theme.typography.disabledText
+  },
+  ...$variant === "selectedNavText" && {
+    ...uikitStyles.theme.typography.selectedNavText
+  },
+  ...$variant === "vizTextDisabled" && {
+    ...uikitStyles.theme.typography.vizTextDisabled
+  },
+  ...$variant === "xsInlineLink" && {
+    ...uikitStyles.theme.typography.xsInlineLink
+  },
+  fontFamily: uikitStyles.theme.fontFamily.body,
+  // ADDED PROPS
   ...$link && {
-    color: uikitStyles.theme.colors.acce2,
+    color: uikitStyles.theme.colors.primary,
     textDecoration: "underline",
     cursor: "pointer"
   },
   ...$disabled && {
-    color: uikitStyles.theme.colors.atmo5
+    color: uikitStyles.theme.colors.secondary_60
   },
   ...$noWrap && {
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHR5cG9ncmFwaHlDbGFzc2VzLCB7IEh2VHlwb2dyYXBoeUNsYXNzZXMgfSBmcm9tIFwiLi90eXBvZ3JhcGh5Q2xhc3Nlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5VmFyaWFudHMgPVxuICB8IFwiZGlzcGxheVwiXG4gIHwgXCJ0aXRsZTFcIlxuICB8IFwidGl0bGUyXCJcbiAgfCBcInRpdGxlM1wiXG4gIHwgXCJ0aXRsZTRcIlxuICB8IFwiYm9keVwiXG4gIHwgXCJsYWJlbFwiXG4gIHwgXCJjYXB0aW9uMVwiXG4gIHwgXCJjYXB0aW9uMlwiO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cyA9XG4gIHwgXCI1eGxUaXRsZVwiXG4gIHwgXCI0eGxUaXRsZVwiXG4gIHwgXCIzeGxUaXRsZVwiXG4gIHwgXCJ4eGxUaXRsZVwiXG4gIHwgXCJ4bFRpdGxlXCJcbiAgfCBcImxUaXRsZVwiXG4gIHwgXCJtVGl0bGVcIlxuICB8IFwic1RpdGxlXCJcbiAgfCBcInhzVGl0bGVcIlxuICB8IFwieHhzVGl0bGVcIlxuICB8IFwic2VjdGlvblRpdGxlXCJcbiAgfCBcImhpZ2hsaWdodFRleHRcIlxuICB8IFwibm9ybWFsVGV4dFwiXG4gIHwgXCJwbGFjZWhvbGRlclRleHRcIlxuICB8IFwibGlua1wiXG4gIHwgXCJkaXNhYmxlZFRleHRcIlxuICB8IFwic2VsZWN0ZWROYXZUZXh0XCJcbiAgfCBcInZpelRleHRcIlxuICB8IFwidml6VGV4dERpc2FibGVkXCJcbiAgfCBcInhzSW5saW5lTGlua1wiO1xuXG5jb25zdCBIdlR5cG9ncmFwaHlNYXAgPSB7XG4gIGRpc3BsYXk6IFwiaDFcIixcbiAgdGl0bGUxOiBcImgxXCIsXG4gIHRpdGxlMjogXCJoMlwiLFxuICB0aXRsZTM6IFwiaDNcIixcbiAgdGl0bGU0OiBcImg0XCIsXG4gIGJvZHk6IFwicFwiLFxuICBsYWJlbDogXCJsYWJlbFwiLFxuICBjYXB0aW9uMTogXCJwXCIsXG4gIGNhcHRpb24yOiBcInBcIixcbiAgLy8gTEVHQUNZXG4gIFwiNXhsVGl0bGVcIjogXCJoMVwiLFxuICBcIjR4bFRpdGxlXCI6IFwiaDFcIixcbiAgeHhsVGl0bGU6IFwiaDFcIixcbiAgbFRpdGxlOiBcImgyXCIsXG4gIHNUaXRsZTogXCJoNFwiLFxuICB4eHNUaXRsZTogXCJoNlwiLFxuICBzZWN0aW9uVGl0bGU6IFwicFwiLFxuICBwbGFjZWhvbGRlclRleHQ6IFwicFwiLFxuICBsaW5rOiBcInBcIixcbiAgZGlzYWJsZWRUZXh0OiBcInBcIixcbiAgc2VsZWN0ZWROYXZUZXh0OiBcInBcIixcbiAgdml6VGV4dERpc2FibGVkOiBcInBcIixcbiAgeHNJbmxpbmVMaW5rOiBcInBcIixcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGdldFN0eWxlZENvbXBvbmVudCA9IDxUIGV4dGVuZHMga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzPihjOiBUKSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICR2YXJpYW50LFxuICAgICAgJGxpbmsgPSBmYWxzZSxcbiAgICAgICRkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgJG5vV3JhcCA9IGZhbHNlLFxuICAgIH06IHtcbiAgICAgICR2YXJpYW50OiBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzO1xuICAgICAgJGxpbms/OiBib29sZWFuO1xuICAgICAgJGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAgICRub1dyYXA/OiBib29sZWFuO1xuICAgIH0pID0+ICh7XG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZGlzcGxheVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuZGlzcGxheSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUxIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUyXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTNcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMyBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlNFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGU0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxhYmVsXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNhcHRpb24xXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNhcHRpb24yXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMiBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLy8gTEVHQUNZXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNXhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNXhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCI0eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHlbXCI0eGxUaXRsZVwiXSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInh4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54eGxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubFRpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic1RpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eHNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhzVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNlY3Rpb25UaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInBsYWNlaG9sZGVyVGV4dFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkucGxhY2Vob2xkZXJUZXh0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgLy8gQURERUQgUFJPUFNcbiAgICAgIC4uLigkbGluayAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRub1dyYXAgJiYge1xuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlQcm9wcyA9IE9taXQ8XG4gIEFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PixcbiAgXCJkaXNhYmxlZFwiXG4+ICZcbiAgSHZCYXNlUHJvcHM8SFRNTEVsZW1lbnQsIHsgZGlzYWJsZWQgfT4gJiB7XG4gICAgY29tcG9uZW50PzogUmVhY3QuUmVhY3ROb2RlIHwgUmVhY3QuRWxlbWVudFR5cGU7XG4gICAgLyoqIFVzZSB0aGUgdmFyaWFudCBwcm9wIHRvIGNoYW5nZSB0aGUgdmlzdWFsIHN0eWxlIG9mIHRoZSBUeXBvZ3JhcGh5LiAqL1xuICAgIHZhcmlhbnQ/OiBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzO1xuICAgIC8qKiBJZiBgdHJ1ZWAgdGhlIHR5cG9ncmFwaHkgd2lsbCBkaXNwbGF5IHRoZSBsb29rIG9mIGEgbGluay4gKi9cbiAgICBsaW5rPzogYm9vbGVhbjtcbiAgICAvKiogSWYgYHRydWVgIHRoZSB0eXBvZ3JhcGh5IHdpbGwgZGlzcGxheSB0aGUgbG9vayBvZiBhIGRpc2FibGVkIHN0YXRlLiAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAvKiogSWYgYHRydWVgLCB0aGUgdGV4dCB3aWxsIGhhdmUgYSBib3R0b20gbWFyZ2luLiAqL1xuICAgIHBhcmFncmFwaD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogSWYgYHRydWVgLCB0aGUgdGV4dCB3aWxsIG5vdCB3cmFwLCBidXQgaW5zdGVhZCB3aWxsIHRydW5jYXRlIHdpdGggYSB0ZXh0IG92ZXJmbG93IGVsbGlwc2lzLlxuICAgICAqXG4gICAgICogTm90ZSB0aGF0IHRleHQgb3ZlcmZsb3cgY2FuIG9ubHkgaGFwcGVuIHdpdGggYmxvY2sgb3IgaW5saW5lLWJsb2NrIGxldmVsIGVsZW1lbnRzXG4gICAgICogKHRoZSBlbGVtZW50IG5lZWRzIHRvIGhhdmUgYSB3aWR0aCBpbiBvcmRlciB0byBvdmVyZmxvdykuXG4gICAgICovXG4gICAgbm9XcmFwPzogYm9vbGVhbjtcbiAgICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICAgIGNsYXNzZXM/OiBIdlR5cG9ncmFwaHlDbGFzc2VzO1xuICB9O1xuXG4vKipcbiAqIFR5cG9ncmFwaHkgY29tcG9uZW50IGlzIHVzZWQgdG8gcmVuZGVyIHRleHQgYW5kIHBhcmFncmFwaHMgd2l0aGluIGFuIGludGVyZmFjZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2VHlwb2dyYXBoeSA9IGZvcndhcmRSZWYoXG4gIChwcm9wczogSHZUeXBvZ3JhcGh5UHJvcHMsIHJlZjogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NlcyxcbiAgICAgIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgICAgIGxpbmsgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBub1dyYXAgPSBmYWxzZSxcbiAgICAgIHBhcmFncmFwaCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzO1xuXG4gICAgY29uc3QgbWFwcGVkVmFyaWFudCA9IG1hcFZhcmlhbnQodmFyaWFudCk7XG5cbiAgICBjb25zdCBjb21wID1cbiAgICAgIGNvbXBvbmVudCB8fCAocGFyYWdyYXBoID8gXCJwXCIgOiBIdlR5cG9ncmFwaHlNYXBbbWFwcGVkVmFyaWFudF0gfHwgXCJzcGFuXCIpO1xuXG4gICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gdXNlTWVtbyhcbiAgICAgICgpID0+IGdldFN0eWxlZENvbXBvbmVudChjb21wIHx8IFwicFwiKSxcbiAgICAgIFtjb21wXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbXBvbmVudFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIHR5cG9ncmFwaHlDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8uW3ZhcmlhbnRdLFxuICAgICAgICAgIHR5cG9ncmFwaHlDbGFzc2VzW3ZhcmlhbnRdLFxuICAgICAgICAgIG5vV3JhcCAmJiBjbHN4KHR5cG9ncmFwaHlDbGFzc2VzLm5vV3JhcCwgY2xhc3Nlcz8ubm9XcmFwKVxuICAgICAgICApfVxuICAgICAgICAkdmFyaWFudD17XG4gICAgICAgICAgbWFwcGVkVmFyaWFudCBhcyBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzXG4gICAgICAgIH1cbiAgICAgICAgJGxpbms9e2xpbmt9XG4gICAgICAgICRkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICRub1dyYXA9e25vV3JhcH1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb21wb25lbnQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBtYXBWYXJpYW50IH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCB0eXBvZ3JhcGh5Q2xhc3NlcywgeyBIdlR5cG9ncmFwaHlDbGFzc2VzIH0gZnJvbSBcIi4vdHlwb2dyYXBoeUNsYXNzZXNcIjtcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJ+L2hvb2tzXCI7XG5cbmV4cG9ydCB0eXBlIEh2VHlwb2dyYXBoeVZhcmlhbnRzID1cbiAgfCBcImRpc3BsYXlcIlxuICB8IFwidGl0bGUxXCJcbiAgfCBcInRpdGxlMlwiXG4gIHwgXCJ0aXRsZTNcIlxuICB8IFwidGl0bGU0XCJcbiAgfCBcImJvZHlcIlxuICB8IFwibGFiZWxcIlxuICB8IFwiY2FwdGlvbjFcIlxuICB8IFwiY2FwdGlvbjJcIjtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHMgPVxuICB8IFwiNXhsVGl0bGVcIlxuICB8IFwiNHhsVGl0bGVcIlxuICB8IFwiM3hsVGl0bGVcIlxuICB8IFwieHhsVGl0bGVcIlxuICB8IFwieGxUaXRsZVwiXG4gIHwgXCJsVGl0bGVcIlxuICB8IFwibVRpdGxlXCJcbiAgfCBcInNUaXRsZVwiXG4gIHwgXCJ4c1RpdGxlXCJcbiAgfCBcInh4c1RpdGxlXCJcbiAgfCBcInNlY3Rpb25UaXRsZVwiXG4gIHwgXCJoaWdobGlnaHRUZXh0XCJcbiAgfCBcIm5vcm1hbFRleHRcIlxuICB8IFwicGxhY2Vob2xkZXJUZXh0XCJcbiAgfCBcImxpbmtcIlxuICB8IFwiZGlzYWJsZWRUZXh0XCJcbiAgfCBcInNlbGVjdGVkTmF2VGV4dFwiXG4gIHwgXCJ2aXpUZXh0XCJcbiAgfCBcInZpelRleHREaXNhYmxlZFwiXG4gIHwgXCJ4c0lubGluZUxpbmtcIjtcblxuY29uc3QgSHZUeXBvZ3JhcGh5TWFwID0ge1xuICBkaXNwbGF5OiBcImgxXCIsXG4gIHRpdGxlMTogXCJoMVwiLFxuICB0aXRsZTI6IFwiaDJcIixcbiAgdGl0bGUzOiBcImgzXCIsXG4gIHRpdGxlNDogXCJoNFwiLFxuICBib2R5OiBcInBcIixcbiAgbGFiZWw6IFwibGFiZWxcIixcbiAgY2FwdGlvbjE6IFwicFwiLFxuICBjYXB0aW9uMjogXCJwXCIsXG4gIC8vIExFR0FDWVxuICBcIjV4bFRpdGxlXCI6IFwiaDFcIixcbiAgXCI0eGxUaXRsZVwiOiBcImgxXCIsXG4gIHh4bFRpdGxlOiBcImgxXCIsXG4gIGxUaXRsZTogXCJoMlwiLFxuICBzVGl0bGU6IFwiaDRcIixcbiAgeHhzVGl0bGU6IFwiaDZcIixcbiAgc2VjdGlvblRpdGxlOiBcInBcIixcbiAgcGxhY2Vob2xkZXJUZXh0OiBcInBcIixcbiAgbGluazogXCJwXCIsXG4gIGRpc2FibGVkVGV4dDogXCJwXCIsXG4gIHNlbGVjdGVkTmF2VGV4dDogXCJwXCIsXG4gIHZpelRleHREaXNhYmxlZDogXCJwXCIsXG4gIHhzSW5saW5lTGluazogXCJwXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBnZXRTdHlsZWRDb21wb25lbnQgPSA8VCBleHRlbmRzIGtleW9mIEpTWC5JbnRyaW5zaWNFbGVtZW50cz4oYzogVCkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkdmFyaWFudCxcbiAgICAgICRsaW5rID0gZmFsc2UsXG4gICAgICAkZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICRub1dyYXAgPSBmYWxzZSxcbiAgICB9OiB7XG4gICAgICAkdmFyaWFudDogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgICAgICRsaW5rPzogYm9vbGVhbjtcbiAgICAgICRkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgICAkbm9XcmFwPzogYm9vbGVhbjtcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImRpc3BsYXlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmRpc3BsYXkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTFcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUyIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUzXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTMgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlNCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsYWJlbFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC8vIExFR0FDWVxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcIjV4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeVtcIjV4bFRpdGxlXCJdIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNHhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNHhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhsVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuc1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHhzVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5Lnh4c1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VjdGlvblRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zZWN0aW9uVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJwbGFjZWhvbGRlclRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnBsYWNlaG9sZGVyVGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpbmtcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxpbmsgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZGlzYWJsZWRUZXh0XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5kaXNhYmxlZFRleHQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWxlY3RlZE5hdlRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNlbGVjdGVkTmF2VGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInZpelRleHREaXNhYmxlZFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudml6VGV4dERpc2FibGVkIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHNJbmxpbmVMaW5rXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54c0lubGluZUxpbmsgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICAgIC8vIEFEREVEIFBST1BTXG4gICAgICAuLi4oJGxpbmsgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnByaW1hcnksXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkbm9XcmFwICYmIHtcbiAgICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuZXhwb3J0IGludGVyZmFjZSBIdlR5cG9ncmFwaHlQcm9wc1xuICBleHRlbmRzIE9taXQ8QWxsSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCBcImRpc2FibGVkXCI+LFxuICAgIEh2QmFzZVByb3BzPEhUTUxFbGVtZW50LCB7IGRpc2FibGVkIH0+IHtcbiAgY29tcG9uZW50PzogUmVhY3QuUmVhY3ROb2RlIHwgUmVhY3QuRWxlbWVudFR5cGU7XG4gIC8qKiBVc2UgdGhlIHZhcmlhbnQgcHJvcCB0byBjaGFuZ2UgdGhlIHZpc3VhbCBzdHlsZSBvZiB0aGUgVHlwb2dyYXBoeS4gKi9cbiAgdmFyaWFudD86IEh2VHlwb2dyYXBoeVZhcmlhbnRzIHwgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHM7XG4gIC8qKiBJZiBgdHJ1ZWAgdGhlIHR5cG9ncmFwaHkgd2lsbCBkaXNwbGF5IHRoZSBsb29rIG9mIGEgbGluay4gKi9cbiAgbGluaz86IGJvb2xlYW47XG4gIC8qKiBJZiBgdHJ1ZWAgdGhlIHR5cG9ncmFwaHkgd2lsbCBkaXNwbGF5IHRoZSBsb29rIG9mIGEgZGlzYWJsZWQgc3RhdGUuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBoYXZlIGEgYm90dG9tIG1hcmdpbi4gKi9cbiAgcGFyYWdyYXBoPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBub3Qgd3JhcCwgYnV0IGluc3RlYWQgd2lsbCB0cnVuY2F0ZSB3aXRoIGEgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgICpcbiAgICogTm90ZSB0aGF0IHRleHQgb3ZlcmZsb3cgY2FuIG9ubHkgaGFwcGVuIHdpdGggYmxvY2sgb3IgaW5saW5lLWJsb2NrIGxldmVsIGVsZW1lbnRzXG4gICAqICh0aGUgZWxlbWVudCBuZWVkcyB0byBoYXZlIGEgd2lkdGggaW4gb3JkZXIgdG8gb3ZlcmZsb3cpLlxuICAgKi9cbiAgbm9XcmFwPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VHlwb2dyYXBoeUNsYXNzZXM7XG59XG5cbi8qKlxuICogVHlwb2dyYXBoeSBjb21wb25lbnQgaXMgdXNlZCB0byByZW5kZXIgdGV4dCBhbmQgcGFyYWdyYXBocyB3aXRoaW4gYW4gaW50ZXJmYWNlLlxuICovXG5leHBvcnQgY29uc3QgSHZUeXBvZ3JhcGh5ID0gZm9yd2FyZFJlZihcbiAgKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmOiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc2VzLFxuICAgICAgdmFyaWFudCA9IFwiYm9keVwiLFxuICAgICAgbGluayA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG5vV3JhcCA9IGZhbHNlLFxuICAgICAgcGFyYWdyYXBoID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IG1hcHBlZFZhcmlhbnQgPSBtYXBWYXJpYW50KHZhcmlhbnQsIGFjdGl2ZVRoZW1lPy5uYW1lKTtcblxuICAgIGNvbnN0IGNvbXAgPVxuICAgICAgY29tcG9uZW50IHx8IChwYXJhZ3JhcGggPyBcInBcIiA6IEh2VHlwb2dyYXBoeU1hcFttYXBwZWRWYXJpYW50XSB8fCBcInNwYW5cIik7XG5cbiAgICBjb25zdCBTdHlsZWRDb21wb25lbnQgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gZ2V0U3R5bGVkQ29tcG9uZW50KGNvbXAgfHwgXCJwXCIpLFxuICAgICAgW2NvbXBdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29tcG9uZW50XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgdHlwb2dyYXBoeUNsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5bdmFyaWFudF0sXG4gICAgICAgICAgdHlwb2dyYXBoeUNsYXNzZXNbdmFyaWFudF0sXG4gICAgICAgICAgbm9XcmFwICYmIGNsc3godHlwb2dyYXBoeUNsYXNzZXMubm9XcmFwLCBjbGFzc2VzPy5ub1dyYXApXG4gICAgICAgICl9XG4gICAgICAgICR2YXJpYW50PXtcbiAgICAgICAgICBtYXBwZWRWYXJpYW50IGFzIEh2VHlwb2dyYXBoeVZhcmlhbnRzIHwgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHNcbiAgICAgICAgfVxuICAgICAgICAkbGluaz17bGlua31cbiAgICAgICAgJGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgJG5vV3JhcD17bm9XcmFwfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENvbXBvbmVudD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
 const HvTypography = React.forwardRef((props, ref) => {
   const {
     children,
@@ -140,10 +161,22 @@ const HvTypography = React.forwardRef((props, ref) => {
     paragraph = false,
     ...others
   } = props;
-  const mappedVariant = utils.mapVariant(variant);
+  const {
+    activeTheme
+  } = useTheme.useTheme();
+  const mappedVariant = utils.mapVariant(variant, activeTheme == null ? void 0 : activeTheme.name);
   const comp = component || (paragraph ? "p" : HvTypographyMap[mappedVariant] || "span");
   const StyledComponent = React.useMemo(() => getStyledComponent(comp || "p"), [comp]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledComponent, { ref, className: clsx__default.default(className, classes == null ? void 0 : classes.root, typographyClasses.default.root, classes == null ? void 0 : classes[variant], typographyClasses.default[variant], noWrap && clsx__default.default(typographyClasses.default.noWrap, classes == null ? void 0 : classes.noWrap)), $variant: mappedVariant, $link: link, $disabled: disabled, $noWrap: noWrap, ...others, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledComponent, {
+    ref,
+    className: clsx__default.default(className, classes == null ? void 0 : classes.root, typographyClasses.default.root, classes == null ? void 0 : classes[variant], typographyClasses.default[variant], noWrap && clsx__default.default(typographyClasses.default.noWrap, classes == null ? void 0 : classes.noWrap)),
+    $variant: mappedVariant,
+    $link: link,
+    $disabled: disabled,
+    $noWrap: noWrap,
+    ...others,
+    children
+  });
 });
 exports.HvTypography = HvTypography;
 //# sourceMappingURL=Typography.cjs.map

package/dist/cjs/components/Typography/Typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  CSSProperties,\n  AllHTMLAttributes,\n  Ref,\n} from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { mapVariant } from \"./utils\";\nimport typographyClasses, { HvTypographyClasses } from \"./typographyClasses\";\nimport clsx from \"clsx\";\n\nexport type HvTypographyVariants =\n  | \"display\"\n  | \"title1\"\n  | \"title2\"\n  | \"title3\"\n  | \"title4\"\n  | \"body\"\n  | \"label\"\n  | \"caption1\"\n  | \"caption2\";\n\nexport type HvTypographyLegacyVariants =\n  | \"5xlTitle\"\n  | \"4xlTitle\"\n  | \"3xlTitle\"\n  | \"xxlTitle\"\n  | \"xlTitle\"\n  | \"lTitle\"\n  | \"mTitle\"\n  | \"sTitle\"\n  | \"xsTitle\"\n  | \"xxsTitle\"\n  | \"sectionTitle\"\n  | \"highlightText\"\n  | \"normalText\"\n  | \"placeholderText\"\n  | \"link\"\n  | \"disabledText\"\n  | \"selectedNavText\"\n  | \"vizText\"\n  | \"vizTextDisabled\"\n  | \"xsInlineLink\";\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"label\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = <T extends keyof JSX.IntrinsicElements>(c: T) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $variant,\n      $link = false,\n      $disabled = false,\n      $noWrap = false,\n    }: {\n      $variant: HvTypographyVariants | HvTypographyLegacyVariants;\n      $link?: boolean;\n      $disabled?: boolean;\n      $noWrap?: boolean;\n    }) => ({\n      ...($variant === \"display\" && {\n        ...(theme.typography.display as CSSProperties),\n      }),\n      ...($variant === \"title1\" && {\n        ...(theme.typography.title1 as CSSProperties),\n      }),\n      ...($variant === \"title2\" && {\n        ...(theme.typography.title2 as CSSProperties),\n      }),\n      ...($variant === \"title3\" && {\n        ...(theme.typography.title3 as CSSProperties),\n      }),\n      ...($variant === \"title4\" && {\n        ...(theme.typography.title4 as CSSProperties),\n      }),\n      ...($variant === \"body\" && {\n        ...(theme.typography.body as CSSProperties),\n      }),\n      ...($variant === \"label\" && {\n        ...(theme.typography.label as CSSProperties),\n      }),\n      ...($variant === \"caption1\" && {\n        ...(theme.typography.caption1 as CSSProperties),\n      }),\n      ...($variant === \"caption2\" && {\n        ...(theme.typography.caption2 as CSSProperties),\n      }),\n      // LEGACY\n      ...($variant === \"5xlTitle\" && {\n        ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n      }),\n      ...($variant === \"4xlTitle\" && {\n        ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n      }),\n      ...($variant === \"xxlTitle\" && {\n        ...(theme.typography.xxlTitle as CSSProperties),\n      }),\n      ...($variant === \"lTitle\" && {\n        ...(theme.typography.lTitle as CSSProperties),\n      }),\n      ...($variant === \"sTitle\" && {\n        ...(theme.typography.sTitle as CSSProperties),\n      }),\n      ...($variant === \"xxsTitle\" && {\n        ...(theme.typography.xxsTitle as CSSProperties),\n      }),\n      ...($variant === \"sectionTitle\" && {\n        ...(theme.typography.sectionTitle as CSSProperties),\n        textTransform: \"uppercase\",\n      }),\n      ...($variant === \"placeholderText\" && {\n        ...(theme.typography.placeholderText as CSSProperties),\n      }),\n      color: theme.colors.acce1,\n      // ADDED PROPS\n      ...($link && {\n        color: theme.colors.acce2,\n        textDecoration: \"underline\",\n        cursor: \"pointer\",\n      }),\n      ...($disabled && {\n        color: theme.colors.atmo5,\n      }),\n      ...($noWrap && {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }),\n    })\n  );\n\nexport type HvTypographyProps = Omit<\n  AllHTMLAttributes<HTMLElement>,\n  \"disabled\"\n> &\n  HvBaseProps<HTMLElement, { disabled }> & {\n    component?: React.ReactNode | React.ElementType;\n    /** Use the variant prop to change the visual style of the Typography. */\n    variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n    /** If `true` the typography will display the look of a link. */\n    link?: boolean;\n    /** If `true` the typography will display the look of a disabled state. */\n    disabled?: boolean;\n    /** If `true`, the text will have a bottom margin. */\n    paragraph?: boolean;\n    /**\n     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n     *\n     * Note that text overflow can only happen with block or inline-block level elements\n     * (the element needs to have a width in order to overflow).\n     */\n    noWrap?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTypographyClasses;\n  };\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n  (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n    const {\n      children,\n      className,\n      component,\n      classes,\n      variant = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = props;\n\n    const mappedVariant = mapVariant(variant);\n\n    const comp =\n      component || (paragraph ? \"p\" : HvTypographyMap[mappedVariant] || \"span\");\n\n    const StyledComponent = useMemo(\n      () => getStyledComponent(comp || \"p\"),\n      [comp]\n    );\n\n    return (\n      <StyledComponent\n        ref={ref}\n        className={clsx(\n          className,\n          classes?.root,\n          typographyClasses.root,\n          classes?.[variant],\n          typographyClasses[variant],\n          noWrap && clsx(typographyClasses.noWrap, classes?.noWrap)\n        )}\n        $variant={\n          mappedVariant as HvTypographyVariants | HvTypographyLegacyVariants\n        }\n        $link={link}\n        $disabled={disabled}\n        $noWrap={noWrap}\n        {...others}\n      >\n        {children}\n      </StyledComponent>\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","color","colors","acce1","acce2","textDecoration","cursor","atmo5","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","classes","variant","disabled","noWrap","paragraph","others","mappedVariant","mapVariant","comp","StyledComponent","useMemo","jsx","clsx","root","typographyClasses"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AAEA,MAAMC,qBAAqB,CAAwCC,MAE/DA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAApB,OAAA;AAAA,GAAhBqB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,UAAU;AAMZ,OAAO;AAAA,EACL,GAAIH,aAAa,aAAa;AAAA,IAC5B,GAAII,YAAAA,MAAMC,WAAWjC;AAAAA,EACvB;AAAA,EACA,GAAI4B,aAAa,YAAY;AAAA,IAC3B,GAAII,YAAAA,MAAMC,WAAWhC;AAAAA,EACvB;AAAA,EACA,GAAI2B,aAAa,YAAY;AAAA,IAC3B,GAAII,YAAAA,MAAMC,WAAW/B;AAAAA,EACvB;AAAA,EACA,GAAI0B,aAAa,YAAY;AAAA,IAC3B,GAAII,YAAAA,MAAMC,WAAW9B;AAAAA,EACvB;AAAA,EACA,GAAIyB,aAAa,YAAY;AAAA,IAC3B,GAAII,YAAAA,MAAMC,WAAW7B;AAAAA,EACvB;AAAA,EACA,GAAIwB,aAAa,UAAU;AAAA,IACzB,GAAII,YAAAA,MAAMC,WAAW5B;AAAAA,EACvB;AAAA,EACA,GAAIuB,aAAa,WAAW;AAAA,IAC1B,GAAII,YAAAA,MAAMC,WAAW3B;AAAAA,EACvB;AAAA,EACA,GAAIsB,aAAa,cAAc;AAAA,IAC7B,GAAII,YAAAA,MAAMC,WAAW1B;AAAAA,EACvB;AAAA,EACA,GAAIqB,aAAa,cAAc;AAAA,IAC7B,GAAII,YAAAA,MAAMC,WAAWzB;AAAAA,EACvB;AAAA,EAEA,GAAIoB,aAAa,cAAc;AAAA,IAC7B,GAAII,kBAAMC,WAAW;AAAA,EACvB;AAAA,EACA,GAAIL,aAAa,cAAc;AAAA,IAC7B,GAAII,kBAAMC,WAAW;AAAA,EACvB;AAAA,EACA,GAAIL,aAAa,cAAc;AAAA,IAC7B,GAAII,YAAAA,MAAMC,WAAWxB;AAAAA,EACvB;AAAA,EACA,GAAImB,aAAa,YAAY;AAAA,IAC3B,GAAII,YAAAA,MAAMC,WAAWvB;AAAAA,EACvB;AAAA,EACA,GAAIkB,aAAa,YAAY;AAAA,IAC3B,GAAII,YAAAA,MAAMC,WAAWtB;AAAAA,EACvB;AAAA,EACA,GAAIiB,aAAa,cAAc;AAAA,IAC7B,GAAII,YAAAA,MAAMC,WAAWrB;AAAAA,EACvB;AAAA,EACA,GAAIgB,aAAa,kBAAkB;AAAA,IACjC,GAAII,YAAAA,MAAMC,WAAWpB;AAAAA,IACrBqB,eAAe;AAAA,EACjB;AAAA,EACA,GAAIN,aAAa,qBAAqB;AAAA,IACpC,GAAII,YAAAA,MAAMC,WAAWnB;AAAAA,EACvB;AAAA,EACAqB,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,EAEpB,GAAIR,SAAS;AAAA,IACXM,OAAOH,YAAAA,MAAMI,OAAOE;AAAAA,IACpBC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACA,GAAIV,aAAa;AAAA,IACfK,OAAOH,YAAAA,MAAMI,OAAOK;AAAAA,EACtB;AAAA,EACA,GAAIV,WAAW;AAAA,IACbW,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,6rSAAA;AA8BI,MAAMqB,eAAeC,MAAAA,WAC1B,CAACC,OAA0BC,QAA0B;AAC7C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVtC,OAAO;AAAA,IACPuC,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,OACTC;AAAAA,EACDV,IAAAA;AAEEW,QAAAA,gBAAgBC,iBAAWN,OAAO;AAExC,QAAMO,OACJT,cAAcK,YAAY,MAAMzD,gBAAgB2D,kBAAkB;AAE9DG,QAAAA,kBAAkBC,cACtB,MAAM1C,mBAAmBwC,QAAQ,GAAG,GACpC,CAACA,IAAI,CAAC;AAGR,SACGG,2BAAAA,IAAA,iBAAA,EACC,KACA,WAAWC,cAAAA,QACTd,WACAE,mCAASa,MACTC,kBAAAA,QAAkBD,MAClBb,mCAAUC,UACVa,kBAAAA,QAAkBb,UAClBE,UAAUS,cAAAA,QAAKE,kBAAkBX,QAAAA,QAAQH,mCAASG,MAAM,CAAC,GAE3D,UACEG,eAEF,OAAO3C,MACP,WAAWuC,UACX,SAASC,QACT,GAAIE,QAEHR,SACH,CAAA;AAEJ,CAAC;;"}
+{"version":3,"file":"Typography.cjs","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  CSSProperties,\n  AllHTMLAttributes,\n  Ref,\n} from \"react\";\nimport { HvBaseProps } from \"~/types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"~/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { mapVariant } from \"./utils\";\nimport typographyClasses, { HvTypographyClasses } from \"./typographyClasses\";\nimport clsx from \"clsx\";\nimport { useTheme } from \"~/hooks\";\n\nexport type HvTypographyVariants =\n  | \"display\"\n  | \"title1\"\n  | \"title2\"\n  | \"title3\"\n  | \"title4\"\n  | \"body\"\n  | \"label\"\n  | \"caption1\"\n  | \"caption2\";\n\nexport type HvTypographyLegacyVariants =\n  | \"5xlTitle\"\n  | \"4xlTitle\"\n  | \"3xlTitle\"\n  | \"xxlTitle\"\n  | \"xlTitle\"\n  | \"lTitle\"\n  | \"mTitle\"\n  | \"sTitle\"\n  | \"xsTitle\"\n  | \"xxsTitle\"\n  | \"sectionTitle\"\n  | \"highlightText\"\n  | \"normalText\"\n  | \"placeholderText\"\n  | \"link\"\n  | \"disabledText\"\n  | \"selectedNavText\"\n  | \"vizText\"\n  | \"vizTextDisabled\"\n  | \"xsInlineLink\";\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"label\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = <T extends keyof JSX.IntrinsicElements>(c: T) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $variant,\n      $link = false,\n      $disabled = false,\n      $noWrap = false,\n    }: {\n      $variant: HvTypographyVariants | HvTypographyLegacyVariants;\n      $link?: boolean;\n      $disabled?: boolean;\n      $noWrap?: boolean;\n    }) => ({\n      ...($variant === \"display\" && {\n        ...(theme.typography.display as CSSProperties),\n      }),\n      ...($variant === \"title1\" && {\n        ...(theme.typography.title1 as CSSProperties),\n      }),\n      ...($variant === \"title2\" && {\n        ...(theme.typography.title2 as CSSProperties),\n      }),\n      ...($variant === \"title3\" && {\n        ...(theme.typography.title3 as CSSProperties),\n      }),\n      ...($variant === \"title4\" && {\n        ...(theme.typography.title4 as CSSProperties),\n      }),\n      ...($variant === \"body\" && {\n        ...(theme.typography.body as CSSProperties),\n      }),\n      ...($variant === \"label\" && {\n        ...(theme.typography.label as CSSProperties),\n      }),\n      ...($variant === \"caption1\" && {\n        ...(theme.typography.caption1 as CSSProperties),\n      }),\n      ...($variant === \"caption2\" && {\n        ...(theme.typography.caption2 as CSSProperties),\n      }),\n      // LEGACY\n      ...($variant === \"5xlTitle\" && {\n        ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n      }),\n      ...($variant === \"4xlTitle\" && {\n        ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n      }),\n      ...($variant === \"xxlTitle\" && {\n        ...(theme.typography.xxlTitle as CSSProperties),\n      }),\n      ...($variant === \"lTitle\" && {\n        ...(theme.typography.lTitle as CSSProperties),\n      }),\n      ...($variant === \"sTitle\" && {\n        ...(theme.typography.sTitle as CSSProperties),\n      }),\n      ...($variant === \"xxsTitle\" && {\n        ...(theme.typography.xxsTitle as CSSProperties),\n      }),\n      ...($variant === \"sectionTitle\" && {\n        ...(theme.typography.sectionTitle as CSSProperties),\n        textTransform: \"uppercase\",\n      }),\n      ...($variant === \"placeholderText\" && {\n        ...(theme.typography.placeholderText as CSSProperties),\n      }),\n      ...($variant === \"link\" && {\n        ...(theme.typography.link as CSSProperties),\n        textDecoration: \"underline\",\n        cursor: \"pointer\",\n      }),\n      ...($variant === \"disabledText\" && {\n        ...(theme.typography.disabledText as CSSProperties),\n      }),\n      ...($variant === \"selectedNavText\" && {\n        ...(theme.typography.selectedNavText as CSSProperties),\n      }),\n      ...($variant === \"vizTextDisabled\" && {\n        ...(theme.typography.vizTextDisabled as CSSProperties),\n      }),\n      ...($variant === \"xsInlineLink\" && {\n        ...(theme.typography.xsInlineLink as CSSProperties),\n      }),\n      fontFamily: theme.fontFamily.body,\n      // ADDED PROPS\n      ...($link && {\n        color: theme.colors.primary,\n        textDecoration: \"underline\",\n        cursor: \"pointer\",\n      }),\n      ...($disabled && {\n        color: theme.colors.secondary_60,\n      }),\n      ...($noWrap && {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }),\n    })\n  );\n\nexport interface HvTypographyProps\n  extends Omit<AllHTMLAttributes<HTMLElement>, \"disabled\">,\n    HvBaseProps<HTMLElement, { disabled }> {\n  component?: React.ReactNode | React.ElementType;\n  /** Use the variant prop to change the visual style of the Typography. */\n  variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n  /** If `true` the typography will display the look of a link. */\n  link?: boolean;\n  /** If `true` the typography will display the look of a disabled state. */\n  disabled?: boolean;\n  /** If `true`, the text will have a bottom margin. */\n  paragraph?: boolean;\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTypographyClasses;\n}\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n  (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n    const {\n      children,\n      className,\n      component,\n      classes,\n      variant = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = props;\n    const { activeTheme } = useTheme();\n\n    const mappedVariant = mapVariant(variant, activeTheme?.name);\n\n    const comp =\n      component || (paragraph ? \"p\" : HvTypographyMap[mappedVariant] || \"span\");\n\n    const StyledComponent = useMemo(\n      () => getStyledComponent(comp || \"p\"),\n      [comp]\n    );\n\n    return (\n      <StyledComponent\n        ref={ref}\n        className={clsx(\n          className,\n          classes?.root,\n          typographyClasses.root,\n          classes?.[variant],\n          typographyClasses[variant],\n          noWrap && clsx(typographyClasses.noWrap, classes?.noWrap)\n        )}\n        $variant={\n          mappedVariant as HvTypographyVariants | HvTypographyLegacyVariants\n        }\n        $link={link}\n        $disabled={disabled}\n        $noWrap={noWrap}\n        {...others}\n      >\n        {children}\n      </StyledComponent>\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","textDecoration","cursor","fontFamily","color","colors","primary","secondary_60","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","classes","variant","disabled","noWrap","paragraph","others","activeTheme","useTheme","mappedVariant","mapVariant","name","comp","StyledComponent","useMemo","clsx","root","typographyClasses"],"mappings":"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"}

package/dist/cjs/components/Typography/typographyClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typographyClasses.cjs","sources":["../../../../src/components/Typography/typographyClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTypographyClasses = {\n  root?: string;\n  noWrap?: string;\n  // Variants\n  display?: string;\n  title1?: string;\n  title2?: string;\n  title3?: string;\n  title4?: string;\n  body?: string;\n  label?: string;\n  caption1?: string;\n  caption2?: string;\n  \"5xlTitle\"?: string;\n  \"4xlTitle\"?: string;\n  \"3xlTitle\"?: string;\n  xxlTitle?: string;\n  xlTitle?: string;\n  lTitle?: string;\n  mTitle?: string;\n  sTitle?: string;\n  xsTitle?: string;\n  xxsTitle?: string;\n  sectionTitle?: string;\n  highlightText?: string;\n  normalText?: string;\n  placeholderText?: string;\n  link?: string;\n  disabledText?: string;\n  selectedNavText?: string;\n  vizText?: string;\n  vizTextDisabled?: string;\n  xsInlineLink?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"noWrap\",\n  \"display\",\n  \"title1\",\n  \"title2\",\n  \"title3\",\n  \"title4\",\n  \"body\",\n  \"label\",\n  \"caption1\",\n  \"caption2\",\n  \"5xlTitle\",\n  \"4xlTitle\",\n  \"3xlTitle\",\n  \"xxlTitle\",\n  \"xlTitle\",\n  \"lTitle\",\n  \"mTitle\",\n  \"sTitle\",\n  \"xsTitle\",\n  \"xxsTitle\",\n  \"sectionTitle\",\n  \"highlightText\",\n  \"normalText\",\n  \"placeholderText\",\n  \"link\",\n  \"disabledText\",\n  \"selectedNavText\",\n  \"vizText\",\n  \"vizTextDisabled\",\n  \"xsInlineLink\",\n];\n\nconst typographyClasses = getClasses<HvTypographyClasses>(\n  classKeys,\n  \"HvTypography\"\n);\n\nexport default typographyClasses;\n"],"names":["classKeys","typographyClasses","getClasses"],"mappings":";;;AAqCA,MAAMA,YAAsB,CAC1B,QACA,UACA,WACA,UACA,UACA,UACA,UACA,QACA,SACA,YACA,YACA,YACA,YACA,YACA,YACA,WACA,UACA,UACA,UACA,WACA,YACA,gBACA,iBACA,cACA,mBACA,QACA,gBACA,mBACA,WACA,mBACA,cAAc;AAGhB,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,cAAc;AAGhB,MAAA,sBAAeC;;"}
+{"version":3,"file":"typographyClasses.cjs","sources":["../../../../src/components/Typography/typographyClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvTypographyClasses {\n  root?: string;\n  noWrap?: string;\n  // Variants\n  display?: string;\n  title1?: string;\n  title2?: string;\n  title3?: string;\n  title4?: string;\n  body?: string;\n  label?: string;\n  caption1?: string;\n  caption2?: string;\n  \"5xlTitle\"?: string;\n  \"4xlTitle\"?: string;\n  \"3xlTitle\"?: string;\n  xxlTitle?: string;\n  xlTitle?: string;\n  lTitle?: string;\n  mTitle?: string;\n  sTitle?: string;\n  xsTitle?: string;\n  xxsTitle?: string;\n  sectionTitle?: string;\n  highlightText?: string;\n  normalText?: string;\n  placeholderText?: string;\n  link?: string;\n  disabledText?: string;\n  selectedNavText?: string;\n  vizText?: string;\n  vizTextDisabled?: string;\n  xsInlineLink?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"noWrap\",\n  \"display\",\n  \"title1\",\n  \"title2\",\n  \"title3\",\n  \"title4\",\n  \"body\",\n  \"label\",\n  \"caption1\",\n  \"caption2\",\n  \"5xlTitle\",\n  \"4xlTitle\",\n  \"3xlTitle\",\n  \"xxlTitle\",\n  \"xlTitle\",\n  \"lTitle\",\n  \"mTitle\",\n  \"sTitle\",\n  \"xsTitle\",\n  \"xxsTitle\",\n  \"sectionTitle\",\n  \"highlightText\",\n  \"normalText\",\n  \"placeholderText\",\n  \"link\",\n  \"disabledText\",\n  \"selectedNavText\",\n  \"vizText\",\n  \"vizTextDisabled\",\n  \"xsInlineLink\",\n];\n\nconst typographyClasses = getClasses<HvTypographyClasses>(\n  classKeys,\n  \"HvTypography\"\n);\n\nexport default typographyClasses;\n"],"names":["classKeys","typographyClasses","getClasses"],"mappings":";;;AAqCA,MAAMA,YAAsB,CAC1B,QACA,UACA,WACA,UACA,UACA,UACA,UACA,QACA,SACA,YACA,YACA,YACA,YACA,YACA,YACA,WACA,UACA,UACA,UACA,WACA,YACA,gBACA,iBACA,cACA,mBACA,QACA,gBACA,mBACA,WACA,mBACA,cAAc;AAGhB,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,cAAc;AAGhB,MAAA,sBAAeC;;"}

package/dist/cjs/components/Typography/utils.cjs

@@ -1,11 +1,19 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const mappableVariants = /* @__PURE__ */ new Map([["3xlTitle", "display"], ["xlTitle", "title1"], ["mTitle", "title2"], ["xsTitle", "title3"], ["highlightText", "label"], ["normalText", "body"], ["vizText", "caption1"]]);
-const mapVariant = (variant) => {
+const isLegacyVariant = (variant) => {
+  return ["5xlTitle", "4xlTitle", "3xlTitle", "xxlTitle", "xlTitle", "lTitle", "mTitle", "sTitle", "xsTitle", "xxsTitle", "sectionTitle", "highlightText", "normalText", "placeholderText", "link", "disabledText", "selectedNavText", "vizText", "vizTextDisabled", "xsInlineLink"].includes(variant);
+};
+const mapVariant = (variant, theme) => {
   const mappedVariant = mappableVariants.get(variant);
-  if (mappedVariant) {
-    console.warn(`The typography variant ${variant} is deprecated. You should use ${mappedVariant} instead.`);
-    return mappedVariant;
+  if (theme !== "ds3") {
+    if (mappedVariant) {
+      console.warn(`The typography variant ${variant} is deprecated. You should use ${mappedVariant} instead.`);
+      return mappedVariant;
+    }
+    if (isLegacyVariant(variant)) {
+      console.warn(`The typography variant ${variant} is deprecated.`);
+    }
   }
   return variant;
 };

package/dist/cjs/components/Typography/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Typography/utils.ts"],"sourcesContent":["const mappableVariants = new Map([\n  [\"3xlTitle\", \"display\"],\n  [\"xlTitle\", \"title1\"],\n  [\"mTitle\", \"title2\"],\n  [\"xsTitle\", \"title3\"],\n  [\"highlightText\", \"label\"],\n  [\"normalText\", \"body\"],\n  [\"vizText\", \"caption1\"],\n]);\n\nexport const mapVariant = (variant: string) => {\n  const mappedVariant = mappableVariants.get(variant);\n  if (mappedVariant) {\n    console.warn(\n      `The typography variant ${variant} is deprecated. You should use ${mappedVariant} instead.`\n    );\n    return mappedVariant;\n  }\n  return variant;\n};\n"],"names":["mappableVariants","Map","mapVariant","variant","mappedVariant","get","warn"],"mappings":";;AAAA,MAAMA,mBAAmB,oBAAIC,IAAI,CAC/B,CAAC,YAAY,SAAS,GACtB,CAAC,WAAW,QAAQ,GACpB,CAAC,UAAU,QAAQ,GACnB,CAAC,WAAW,QAAQ,GACpB,CAAC,iBAAiB,OAAO,GACzB,CAAC,cAAc,MAAM,GACrB,CAAC,WAAW,UAAU,CAAC,CACxB;AAEYC,MAAAA,aAAaA,CAACC,YAAoB;AACvCC,QAAAA,gBAAgBJ,iBAAiBK,IAAIF,OAAO;AAClD,MAAIC,eAAe;AACTE,YAAAA,KACL,0BAAyBH,yCAAyCC,wBAAwB;AAEtFA,WAAAA;AAAAA,EACT;AACOD,SAAAA;AACT;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Typography/utils.ts"],"sourcesContent":["const mappableVariants = new Map([\n  [\"3xlTitle\", \"display\"],\n  [\"xlTitle\", \"title1\"],\n  [\"mTitle\", \"title2\"],\n  [\"xsTitle\", \"title3\"],\n  [\"highlightText\", \"label\"],\n  [\"normalText\", \"body\"],\n  [\"vizText\", \"caption1\"],\n]);\n\nconst isLegacyVariant = (variant: string) => {\n  return [\n    \"5xlTitle\",\n    \"4xlTitle\",\n    \"3xlTitle\",\n    \"xxlTitle\",\n    \"xlTitle\",\n    \"lTitle\",\n    \"mTitle\",\n    \"sTitle\",\n    \"xsTitle\",\n    \"xxsTitle\",\n    \"sectionTitle\",\n    \"highlightText\",\n    \"normalText\",\n    \"placeholderText\",\n    \"link\",\n    \"disabledText\",\n    \"selectedNavText\",\n    \"vizText\",\n    \"vizTextDisabled\",\n    \"xsInlineLink\",\n  ].includes(variant);\n};\n\nexport const mapVariant = (variant: string, theme?: string) => {\n  const mappedVariant = mappableVariants.get(variant);\n\n  if (theme !== \"ds3\") {\n    if (mappedVariant) {\n      console.warn(\n        `The typography variant ${variant} is deprecated. You should use ${mappedVariant} instead.`\n      );\n      return mappedVariant;\n    }\n    if (isLegacyVariant(variant)) {\n      console.warn(`The typography variant ${variant} is deprecated.`);\n    }\n  }\n\n  return variant;\n};\n"],"names":["mappableVariants","Map","isLegacyVariant","variant","includes","mapVariant","theme","mappedVariant","get","warn"],"mappings":";;AAAA,MAAMA,mBAAmB,oBAAIC,IAAI,CAC/B,CAAC,YAAY,SAAS,GACtB,CAAC,WAAW,QAAQ,GACpB,CAAC,UAAU,QAAQ,GACnB,CAAC,WAAW,QAAQ,GACpB,CAAC,iBAAiB,OAAO,GACzB,CAAC,cAAc,MAAM,GACrB,CAAC,WAAW,UAAU,CAAC,CACxB;AAED,MAAMC,kBAAkBA,CAACC,YAAoB;AACpC,SAAA,CACL,YACA,YACA,YACA,YACA,WACA,UACA,UACA,UACA,WACA,YACA,gBACA,iBACA,cACA,mBACA,QACA,gBACA,mBACA,WACA,mBACA,cAAc,EACdC,SAASD,OAAO;AACpB;AAEaE,MAAAA,aAAaA,CAACF,SAAiBG,UAAmB;AACvDC,QAAAA,gBAAgBP,iBAAiBQ,IAAIL,OAAO;AAElD,MAAIG,UAAU,OAAO;AACnB,QAAIC,eAAe;AACTE,cAAAA,KACL,0BAAyBN,yCAAyCI,wBAAwB;AAEtFA,aAAAA;AAAAA,IACT;AACIL,QAAAA,gBAAgBC,OAAO,GAAG;AACpBM,cAAAA,KAAM,0BAAyBN,wBAAwB;AAAA,IACjE;AAAA,EACF;AAEOA,SAAAA;AACT;;"}

package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const React = require("react");
+const Action_styles = require("./Action.styles.cjs");
+const actionClasses = require("./actionClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
+const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
+const keyboardCodes = require("../../../utils/keyboardUtils/keyboardCodes.cjs");
+const setId = require("../../../utils/setId.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvVerticalNavigationAction = ({
+  className,
+  classes,
+  id,
+  label = "",
+  icon,
+  onClick,
+  ...others
+}) => {
+  const {
+    isOpen
+  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
+  const handleKeyDown = React.useCallback((event) => {
+    if (onClick == null || !keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter) && !keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.SpaceBar)) {
+      return;
+    }
+    onClick(event);
+  }, [onClick]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Action_styles.StyledAction, {
+    id: setId.setId(id, "button"),
+    component: "div",
+    role: "button",
+    className: clsx__default.default(className, actionClasses.default.action, classes == null ? void 0 : classes.action, !icon && clsx__default.default(actionClasses.default.noIcon, classes == null ? void 0 : classes.noIcon), !isOpen && clsx__default.default(actionClasses.default.minimized, classes == null ? void 0 : classes.action)),
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    onClick,
+    ...others,
+    children: [icon, isOpen && label]
+  });
+};
+exports.HvVerticalNavigationAction = HvVerticalNavigationAction;
+//# sourceMappingURL=Action.cjs.map

package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKeypress, keyboardCodes, setId } from \"~/utils\";\nimport { VerticalNavigationContext } from \"../\";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n  HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport type HvVerticalNavigationActionProps = {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n};\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, keyboardCodes.Enter) &&\n          !isKeypress(event, keyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <StyledAction\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(\n        className,\n        actionClasses.action,\n        classes?.action,\n        !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n        !isOpen && clsx(actionClasses.minimized, classes?.action)\n      )}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </StyledAction>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKeypress","keyboardCodes","Enter","SpaceBar","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;;;;;AAoCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjDC,QAAAA,gBAAgBC,kBACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrC,CAACF,SAAAA,WAAWD,OAAOE,cAAAA,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CAAC;AAGX,yCACGY,cAAAA,cAAY;AAAA,IACXf,IAAIgB,MAAAA,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,cAAAA,QACTrB,WACAsB,sBAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,sBAAKC,cAAAA,QAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,sBAAKC,cAAAA,QAAcG,WAAWxB,mCAASsB,MAAM,CAAC;AAAA,IAE3DG,UAAU;AAAA,IACVC,WAAWjB;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMsB,UAETxB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACH;AAEnB;;"}