@hitachivantara/uikit-react-core 5.24.3 → 5.24.5

package/dist/esm/components/Kpi/Kpi.styles.js

@@ -1,135 +1,52 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { HvTypography } from "../Typography/Typography.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p69"
-} : {
-  target: "e70l5p69",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "w1atjl",
-  styles: "width:100%;height:100%"
-} : {
-  name: "w1atjl",
-  styles: "width:100%;height:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0wQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0twaS9LcGkuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvcnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1lbmRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmlzdWFsSW5kaWNhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVGV4dCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JVbml0ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCIzcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbXBvc2l0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmVuZEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZmxvYXQ6IFwicmlnaHRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvbkRpdiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW50ZXJuYWxWaXN1YWxDb21wYXJpc29uVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvKpi", {
+  root: {
+    width: "100%",
+    height: "100%"
+  },
+  visualIndicatorContainer: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "40px",
+    backgroundColor: "transparent"
+  },
+  comparisons: {},
+  comparisonContainer: {
+    minHeight: "16px",
+    display: "flex",
+    alignItems: "flex-end"
+  },
+  comparisonComposition: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center"
+  },
+  indicatorsContainer: {
+    display: "inline-flex",
+    minHeight: "16px",
+    alignItems: "flex-end"
+  },
+  indicatorText: {},
+  indicatorUnit: {
+    alignSelf: "flex-end",
+    paddingBottom: "3px"
+  },
+  spacingToTheRight: {
+    marginRight: theme.space.xs
+  },
+  trendLine: {
+    float: "right"
+  }
 });
-const StyledIndicatorsContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p68"
-} : {
-  target: "e70l5p68",
-  label: "StyledIndicatorsContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "d0nhrh",
-  styles: "display:inline-flex;min-height:16px;align-items:flex-end"
-} : {
-  name: "d0nhrh",
-  styles: "display:inline-flex;min-height:16px;align-items:flex-end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0twaS9LcGkuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvcnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1lbmRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmlzdWFsSW5kaWNhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVGV4dCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JVbml0ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCIzcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbXBvc2l0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmVuZEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZmxvYXQ6IFwicmlnaHRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvbkRpdiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW50ZXJuYWxWaXN1YWxDb21wYXJpc29uVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledVisualIndicator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p67"
-} : {
-  target: "e70l5p67",
-  label: "StyledVisualIndicator"
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  height: "40px",
-  backgroundColor: "transparent",
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledIndicatorText = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e70l5p66"
-} : {
-  target: "e70l5p66",
-  label: "StyledIndicatorText"
-})({
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledIndicatorUnit = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e70l5p65"
-} : {
-  target: "e70l5p65",
-  label: "StyledIndicatorUnit"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1momlv3",
-  styles: "align-self:flex-end;padding-bottom:3px"
-} : {
-  name: "1momlv3",
-  styles: "align-self:flex-end;padding-bottom:3px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledComparisonComposition = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p64"
-} : {
-  target: "e70l5p64",
-  label: "StyledComparisonComposition"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3bv6ua",
-  styles: "width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center"
-} : {
-  name: "3bv6ua",
-  styles: "width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledTrendIndicator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p63"
-} : {
-  target: "e70l5p63",
-  label: "StyledTrendIndicator"
-})({
-  marginRight: theme.space.xs,
-  float: "right"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledComparisonContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p62"
-} : {
-  target: "e70l5p62",
-  label: "StyledComparisonContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "h0c07j",
-  styles: "min-height:16px;display:flex;align-items:flex-end"
-} : {
-  name: "h0c07j",
-  styles: "min-height:16px;display:flex;align-items:flex-end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledInternalVisualComparisonDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p61"
-} : {
-  target: "e70l5p61",
-  label: "StyledInternalVisualComparisonDiv"
-})({
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEaUQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledInternalVisualComparisonTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e70l5p60"
-} : {
-  target: "e70l5p60",
-  label: "StyledInternalVisualComparisonTypography"
-})({
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEd0QiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
 export {
-  StyledComparisonComposition,
-  StyledComparisonContainer,
-  StyledIndicatorText,
-  StyledIndicatorUnit,
-  StyledIndicatorsContainer,
-  StyledInternalVisualComparisonDiv,
-  StyledInternalVisualComparisonTypography,
-  StyledRoot,
-  StyledTrendIndicator,
-  StyledVisualIndicator
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Kpi.styles.js.map

package/dist/esm/components/Kpi/Kpi.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kpi.styles.js","sources":["../../../../src/components/Kpi/Kpi.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n});\n\nexport const StyledIndicatorsContainer = styled(\"div\")({\n  display: \"inline-flex\",\n  minHeight: \"16px\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledVisualIndicator = styled(\"div\")({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"40px\",\n  backgroundColor: \"transparent\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorText = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorUnit = styled(HvTypography)({\n  alignSelf: \"flex-end\",\n  paddingBottom: \"3px\",\n});\n\nexport const StyledComparisonComposition = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n});\n\nexport const StyledTrendIndicator = styled(\"div\")({\n  marginRight: theme.space.xs,\n  float: \"right\",\n});\n\nexport const StyledComparisonContainer = styled(\"div\")({\n  minHeight: \"16px\",\n  display: \"flex\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledInternalVisualComparisonDiv = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledInternalVisualComparisonTypography = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIndicatorsContainer","StyledVisualIndicator","display","alignItems","justifyContent","height","backgroundColor","marginRight","theme","space","xs","StyledIndicatorText","HvTypography","StyledIndicatorUnit","StyledComparisonComposition","StyledTrendIndicator","float","StyledComparisonContainer","StyledInternalVisualComparisonDiv","StyledInternalVisualComparisonTypography"],"mappings":";;;;;;AAMO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEM,MAAMC,4BAAmC,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrD;AAEM,MAAME,wBAA+B,wBAAA,OAAKX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDQ,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,QAAQ;AAAA,EACRC,iBAAiB;AAAA,EACjBC,aAAaC,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEK,MAAMmB,sBAA6BC,wBAAAA,cAAYtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDa,aAAaC,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEK,MAAMqB,sBAA6BD,wBAAAA,cAAYtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtD;AAEM,MAAMe,8BAAqC,wBAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMvD;AAEM,MAAMgB,uBAA8B,wBAAA,OAAKzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAChDa,aAAaC,MAAMC,MAAMC;AAAAA,EACzBM,OAAO;AACT,GAAC1B,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEK,MAAMyB,4BAAmC,wBAAA,OAAK3B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrD;AAEM,MAAMmB,oCAA2C,wBAAA,OAAK5B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7Da,aAAaC,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEK,MAAM2B,2CAAkDP,wBAAAA,cAAYtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3Ea,aAAaC,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;"}
+{"version":3,"file":"Kpi.styles.js","sources":["../../../../src/components/Kpi/Kpi.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvKpi\", {\n  root: { width: \"100%\", height: \"100%\" },\n  visualIndicatorContainer: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"40px\",\n    backgroundColor: \"transparent\",\n  },\n  comparisons: {},\n  comparisonContainer: {\n    minHeight: \"16px\",\n    display: \"flex\",\n    alignItems: \"flex-end\",\n  },\n  comparisonComposition: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n  },\n  indicatorsContainer: {\n    display: \"inline-flex\",\n    minHeight: \"16px\",\n    alignItems: \"flex-end\",\n  },\n  indicatorText: {},\n  indicatorUnit: { alignSelf: \"flex-end\", paddingBottom: \"3px\" },\n  spacingToTheRight: { marginRight: theme.space.xs },\n  trendLine: { float: \"right\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","height","visualIndicatorContainer","display","alignItems","justifyContent","backgroundColor","comparisons","comparisonContainer","minHeight","comparisonComposition","flexDirection","flexWrap","indicatorsContainer","indicatorText","indicatorUnit","alignSelf","paddingBottom","spacingToTheRight","marginRight","theme","space","xs","trendLine","float"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,SAAS;AAAA,EAClEC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQC,QAAQ;AAAA,EAAO;AAAA,EACtCC,0BAA0B;AAAA,IACxBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBJ,QAAQ;AAAA,IACRK,iBAAiB;AAAA,EACnB;AAAA,EACAC,aAAa,CAAC;AAAA,EACdC,qBAAqB;AAAA,IACnBC,WAAW;AAAA,IACXN,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAM,uBAAuB;AAAA,IACrBV,OAAO;AAAA,IACPG,SAAS;AAAA,IACTQ,eAAe;AAAA,IACfC,UAAU;AAAA,IACVR,YAAY;AAAA,EACd;AAAA,EACAS,qBAAqB;AAAA,IACnBV,SAAS;AAAA,IACTM,WAAW;AAAA,IACXL,YAAY;AAAA,EACd;AAAA,EACAU,eAAe,CAAC;AAAA,EAChBC,eAAe;AAAA,IAAEC,WAAW;AAAA,IAAYC,eAAe;AAAA,EAAM;AAAA,EAC7DC,mBAAmB;AAAA,IAAEC,aAAaC,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACjDC,WAAW;AAAA,IAAEC,OAAO;AAAA,EAAQ;AAC9B,CAAC;"}

package/dist/esm/components/Link/Link.js

@@ -1,31 +1,35 @@
-import { clsx } from "clsx";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { StyledA } from "./Link.styles.js";
-import linkClasses from "./linkClasses.js";
+import { useClasses } from "./Link.styles.js";
+import { staticClasses } from "./Link.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvLink = (props) => {
   const {
     onClick,
-    classes,
+    classes: classesProp,
     className,
     route,
     data,
     children,
     ...others
   } = useDefaultProps("HvLink", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const handleClick = (event) => {
     event.preventDefault();
     onClick == null ? void 0 : onClick(event, data);
   };
-  return /* @__PURE__ */ jsx(StyledA, {
+  return /* @__PURE__ */ jsx("a", {
     href: route,
     onClick: onClick != null ? handleClick : void 0,
-    className: clsx(className, linkClasses.a, classes == null ? void 0 : classes.a),
+    className: cx(classes.a, className),
     ...others,
     children
   });
 };
 export {
-  HvLink
+  HvLink,
+  staticClasses as linkClasses
 };
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { MouseEventHandler } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledA } from \"./Link.styles\";\nimport linkClasses, { HvLinkClasses } from \"./linkClasses\";\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLinkClasses;\n}\n\nexport const HvLink = (props: HvLinkProps) => {\n  const { onClick, classes, className, route, data, children, ...others } =\n    useDefaultProps(\"HvLink\", props);\n\n  const handleClick = (event) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  return (\n    <StyledA\n      href={route}\n      onClick={onClick != null ? handleClick : undefined}\n      className={clsx(className, linkClasses.a, classes?.a)}\n      {...others}\n    >\n      {children}\n    </StyledA>\n  );\n};\n"],"names":["HvLink","props","onClick","classes","className","route","data","children","others","useDefaultProps","handleClick","event","preventDefault","StyledA","href","undefined","clsx","linkClasses","a"],"mappings":";;;;;AAsBaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAOC;AAAAA,IAAMC;AAAAA,IAAU,GAAGC;AAAAA,EAAAA,IAC7DC,gBAAgB,UAAUR,KAAK;AAEjC,QAAMS,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAe;AAErBV,uCAAUS,OAAOL;AAAAA,EAAI;AAGvB,6BACGO,SAAO;AAAA,IACNC,MAAMT;AAAAA,IACNH,SAASA,WAAW,OAAOQ,cAAcK;AAAAA,IACzCX,WAAWY,KAAKZ,WAAWa,YAAYC,GAAGf,mCAASe,CAAC;AAAA,IAAE,GAClDV;AAAAA,IAAMD;AAAAA,EAAAA,CAGH;AAEb;"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Link.styles\";\n\nexport { staticClasses as linkClasses };\n\nexport type HvLinkClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLinkClasses;\n}\n\nexport const HvLink = (props: HvLinkProps) => {\n  const {\n    onClick,\n    classes: classesProp,\n    className,\n    route,\n    data,\n    children,\n    ...others\n  } = useDefaultProps(\"HvLink\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleClick = (event) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  return (\n    <a\n      href={route}\n      onClick={onClick != null ? handleClick : undefined}\n      className={cx(classes.a, className)}\n      {...others}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["HvLink","props","onClick","classes","classesProp","className","route","data","children","others","useDefaultProps","cx","useClasses","handleClick","event","preventDefault","href","undefined","a"],"mappings":";;;;AAwBaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,UAAUT,KAAK;AAE7B,QAAA;AAAA,IAAEE;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAE9C,QAAMS,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAe;AAErBb,uCAAUY,OAAOP;AAAAA,EAAI;AAGvB,6BACE,KAAA;AAAA,IACES,MAAMV;AAAAA,IACNJ,SAASA,WAAW,OAAOW,cAAcI;AAAAA,IACzCZ,WAAWM,GAAGR,QAAQe,GAAGb,SAAS;AAAA,IAAE,GAChCI;AAAAA,IAAMD;AAAAA,EAAAA,CAGT;AAEP;"}

package/dist/esm/components/Link/Link.styles.js

@@ -1,20 +1,21 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../utils/focusUtils.js";
-const StyledA = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "production" ? {
-  target: "e18zed7a0"
-} : {
-  target: "e18zed7a0",
-  label: "StyledA"
-})({
-  ...theme.typography.label,
-  textDecoration: "underline",
-  color: theme.colors.primary,
-  "&:focus-visible": {
-    ...outlineStyles
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvLink", {
+  a: {
+    ...theme.typography.label,
+    textDecoration: "underline",
+    color: theme.colors.primary,
+    "&:focus-visible": {
+      ...outlineStyles
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXVCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQSA9IHN0eWxlZChcImFcIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjogeyAuLi5vdXRsaW5lU3R5bGVzIH0sXG59KTtcbiJdfQ== */");
+});
 export {
-  StyledA
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Link.styles.js.map

package/dist/esm/components/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { CSSProperties } from \"react\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const StyledA = styled(\"a\")({\n  ...(theme.typography.label as CSSProperties),\n  textDecoration: \"underline\",\n  color: theme.colors.primary,\n  \"&:focus-visible\": { ...outlineStyles },\n});\n"],"names":["StyledA","process","env","NODE_ENV","target","label","theme","typography","textDecoration","color","colors","primary","outlineStyles"],"mappings":";;;AAQO,MAAMA,UAAiB,wBAAA,KAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjC,GAAIC,MAAMC,WAAWF;AAAAA,EACrBG,gBAAgB;AAAA,EAChBC,OAAOH,MAAMI,OAAOC;AAAAA,EACpB,mBAAmB;AAAA,IAAE,GAAGC;AAAAA,EAAc;AACxC,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,y+BAAA;"}
+{"version":3,"file":"Link.styles.js","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLink\", {\n  a: {\n    ...theme.typography.label,\n    textDecoration: \"underline\",\n    color: theme.colors.primary,\n\n    \"&:focus-visible\": { ...outlineStyles },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","a","theme","typography","label","textDecoration","color","colors","primary","outlineStyles"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,GAAG;AAAA,IACD,GAAGC,MAAMC,WAAWC;AAAAA,IACpBC,gBAAgB;AAAA,IAChBC,OAAOJ,MAAMK,OAAOC;AAAAA,IAEpB,mBAAmB;AAAA,MAAE,GAAGC;AAAAA,IAAc;AAAA,EACxC;AACF,CAAC;"}

package/dist/esm/components/List/List.styles.js

@@ -10,8 +10,8 @@ import { HvCheckBox } from "../CheckBox/CheckBox.js";
 import { HvLink } from "../Link/Link.js";
 import { HvRadio } from "../Radio/Radio.js";
 import { staticClasses as staticClasses$1 } from "../Radio/Radio.styles.js";
-import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
 import { staticClasses as staticClasses$2 } from "../ListContainer/ListItem/ListItem.styles.js";
+import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {

package/dist/esm/components/OverflowTooltip/OverflowTooltip.js

@@ -1,9 +1,8 @@
-import { clsx } from "clsx";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useMemo } from "react";
 import { useResizeDetector } from "react-resize-detector";
-import { StyledDataContainer } from "./OverflowTooltip.styles.js";
-import overflowTooltipClasses from "./overflowTooltipClasses.js";
+import { useClasses } from "./OverflowTooltip.styles.js";
+import { staticClasses } from "./OverflowTooltip.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvTooltip } from "../Tooltip/Tooltip.js";
 import { HvTypography } from "../Typography/Typography.js";
@@ -12,7 +11,7 @@ const HvOverflowTooltip = (props) => {
   var _a;
   const {
     id,
-    classes,
+    classes: classesProp,
     className,
     data,
     open,
@@ -20,6 +19,10 @@ const HvOverflowTooltip = (props) => {
     placement = "top-start",
     tooltipsProps
   } = useDefaultProps("HvOverflowTooltip", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     width = 0,
     ref
@@ -33,19 +36,21 @@ const HvOverflowTooltip = (props) => {
   const scrollWidth = ((_a = ref.current) == null ? void 0 : _a.scrollWidth) || 0;
   const isOverflowing = scrollWidth - width >= 1;
   const isParag = useMemo(() => paragraphOverflow && isParagraph(data == null ? void 0 : data.toString()), [data, paragraphOverflow]);
-  const content = useMemo(() => /* @__PURE__ */ jsx(StyledDataContainer, {
+  const content = useMemo(() => /* @__PURE__ */ jsx("div", {
     ref,
-    className: clsx(className, !isParag && clsx(overflowTooltipClasses.tooltipAnchor, classes == null ? void 0 : classes.tooltipAnchor), isParag && clsx(overflowTooltipClasses.tooltipAnchorParagraph, classes == null ? void 0 : classes.tooltipAnchorParagraph)),
-    $isParag: isParag,
+    className: cx({
+      [classes.tooltipAnchor]: !isParag,
+      [classes.tooltipAnchorParagraph]: isParag
+    }, className),
     children: data
-  }), [className, classes == null ? void 0 : classes.tooltipAnchor, classes == null ? void 0 : classes.tooltipAnchorParagraph, data, isParag, ref]);
+  }), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, cx, data, isParag, ref]);
   return open || isOverflowing ? /* @__PURE__ */ jsx(HvTooltip, {
     id,
     disableHoverListener: !isOverflowing,
     open,
     placement,
     title: /* @__PURE__ */ jsx(HvTypography, {
-      className: clsx(overflowTooltipClasses.tooltipData, classes == null ? void 0 : classes.tooltipData),
+      className: classes.tooltipData,
       variant: "body",
       children: data
     }),
@@ -54,6 +59,7 @@ const HvOverflowTooltip = (props) => {
   }) : content;
 };
 export {
-  HvOverflowTooltip
+  HvOverflowTooltip,
+  staticClasses as overflowTooltipClasses
 };
 //# sourceMappingURL=OverflowTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useMemo } from \"react\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n  HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n  /** The node that will be rendered inside the tooltip. */\n  data: React.ReactNode;\n  /** If true, the tooltip is shown. */\n  open?: boolean;\n  /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n  paragraphOverflow?: boolean;\n  /** Tooltip placement. */\n  placement?:\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  /** Extra properties to add to the tooltip. */\n  tooltipsProps?: Partial<HvTooltipProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children = \"\") => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = (props: HvOverflowTooltipProps) => {\n  const {\n    id,\n    classes,\n    className,\n    data,\n    open,\n    paragraphOverflow,\n    placement = \"top-start\",\n    tooltipsProps,\n  } = useDefaultProps(\"HvOverflowTooltip\", props);\n\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data?.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <StyledDataContainer\n        ref={ref}\n        className={clsx(\n          className,\n          !isParag &&\n            clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n          isParag &&\n            clsx(\n              overflowTooltipClasses.tooltipAnchorParagraph,\n              classes?.tooltipAnchorParagraph\n            )\n        )}\n        $isParag={isParag}\n      >\n        {data}\n      </StyledDataContainer>\n    ),\n    [\n      className,\n      classes?.tooltipAnchor,\n      classes?.tooltipAnchorParagraph,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography\n          className={clsx(\n            overflowTooltipClasses.tooltipData,\n            classes?.tooltipData\n          )}\n          variant=\"body\"\n        >\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","props","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","useDefaultProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;;AA2CA,MAAMA,cAAcA,CAACC,WAAW,OAAO,KAAKC,KAAKD,QAAQ;AAK5CE,MAAAA,oBAAoBA,CAACC,UAAkC;;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC;AAAAA,EAAAA,IACEC,gBAAgB,qBAAqBT,KAAK;AAExC,QAAA;AAAA,IAAEU,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,QACd,MAAMf,qBAAqBV,YAAYQ,6BAAMkB,UAAU,GACvD,CAAClB,MAAME,iBAAiB,CAC1B;AAEA,QAAMiB,UAAUF,QACd,MACEG,oBAACC,qBAAmB;AAAA,IAClBd;AAAAA,IACAR,WAAWuB,KACTvB,WACA,CAACiB,WACCM,KAAKC,uBAAuBC,eAAe1B,mCAAS0B,aAAa,GACnER,WACEM,KACEC,uBAAuBE,wBACvB3B,mCAAS2B,sBACX,CACJ;AAAA,IACAC,UAAUV;AAAAA,IAAQvB,UAEjBO;AAAAA,EACkB,CAAA,GAEvB,CACED,WACAD,mCAAS0B,eACT1B,mCAAS2B,wBACTzB,MACAgB,SACAT,GAAG,CAEP;AAEON,SAAAA,QAAQc,gBACbK,oBAACO,WAAS;AAAA,IACR9B;AAAAA,IACA+B,sBAAsB,CAACb;AAAAA,IACvBd;AAAAA,IACAE;AAAAA,IACA0B,2BACGC,cAAY;AAAA,MACX/B,WAAWuB,KACTC,uBAAuBQ,aACvBjC,mCAASiC,WACX;AAAA,MACAC,SAAQ;AAAA,MAAMvC,UAEbO;AAAAA,IAAAA,CACW;AAAA,IACf,GACGI;AAAAA,IAAaX,UAEhB0B;AAAAA,EACQ,CAAA,IAEXA;AAEJ;"}
+{"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./OverflowTooltip.styles\";\n\nexport { staticClasses as overflowTooltipClasses };\nexport type HvOverflowTooltipClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n  /** The node that will be rendered inside the tooltip. */\n  data: React.ReactNode;\n  /** If true, the tooltip is shown. */\n  open?: boolean;\n  /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n  paragraphOverflow?: boolean;\n  /** Tooltip placement. */\n  placement?:\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  /** Extra properties to add to the tooltip. */\n  tooltipsProps?: Partial<HvTooltipProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children = \"\") => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = (props: HvOverflowTooltipProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    data,\n    open,\n    paragraphOverflow,\n    placement = \"top-start\",\n    tooltipsProps,\n  } = useDefaultProps(\"HvOverflowTooltip\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data?.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={cx(\n          {\n            [classes.tooltipAnchor]: !isParag,\n            [classes.tooltipAnchorParagraph]: isParag,\n          },\n          className\n        )}\n      >\n        {data}\n      </div>\n    ),\n    [\n      className,\n      classes.tooltipAnchor,\n      classes.tooltipAnchorParagraph,\n      cx,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"body\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","props","id","classes","classesProp","className","data","open","paragraphOverflow","placement","tooltipsProps","useDefaultProps","cx","useClasses","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","tooltipAnchor","tooltipAnchorParagraph","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;AAuCA,MAAMA,cAAcA,CAACC,WAAW,OAAO,KAAKC,KAAKD,QAAQ;AAK5CE,MAAAA,oBAAoBA,CAACC,UAAkC;;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC;AAAAA,EAAAA,IACEC,gBAAgB,qBAAqBV,KAAK;AACxC,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AAExC,QAAA;AAAA,IAAEU,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,QACd,MAAMjB,qBAAqBX,YAAYS,6BAAMoB,UAAU,GACvD,CAACpB,MAAME,iBAAiB,CAC1B;AAEA,QAAMmB,UAAUF,QACd,MACEG,oBAAA,OAAA;AAAA,IACEb;AAAAA,IACAV,WAAWO,GACT;AAAA,MACE,CAACT,QAAQ0B,aAAa,GAAG,CAACL;AAAAA,MAC1B,CAACrB,QAAQ2B,sBAAsB,GAAGN;AAAAA,OAEpCnB,SACF;AAAA,IAAEP,UAEDQ;AAAAA,EACE,CAAA,GAEP,CACED,WACAF,QAAQ0B,eACR1B,QAAQ2B,wBACRlB,IACAN,MACAkB,SACAT,GAAG,CAEP;AAEOR,SAAAA,QAAQgB,gBACbK,oBAACG,WAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACT;AAAAA,IACvBhB;AAAAA,IACAE;AAAAA,IACAwB,2BACGC,cAAY;AAAA,MAAC7B,WAAWF,QAAQgC;AAAAA,MAAaC,SAAQ;AAAA,MAAMtC,UACzDQ;AAAAA,IAAAA,CACW;AAAA,IACf,GACGI;AAAAA,IAAaZ,UAEhB6B;AAAAA,EACQ,CAAA,IAEXA;AAEJ;"}

package/dist/esm/components/OverflowTooltip/OverflowTooltip.styles.js

@@ -1,40 +1,23 @@
-import _styled from "@emotion/styled/base";
-import { transientOptions } from "../../utils/transientOptions.js";
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledDataContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e199gfye0"
-}, transientOptions) : _extends({}, {
-  target: "e199gfye0",
-  label: "StyledDataContainer"
-}, transientOptions))(({
-  $isParag
-}) => ({
-  ...$isParag && {
-    overflow: "hidden",
-    display: "-webkit-box"
-    // "-webkit-line-clamp": "2",
-    // "-webkit-box-orient": "vertical",
-  },
-  ...!$isParag && {
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvOverflowTooltip", {
+  tooltipData: {},
+  tooltipAnchor: {
     whiteSpace: "nowrap",
     overflow: "hidden",
     textOverflow: "ellipsis"
+  },
+  tooltipAnchorParagraph: {
+    overflow: "hidden",
+    display: "-webkit-box",
+    "-webkit-line-clamp": 2,
+    "-webkit-box-orient": "vertical"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvT3ZlcmZsb3dUb29sdGlwL092ZXJmbG93VG9vbHRpcC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL092ZXJmbG93VG9vbHRpcC9PdmVyZmxvd1Rvb2x0aXAuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREYXRhQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1BhcmFnIH06IHsgJGlzUGFyYWc/OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaXNQYXJhZyAmJiB7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgZGlzcGxheTogXCItd2Via2l0LWJveFwiLFxuICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IFwiMlwiLFxuICAgIC8vIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgfSksXG4gIC4uLighJGlzUGFyYWcgJiYge1xuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+});
 export {
-  StyledDataContainer
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=OverflowTooltip.styles.js.map

package/dist/esm/components/OverflowTooltip/OverflowTooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.styles.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledDataContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $isParag }: { $isParag?: boolean }) => ({\n  ...($isParag && {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    // \"-webkit-line-clamp\": \"2\",\n    // \"-webkit-box-orient\": \"vertical\",\n  }),\n  ...(!$isParag && {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  }),\n}));\n"],"names":["StyledDataContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$isParag","overflow","display","whiteSpace","textOverflow"],"mappings":";;;;;;;;;;;;;;;;AAGaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAiC,OAAO;AAAA,EAC3C,GAAIA,YAAY;AAAA,IACdC,UAAU;AAAA,IACVC,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAI,CAACF,YAAY;AAAA,IACfG,YAAY;AAAA,IACZF,UAAU;AAAA,IACVG,cAAc;AAAA,EAChB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,6rCAAA;"}
+{"version":3,"file":"OverflowTooltip.styles.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvOverflowTooltip\",\n  {\n    tooltipData: {},\n    tooltipAnchor: {\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    tooltipAnchorParagraph: {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      \"-webkit-line-clamp\": 2,\n      \"-webkit-box-orient\": \"vertical\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,qBACA;AAAA,EACEC,aAAa,CAAC;AAAA,EACdC,eAAe;AAAA,IACbC,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACAC,wBAAwB;AAAA,IACtBF,UAAU;AAAA,IACVG,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AACF,CACF;"}