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

package/dist/esm/components/Typography/Typography.js

@@ -6,6 +6,7 @@ import { mapVariant } from "./utils.js";
 import typographyClasses from "./typographyClasses.js";
 import clsx from "clsx";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useTheme } from "../../hooks/useTheme.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -30,6 +31,7 @@ const HvTypographyMap = {
   label: "label",
   caption1: "p",
   caption2: "p",
+  // LEGACY
   "5xlTitle": "h1",
   "4xlTitle": "h1",
   xxlTitle: "h1",
@@ -82,6 +84,7 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_EN
   ...$variant === "caption2" && {
     ...theme.typography.caption2
   },
+  // LEGACY
   ...$variant === "5xlTitle" && {
     ...theme.typography["5xlTitle"]
   },
@@ -107,21 +110,39 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_EN
   ...$variant === "placeholderText" && {
     ...theme.typography.placeholderText
   },
-  color: theme.colors.acce1,
+  ...$variant === "link" && {
+    ...theme.typography.link,
+    textDecoration: "underline",
+    cursor: "pointer"
+  },
+  ...$variant === "disabledText" && {
+    ...theme.typography.disabledText
+  },
+  ...$variant === "selectedNavText" && {
+    ...theme.typography.selectedNavText
+  },
+  ...$variant === "vizTextDisabled" && {
+    ...theme.typography.vizTextDisabled
+  },
+  ...$variant === "xsInlineLink" && {
+    ...theme.typography.xsInlineLink
+  },
+  fontFamily: theme.fontFamily.body,
+  // ADDED PROPS
   ...$link && {
-    color: theme.colors.acce2,
+    color: theme.colors.primary,
     textDecoration: "underline",
     cursor: "pointer"
   },
   ...$disabled && {
-    color: theme.colors.atmo5
+    color: 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHR5cG9ncmFwaHlDbGFzc2VzLCB7IEh2VHlwb2dyYXBoeUNsYXNzZXMgfSBmcm9tIFwiLi90eXBvZ3JhcGh5Q2xhc3Nlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzXCI7XG5cbmV4cG9ydCB0eXBlIEh2VHlwb2dyYXBoeVZhcmlhbnRzID1cbiAgfCBcImRpc3BsYXlcIlxuICB8IFwidGl0bGUxXCJcbiAgfCBcInRpdGxlMlwiXG4gIHwgXCJ0aXRsZTNcIlxuICB8IFwidGl0bGU0XCJcbiAgfCBcImJvZHlcIlxuICB8IFwibGFiZWxcIlxuICB8IFwiY2FwdGlvbjFcIlxuICB8IFwiY2FwdGlvbjJcIjtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHMgPVxuICB8IFwiNXhsVGl0bGVcIlxuICB8IFwiNHhsVGl0bGVcIlxuICB8IFwiM3hsVGl0bGVcIlxuICB8IFwieHhsVGl0bGVcIlxuICB8IFwieGxUaXRsZVwiXG4gIHwgXCJsVGl0bGVcIlxuICB8IFwibVRpdGxlXCJcbiAgfCBcInNUaXRsZVwiXG4gIHwgXCJ4c1RpdGxlXCJcbiAgfCBcInh4c1RpdGxlXCJcbiAgfCBcInNlY3Rpb25UaXRsZVwiXG4gIHwgXCJoaWdobGlnaHRUZXh0XCJcbiAgfCBcIm5vcm1hbFRleHRcIlxuICB8IFwicGxhY2Vob2xkZXJUZXh0XCJcbiAgfCBcImxpbmtcIlxuICB8IFwiZGlzYWJsZWRUZXh0XCJcbiAgfCBcInNlbGVjdGVkTmF2VGV4dFwiXG4gIHwgXCJ2aXpUZXh0XCJcbiAgfCBcInZpelRleHREaXNhYmxlZFwiXG4gIHwgXCJ4c0lubGluZUxpbmtcIjtcblxuY29uc3QgSHZUeXBvZ3JhcGh5TWFwID0ge1xuICBkaXNwbGF5OiBcImgxXCIsXG4gIHRpdGxlMTogXCJoMVwiLFxuICB0aXRsZTI6IFwiaDJcIixcbiAgdGl0bGUzOiBcImgzXCIsXG4gIHRpdGxlNDogXCJoNFwiLFxuICBib2R5OiBcInBcIixcbiAgbGFiZWw6IFwibGFiZWxcIixcbiAgY2FwdGlvbjE6IFwicFwiLFxuICBjYXB0aW9uMjogXCJwXCIsXG4gIC8vIExFR0FDWVxuICBcIjV4bFRpdGxlXCI6IFwiaDFcIixcbiAgXCI0eGxUaXRsZVwiOiBcImgxXCIsXG4gIHh4bFRpdGxlOiBcImgxXCIsXG4gIGxUaXRsZTogXCJoMlwiLFxuICBzVGl0bGU6IFwiaDRcIixcbiAgeHhzVGl0bGU6IFwiaDZcIixcbiAgc2VjdGlvblRpdGxlOiBcInBcIixcbiAgcGxhY2Vob2xkZXJUZXh0OiBcInBcIixcbiAgbGluazogXCJwXCIsXG4gIGRpc2FibGVkVGV4dDogXCJwXCIsXG4gIHNlbGVjdGVkTmF2VGV4dDogXCJwXCIsXG4gIHZpelRleHREaXNhYmxlZDogXCJwXCIsXG4gIHhzSW5saW5lTGluazogXCJwXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBnZXRTdHlsZWRDb21wb25lbnQgPSA8VCBleHRlbmRzIGtleW9mIEpTWC5JbnRyaW5zaWNFbGVtZW50cz4oYzogVCkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkdmFyaWFudCxcbiAgICAgICRsaW5rID0gZmFsc2UsXG4gICAgICAkZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICRub1dyYXAgPSBmYWxzZSxcbiAgICB9OiB7XG4gICAgICAkdmFyaWFudDogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgICAgICRsaW5rPzogYm9vbGVhbjtcbiAgICAgICRkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgICAkbm9XcmFwPzogYm9vbGVhbjtcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImRpc3BsYXlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmRpc3BsYXkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTFcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUyIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUzXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTMgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlNCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsYWJlbFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC8vIExFR0FDWVxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcIjV4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeVtcIjV4bFRpdGxlXCJdIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNHhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNHhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhsVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuc1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHhzVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5Lnh4c1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VjdGlvblRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zZWN0aW9uVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJwbGFjZWhvbGRlclRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnBsYWNlaG9sZGVyVGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpbmtcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxpbmsgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZGlzYWJsZWRUZXh0XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5kaXNhYmxlZFRleHQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWxlY3RlZE5hdlRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNlbGVjdGVkTmF2VGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInZpelRleHREaXNhYmxlZFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudml6VGV4dERpc2FibGVkIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHNJbmxpbmVMaW5rXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54c0lubGluZUxpbmsgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICAgIC8vIEFEREVEIFBST1BTXG4gICAgICAuLi4oJGxpbmsgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnByaW1hcnksXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkbm9XcmFwICYmIHtcbiAgICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5UHJvcHMgPSBPbWl0PFxuICBBbGxIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4sXG4gIFwiZGlzYWJsZWRcIlxuPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxFbGVtZW50LCB7IGRpc2FibGVkIH0+ICYge1xuICAgIGNvbXBvbmVudD86IFJlYWN0LlJlYWN0Tm9kZSB8IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAgIC8qKiBVc2UgdGhlIHZhcmlhbnQgcHJvcCB0byBjaGFuZ2UgdGhlIHZpc3VhbCBzdHlsZSBvZiB0aGUgVHlwb2dyYXBoeS4gKi9cbiAgICB2YXJpYW50PzogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgICAvKiogSWYgYHRydWVgIHRoZSB0eXBvZ3JhcGh5IHdpbGwgZGlzcGxheSB0aGUgbG9vayBvZiBhIGxpbmsuICovXG4gICAgbGluaz86IGJvb2xlYW47XG4gICAgLyoqIElmIGB0cnVlYCB0aGUgdHlwb2dyYXBoeSB3aWxsIGRpc3BsYXkgdGhlIGxvb2sgb2YgYSBkaXNhYmxlZCBzdGF0ZS4gKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgLyoqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBoYXZlIGEgYm90dG9tIG1hcmdpbi4gKi9cbiAgICBwYXJhZ3JhcGg/OiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBub3Qgd3JhcCwgYnV0IGluc3RlYWQgd2lsbCB0cnVuY2F0ZSB3aXRoIGEgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgICAgKlxuICAgICAqIE5vdGUgdGhhdCB0ZXh0IG92ZXJmbG93IGNhbiBvbmx5IGhhcHBlbiB3aXRoIGJsb2NrIG9yIGlubGluZS1ibG9jayBsZXZlbCBlbGVtZW50c1xuICAgICAqICh0aGUgZWxlbWVudCBuZWVkcyB0byBoYXZlIGEgd2lkdGggaW4gb3JkZXIgdG8gb3ZlcmZsb3cpLlxuICAgICAqL1xuICAgIG5vV3JhcD86IGJvb2xlYW47XG4gICAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgICBjbGFzc2VzPzogSHZUeXBvZ3JhcGh5Q2xhc3NlcztcbiAgfTtcblxuLyoqXG4gKiBUeXBvZ3JhcGh5IGNvbXBvbmVudCBpcyB1c2VkIHRvIHJlbmRlciB0ZXh0IGFuZCBwYXJhZ3JhcGhzIHdpdGhpbiBhbiBpbnRlcmZhY2UuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlR5cG9ncmFwaHkgPSBmb3J3YXJkUmVmKFxuICAocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY6IFJlZjxIVE1MRWxlbWVudD4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNsYXNzZXMsXG4gICAgICB2YXJpYW50ID0gXCJib2R5XCIsXG4gICAgICBsaW5rID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgbm9XcmFwID0gZmFsc2UsXG4gICAgICBwYXJhZ3JhcGggPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgbWFwcGVkVmFyaWFudCA9IG1hcFZhcmlhbnQodmFyaWFudCwgYWN0aXZlVGhlbWU/Lm5hbWUpO1xuXG4gICAgY29uc3QgY29tcCA9XG4gICAgICBjb21wb25lbnQgfHwgKHBhcmFncmFwaCA/IFwicFwiIDogSHZUeXBvZ3JhcGh5TWFwW21hcHBlZFZhcmlhbnRdIHx8IFwic3BhblwiKTtcblxuICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBnZXRTdHlsZWRDb21wb25lbnQoY29tcCB8fCBcInBcIiksXG4gICAgICBbY29tcF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb21wb25lbnRcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICB0eXBvZ3JhcGh5Q2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/Llt2YXJpYW50XSxcbiAgICAgICAgICB0eXBvZ3JhcGh5Q2xhc3Nlc1t2YXJpYW50XSxcbiAgICAgICAgICBub1dyYXAgJiYgY2xzeCh0eXBvZ3JhcGh5Q2xhc3Nlcy5ub1dyYXAsIGNsYXNzZXM/Lm5vV3JhcClcbiAgICAgICAgKX1cbiAgICAgICAgJHZhcmlhbnQ9e1xuICAgICAgICAgIG1hcHBlZFZhcmlhbnQgYXMgSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50c1xuICAgICAgICB9XG4gICAgICAgICRsaW5rPXtsaW5rfVxuICAgICAgICAkZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAkbm9XcmFwPXtub1dyYXB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkQ29tcG9uZW50PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
 const HvTypography = forwardRef((props, ref) => {
   const {
     children,
@@ -135,7 +156,10 @@ const HvTypography = forwardRef((props, ref) => {
     paragraph = false,
     ...others
   } = props;
-  const mappedVariant = mapVariant(variant);
+  const {
+    activeTheme
+  } = useTheme();
+  const mappedVariant = mapVariant(variant, activeTheme == null ? void 0 : activeTheme.name);
   const comp = component || (paragraph ? "p" : HvTypographyMap[mappedVariant] || "span");
   const StyledComponent = useMemo(() => getStyledComponent(comp || "p"), [comp]);
   return /* @__PURE__ */ jsx(StyledComponent, {

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","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","clsx","root","typographyClasses"],"mappings":"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"}
+{"version":3,"file":"Typography.js","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 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    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/esm/components/Typography/utils.js

@@ -1,9 +1,17 @@
 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/esm/components/Typography/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","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.js","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/esm/components/VerticalNavigation/Actions/Action.js

@@ -0,0 +1,43 @@
+import clsx from "clsx";
+import { useContext, useCallback } from "react";
+import { StyledAction } from "./Action.styles.js";
+import actionClasses from "./actionClasses.js";
+import { jsxs } from "@emotion/react/jsx-runtime";
+import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
+import { isKeypress } from "../../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../../utils/keyboardUtils/keyboardCodes.js";
+import { setId } from "../../../utils/setId.js";
+const HvVerticalNavigationAction = ({
+  className,
+  classes,
+  id,
+  label = "",
+  icon,
+  onClick,
+  ...others
+}) => {
+  const {
+    isOpen
+  } = useContext(VerticalNavigationContext);
+  const handleKeyDown = useCallback((event) => {
+    if (onClick == null || !isKeypress(event, keyboardCodes.Enter) && !isKeypress(event, keyboardCodes.SpaceBar)) {
+      return;
+    }
+    onClick(event);
+  }, [onClick]);
+  return /* @__PURE__ */ jsxs(StyledAction, {
+    id: setId(id, "button"),
+    component: "div",
+    role: "button",
+    className: clsx(className, actionClasses.action, classes == null ? void 0 : classes.action, !icon && clsx(actionClasses.noIcon, classes == null ? void 0 : classes.noIcon), !isOpen && clsx(actionClasses.minimized, classes == null ? void 0 : classes.action)),
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    onClick,
+    ...others,
+    children: [icon, isOpen && label]
+  });
+};
+export {
+  HvVerticalNavigationAction
+};
+//# sourceMappingURL=Action.js.map

package/dist/esm/components/VerticalNavigation/Actions/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","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,WAAWC,yBAAyB;AAEjDC,QAAAA,gBAAgBC,YACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,WAAWD,OAAOE,cAAcC,KAAK,KACrC,CAACF,WAAWD,OAAOE,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CAAC;AAGX,8BACGY,cAAY;AAAA,IACXf,IAAIgB,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,KACTrB,WACAsB,cAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,KAAKC,cAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,KAAKC,cAAcG,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;"}

package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js

@@ -0,0 +1,49 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import actionClasses from "./actionClasses.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { outlineStyles } from "../../../utils/focusUtils.js";
+const hover = () => ({
+  background: theme.verticalNavigation.hoverColor,
+  "& *": {
+    background: theme.verticalNavigation.hoverColor
+  }
+});
+const StyledAction = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e13j4on70"
+} : {
+  target: "e13j4on70",
+  label: "StyledAction"
+})({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  height: "32px",
+  color: theme.colors.secondary,
+  // hover
+  "&:hover": hover(),
+  "&:focus": {
+    outline: "none",
+    ...hover()
+  },
+  "&:focus-visible": {
+    ...outlineStyles
+  },
+  // cursor
+  cursor: "pointer",
+  "& *": {
+    cursor: "pointer"
+  },
+  [`& .${actionClasses.noIcon}`]: {
+    paddingLeft: theme.space.xs
+  },
+  [`&.${actionClasses.minimized}`]: {
+    justifyContent: "center",
+    paddingRight: 0
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0FjdGlvbnMvQWN0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0FjdGlvbnMvQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgYWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG4gIFwiJiAqXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uaG92ZXJDb2xvcixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuXG4gIC8vIGhvdmVyXG4gIFwiJjpob3ZlclwiOiBob3ZlcigpLFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgLi4uaG92ZXIoKSxcbiAgfSxcblxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAvLyBjdXJzb3JcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImICpcIjoge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0sXG5cbiAgW2AmIC4ke2FjdGlvbkNsYXNzZXMubm9JY29ufWBdOiB7XG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuXG4gIFtgJi4ke2FjdGlvbkNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAwLFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledAction
+};
+//# sourceMappingURL=Action.styles.js.map

package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport actionClasses from \"./actionClasses\";\n\nconst hover = () => ({\n  background: theme.verticalNavigation.hoverColor,\n  \"& *\": {\n    background: theme.verticalNavigation.hoverColor,\n  },\n});\n\nexport const StyledAction = styled(HvTypography)({\n  width: \"100%\",\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  height: \"32px\",\n  color: theme.colors.secondary,\n\n  // hover\n  \"&:hover\": hover(),\n\n  \"&:focus\": {\n    outline: \"none\",\n    ...hover(),\n  },\n\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  // cursor\n  cursor: \"pointer\",\n  \"& *\": {\n    cursor: \"pointer\",\n  },\n\n  [`& .${actionClasses.noIcon}`]: {\n    paddingLeft: theme.space.xs,\n  },\n\n  [`&.${actionClasses.minimized}`]: {\n    justifyContent: \"center\",\n    paddingRight: 0,\n  },\n});\n"],"names":["hover","background","theme","verticalNavigation","hoverColor","StyledAction","HvTypography","process","env","NODE_ENV","target","label","width","display","justifyContent","alignItems","height","color","colors","secondary","outline","outlineStyles","cursor","actionClasses","noIcon","paddingLeft","space","xs","minimized","paddingRight"],"mappings":";;;;;AAMA,MAAMA,QAAQA,OAAO;AAAA,EACnBC,YAAYC,MAAMC,mBAAmBC;AAAAA,EACrC,OAAO;AAAA,IACLH,YAAYC,MAAMC,mBAAmBC;AAAAA,EACvC;AACF;AAEO,MAAMC,eAAsBC,wBAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,QAAQ;AAAA,EACRC,OAAOf,MAAMgB,OAAOC;AAAAA;AAAAA,EAGpB,WAAWnB,MAAO;AAAA,EAElB,WAAW;AAAA,IACToB,SAAS;AAAA,IACT,GAAGpB,MAAK;AAAA,EACV;AAAA,EAEA,mBAAmB;AAAA,IACjB,GAAGqB;AAAAA,EACL;AAAA;AAAA,EAGAC,QAAQ;AAAA,EACR,OAAO;AAAA,IACLA,QAAQ;AAAA,EACV;AAAA,EAEA,CAAE,MAAKC,cAAcC,QAAQ,GAAG;AAAA,IAC9BC,aAAavB,MAAMwB,MAAMC;AAAAA,EAC3B;AAAA,EAEA,CAAE,KAAIJ,cAAcK,WAAW,GAAG;AAAA,IAChCd,gBAAgB;AAAA,IAChBe,cAAc;AAAA,EAChB;AACF,GAACtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y2DAAA;"}

package/dist/esm/components/VerticalNavigation/Actions/Actions.js

@@ -0,0 +1,28 @@
+import clsx from "clsx";
+import { useContext } from "react";
+import { StyledRoot } from "./Actions.styles.js";
+import actionsClasses from "./actionsClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
+const HvVerticalNavigationActions = ({
+  className,
+  classes,
+  id,
+  children,
+  ...others
+}) => {
+  const {
+    isOpen,
+    collapsedMode
+  } = useContext(VerticalNavigationContext);
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    id,
+    className: clsx(className, actionsClasses.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode == "simple" && clsx(actionsClasses.hide, classes == null ? void 0 : classes.hide)),
+    ...others,
+    children
+  });
+};
+export {
+  HvVerticalNavigationActions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/esm/components/VerticalNavigation/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../\";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n  HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport type HvVerticalNavigationActionsProps = {\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?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n};\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        actionsClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode == \"simple\" &&\n          clsx(actionsClasses.hide, classes?.hide)\n      )}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;AA2BO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,WAAWC,yBAAyB;AAEtE,6BACGC,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,KACTV,WACAW,eAAeC,MACfX,mCAASW,MACT,CAACP,UACCC,iBAAiB,YACjBI,KAAKC,eAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAC1C,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;"}

package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js

@@ -0,0 +1,24 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import actionsClasses from "./actionsClasses.js";
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e11q2fjk0"
+} : {
+  target: "e11q2fjk0",
+  label: "StyledRoot"
+})({
+  display: "block",
+  background: theme.colors.atmo1,
+  marginTop: theme.verticalNavigation.actionsMarginTop,
+  "& :not(:last-child)": {
+    // theme.verticalNavigation.actionsMarginTop,
+    marginBottom: "8px"
+  },
+  [`&.${actionsClasses.hide}`]: {
+    display: "none"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGFjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2FjdGlvbnNDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIG1hcmdpblRvcDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmFjdGlvbnNNYXJnaW5Ub3AsXG5cbiAgXCImIDpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICAvLyB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aW9uc01hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmLiR7YWN0aW9uc0NsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledRoot
+};
+//# sourceMappingURL=Actions.styles.js.map

package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport actionsClasses from \"./actionsClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"block\",\n  background: theme.colors.atmo1,\n  marginTop: theme.verticalNavigation.actionsMarginTop,\n\n  \"& :not(:last-child)\": {\n    // theme.verticalNavigation.actionsMarginTop,\n    marginBottom: \"8px\",\n  },\n\n  [`&.${actionsClasses.hide}`]: {\n    display: \"none\",\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","display","background","theme","colors","atmo1","marginTop","verticalNavigation","actionsMarginTop","marginBottom","actionsClasses","hide"],"mappings":";;;AAIO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,SAAS;AAAA,EACTC,YAAYC,MAAMC,OAAOC;AAAAA,EACzBC,WAAWH,MAAMI,mBAAmBC;AAAAA,EAEpC,uBAAuB;AAAA;AAAA,IAErBC,cAAc;AAAA,EAChB;AAAA,EAEA,CAAE,KAAIC,eAAeC,MAAM,GAAG;AAAA,IAC5BV,SAAS;AAAA,EACX;AACF,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,6pCAAA;"}

package/dist/esm/components/VerticalNavigation/Actions/actionClasses.js

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

package/dist/esm/components/VerticalNavigation/Actions/actionClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionClasses.js","sources":["../../../../../src/components/VerticalNavigation/Actions/actionClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvVerticalNavigationActionClasses = {\n  action?: string;\n  noIcon?: string;\n  minimized?: string;\n};\n\nconst classKeys: string[] = [\"action\", \"noIcon\", \"minimized\"];\n\nconst actionClasses = getClasses<HvVerticalNavigationActionClasses>(\n  classKeys,\n  \"HvVerticalNavigationAction\"\n);\n\nexport default actionClasses;\n"],"names":["classKeys","actionClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,UAAU,UAAU,WAAW;AAE5D,MAAMC,gBAAgBC,WACpBF,WACA,4BAA4B;AAG9B,MAAA,kBAAeC;"}

package/dist/esm/components/VerticalNavigation/Actions/actionsClasses.js

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

package/dist/esm/components/VerticalNavigation/Actions/actionsClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsClasses.js","sources":["../../../../../src/components/VerticalNavigation/Actions/actionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvVerticalNavigationActionsClasses = {\n  root?: string;\n  hide?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"hide\"];\n\nconst actionsClasses = getClasses<HvVerticalNavigationActionsClasses>(\n  classKeys,\n  \"HvVerticalNavigationActions\"\n);\n\nexport default actionsClasses;\n"],"names":["classKeys","actionsClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,MAAM;AAE3C,MAAMC,iBAAiBC,WACrBF,WACA,6BAA6B;AAG/B,MAAA,mBAAeC;"}

package/dist/esm/components/VerticalNavigation/Header/Header.js

@@ -0,0 +1,62 @@
+import { Backwards, Forwards, Menu } from "@hitachivantara/uikit-react-icons";
+import clsx from "clsx";
+import { useContext } from "react";
+import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
+import { StyledHeader, StyledCollapseButton } from "./Header.styles.js";
+import verticalNavigationHeaderClasses from "./headerClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvButton } from "../../Button/Button.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const HvVerticalNavigationHeader = ({
+  title,
+  openIcon = /* @__PURE__ */ jsx(Forwards, {}),
+  closeIcon = /* @__PURE__ */ jsx(Backwards, {}),
+  collapseButtonProps,
+  backButtonProps,
+  className,
+  classes,
+  onCollapseButtonClick,
+  ...others
+}) => {
+  const {
+    isOpen,
+    collapsedMode,
+    headerTitle,
+    slider,
+    navigateToParentHandler
+  } = useContext(VerticalNavigationContext);
+  openIcon = collapsedMode === "simple" ? /* @__PURE__ */ jsx(Menu, {}) : openIcon;
+  const backButtonClickHandler = () => {
+    if (navigateToParentHandler)
+      navigateToParentHandler();
+  };
+  return /* @__PURE__ */ jsxs(StyledHeader, {
+    className: clsx(className, verticalNavigationHeaderClasses.root, classes == null ? void 0 : classes.root, !isOpen && clsx(verticalNavigationHeaderClasses.minimized, classes == null ? void 0 : classes.minimized)),
+    ...others,
+    children: [isOpen && headerTitle && slider && /* @__PURE__ */ jsx(HvButton, {
+      icon: true,
+      variant: "secondaryGhost",
+      onClick: backButtonClickHandler,
+      ...backButtonProps,
+      children: /* @__PURE__ */ jsx(Backwards, {
+        iconSize: "XS"
+      })
+    }), isOpen && /* @__PURE__ */ jsx(HvTypography, {
+      variant: slider ? "label" : "title3",
+      children: headerTitle && slider ? headerTitle : title
+    }), onCollapseButtonClick && /* @__PURE__ */ jsx(StyledCollapseButton, {
+      icon: true,
+      variant: "secondaryGhost",
+      onClick: onCollapseButtonClick,
+      classes: {
+        root: isOpen ? "" : verticalNavigationHeaderClasses.minimized
+      },
+      ...collapseButtonProps,
+      children: isOpen ? closeIcon : openIcon
+    })]
+  });
+};
+export {
+  HvVerticalNavigationHeader
+};
+//# sourceMappingURL=Header.js.map

package/dist/esm/components/VerticalNavigation/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"components\";\nimport { MouseEventHandler, useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport type HvVerticalNavigationHeaderProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\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?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n};\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    collapsedMode,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n  } = useContext(VerticalNavigationContext);\n\n  openIcon = collapsedMode === \"simple\" ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  return (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={backButtonClickHandler}\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <StyledCollapseButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={onCollapseButtonClick}\n          classes={{\n            root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </StyledCollapseButton>\n      )}\n    </StyledHeader>\n  );\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","collapsedMode","headerTitle","slider","navigateToParentHandler","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","variant","onClick","iconSize","HvTypography","StyledCollapseButton"],"mappings":";;;;;;;;;AAiDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,oBAACC,UAAW,EAAA;AAAA,EACvBC,YAAYF,oBAACG,WAAY,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;AAExCjB,aAAWY,kBAAkB,WAAWX,oBAACiB,MAAO,CAAA,CAAA,IAAGlB;AAEnD,QAAMmB,yBAAyBA,MAAM;AAC/BJ,QAAAA;AAAkD;EAAA;AAGxD,8BACGK,cAAY;AAAA,IACXb,WAAWc,KACTd,WACAe,gCAAgCC,MAChCf,mCAASe,MACT,CAACZ,UACCU,KAAKC,gCAAgCE,WAAWhB,mCAASgB,SAAS,CAAC;AAAA,IACrE,GACEd;AAAAA,IAAMe,UAAA,CAETd,UAAUE,eAAeC,8BACvBY,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASV;AAAAA,MAAuB,GAC5Bb;AAAAA,MAAemB,8BAElBrB,WAAS;AAAA,QAAC0B,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CAAG,GAG9BnB,UACCV,oBAAC8B,cAAY;AAAA,MAACH,SAASd,SAAS,UAAU;AAAA,MAASW,UAChDZ,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAAK,GAG/CU,yBACCR,oBAAC+B,sBAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASpB;AAAAA,MACTD,SAAS;AAAA,QACPe,MAAMZ,SAAS,KAAKW,gCAAgCE;AAAAA,MACtD;AAAA,MAAE,GACEnB;AAAAA,MAAmBoB,UAEtBd,SAASR,YAAYH;AAAAA,IAAAA,CAEzB,CAAA;AAAA,EAAA,CACY;AAEnB;"}

package/dist/esm/components/VerticalNavigation/Header/Header.styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+import verticalNavigationHeaderClasses from "./headerClasses.js";
+import { HvButton } from "../../Button/Button.js";
+const StyledHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1arrhkt1"
+} : {
+  target: "e1arrhkt1",
+  label: "StyledHeader"
+})({
+  width: "100%",
+  display: "flex",
+  marginTop: "12px",
+  alignItems: "center",
+  [`&.${verticalNavigationHeaderClasses.minimized}`]: {
+    justifyContent: "center",
+    paddingRight: 0
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgdmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi9oZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW5Ub3A6IFwiMTJweFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2xsYXBzZUJ1dHRvbiA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcblxuICBbYCYuJHt2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledCollapseButton = /* @__PURE__ */ _styled(HvButton, process.env.NODE_ENV === "production" ? {
+  target: "e1arrhkt0"
+} : {
+  target: "e1arrhkt0",
+  label: "StyledCollapseButton"
+})({
+  marginLeft: "auto",
+  [`&.${verticalNavigationHeaderClasses.minimized}`]: {
+    marginLeft: 0
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMgZnJvbSBcIi4vaGVhZGVyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luVG9wOiBcIjEycHhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICBbYCYuJHt2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sbGFwc2VCdXR0b24gPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledCollapseButton,
+  StyledHeader
+};
+//# sourceMappingURL=Header.styles.js.map

package/dist/esm/components/VerticalNavigation/Header/Header.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton } from \"components\";\nimport verticalNavigationHeaderClasses from \"./headerClasses\";\n\nexport const StyledHeader = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  marginTop: \"12px\",\n  alignItems: \"center\",\n\n  [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n    justifyContent: \"center\",\n    paddingRight: 0,\n  },\n});\n\nexport const StyledCollapseButton = styled(HvButton)({\n  marginLeft: \"auto\",\n\n  [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n    marginLeft: 0,\n  },\n});\n"],"names":["StyledHeader","process","env","NODE_ENV","target","label","width","display","marginTop","alignItems","verticalNavigationHeaderClasses","minimized","justifyContent","paddingRight","StyledCollapseButton","HvButton","marginLeft"],"mappings":";;;AAIO,MAAMA,eAAsB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,YAAY;AAAA,EAEZ,CAAE,KAAIC,gCAAgCC,WAAW,GAAG;AAAA,IAClDC,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AACF,GAACZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixCAAA;AAEK,MAAMW,uBAA8BC,wBAAAA,UAAQd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnDW,YAAY;AAAA,EAEZ,CAAE,KAAIN,gCAAgCC,WAAW,GAAG;AAAA,IAClDK,YAAY;AAAA,EACd;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixCAAA;"}

package/dist/esm/components/VerticalNavigation/Header/headerClasses.js

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

package/dist/esm/components/VerticalNavigation/Header/headerClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerClasses.js","sources":["../../../../../src/components/VerticalNavigation/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvVerticalNavigationHeaderClasses = {\n  root?: string;\n  minimized?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"minimized\"];\n\nconst verticalNavigationHeaderClasses =\n  getClasses<HvVerticalNavigationHeaderClasses>(\n    classKeys,\n    \"HvVerticalNavigationHeader\"\n  );\n\nexport default verticalNavigationHeaderClasses;\n"],"names":["classKeys","verticalNavigationHeaderClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,WAAW;AAEhD,MAAMC,kCACJC,WACEF,WACA,4BAA4B;AAGhC,MAAA,oCAAeC;"}