@hitachivantara/uikit-react-core 5.24.1 → 5.24.3

package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js

@@ -1,78 +1,66 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { transientOptions } from "../../../utils/transientOptions.js";
 import { outlineStyles } from "../../../utils/focusUtils.js";
-import listItemClasses from "./listItemClasses.js";
-import { HvFocus } from "../../Focus/Focus.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];
-        }
-      }
+import { createClasses } from "../../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvListItem", {
+  root: {
+    ...theme.typography.body,
+    padding: 0,
+    display: "block",
+    height: "32px",
+    lineHeight: "32px",
+    listStyleType: "none",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    position: "relative",
+    "&:not(:last-child)": {
+      marginBottom: "8px"
+    },
+    "&$condensed": {
+      marginBottom: 0
+    },
+    "&.HvIsFocused": {
+      ...outlineStyles,
+      backgroundColor: theme.colors.atmo3,
+      zIndex: 2
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1palmq41"
-}, transientOptions) : _extends({}, {
-  target: "e1palmq41",
-  label: "StyledListItem"
-}, transientOptions))(({
-  $gutters,
-  $interactive,
-  $selected,
-  $disabled,
-  $startAdornment,
-  $endAdornment
-}) => ({
-  ...theme.typography.body,
-  padding: 0,
-  display: "block",
-  height: "32px",
-  lineHeight: "32px",
-  listStyleType: "none",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-  position: "relative",
-  "&:not(:last-child)": {
-    marginBottom: "8px"
   },
-  [`&.${listItemClasses.condensed}`]: {
-    marginBottom: 0
+  focus: {
+    backgroundColor: theme.colors.atmo3,
+    zIndex: 2
   },
-  ...$gutters && {
+  startAdornment: {},
+  endAdornment: {},
+  gutters: {
     padding: `0 ${theme.space.xs}`,
-    [`&.${listItemClasses.withStartAdornment}`]: {
+    "&$withStartAdornment": {
       paddingLeft: 0
     },
-    [`&.${listItemClasses.withEndAdornment}`]: {
+    "&$withEndAdornment": {
       paddingRight: 0
     }
   },
-  ...$interactive && {
+  condensed: {},
+  interactive: {
     cursor: "pointer",
-    [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]: {
+    "&:not($disabled):not($selected):hover": {
       backgroundColor: theme.list.hoverColor
     },
-    [`&.${listItemClasses.disabled}`]: {
+    "&$disabled": {
       cursor: "not-allowed"
     }
   },
-  ...$selected && {
+  selected: {
     backgroundColor: theme.list.hoverColor
   },
-  ...$disabled && {
+  disabled: {
     color: theme.colors.secondary_60,
     backgroundColor: theme.list.disabledBackgroundColor
   },
-  ...$startAdornment && {
+  withStartAdornment: {
     "& > div": {
       float: "left"
     },
@@ -80,11 +68,11 @@ const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "p
       boxShadow: "none !important",
       outline: "none !important"
     },
-    [`.${listItemClasses.disabled} > svg *.color0`]: {
+    "$disabled > svg *.color0": {
       fill: theme.colors.secondary_60
     }
   },
-  ...$endAdornment && {
+  withEndAdornment: {
     "& > div": {
       float: "right"
     },
@@ -92,27 +80,13 @@ const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "p
       boxShadow: "none !important",
       outline: "none !important"
     },
-    [`.${listItemClasses.disabled} > svg *.color0`]: {
+    "$disabled > svg *.color0": {
       fill: theme.colors.secondary_60
     }
-  },
-  "&.HvIsFocused": {
-    ...outlineStyles,
-    backgroundColor: theme.colors.atmo3,
-    zIndex: 2
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdENvbnRhaW5lci9MaXN0SXRlbS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3RDb250YWluZXIvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9jdXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuXG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZ3V0dGVycyxcbiAgICAkaW50ZXJhY3RpdmUsXG4gICAgJHNlbGVjdGVkLFxuICAgICRkaXNhYmxlZCxcbiAgICAkc3RhcnRBZG9ybm1lbnQsXG4gICAgJGVuZEFkb3JubWVudCxcbiAgfToge1xuICAgICRndXR0ZXJzOiBib29sZWFuO1xuICAgICRpbnRlcmFjdGl2ZTogYm9vbGVhbjtcbiAgICAkc2VsZWN0ZWQ6IGJvb2xlYW47XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRzdGFydEFkb3JubWVudDogYm9vbGVhbjtcbiAgICAkZW5kQWRvcm5tZW50OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgcGFkZGluZzogMCxcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gICAgfSxcbiAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuY29uZGVuc2VkfWBdOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgfSxcblxuICAgIC4uLigkZ3V0dGVycyAmJiB7XG4gICAgICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy53aXRoU3RhcnRBZG9ybm1lbnR9YF06IHtcbiAgICAgICAgcGFkZGluZ0xlZnQ6IDAsXG4gICAgICB9LFxuICAgICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLndpdGhFbmRBZG9ybm1lbnR9YF06IHtcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJGludGVyYWN0aXZlICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBbYCY6bm90KC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0pOm5vdCguJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9KTpob3ZlcmBdOlxuICAgICAgICB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmhvdmVyQ29sb3IsXG4gICAgICAgIH0sXG4gICAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmhvdmVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUubGlzdC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICB9KSxcbiAgICAuLi4oJHN0YXJ0QWRvcm5tZW50ICYmIHtcbiAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIG91dGxpbmU6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgW2AuJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gc3ZnICouY29sb3IwYF06IHtcbiAgICAgICAgZmlsbDogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRlbmRBZG9ybm1lbnQgJiYge1xuICAgICAgXCImID4gZGl2XCI6IHsgZmxvYXQ6IFwicmlnaHRcIiB9LFxuXG4gICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIFtgLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSA+IHN2ZyAqLmNvbG9yMGBdOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIFwiJi5IdklzRm9jdXNlZFwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICB6SW5kZXg6IDIsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb2N1cyA9IHN0eWxlZChIdkZvY3VzKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB6SW5kZXg6IDIsXG59KTtcbiJdfQ== */");
-const StyledFocus = /* @__PURE__ */ _styled(HvFocus, process.env.NODE_ENV === "production" ? {
-  target: "e1palmq40"
-} : {
-  target: "e1palmq40",
-  label: "StyledFocus"
-})({
-  backgroundColor: theme.colors.atmo3,
-  zIndex: 2
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdENvbnRhaW5lci9MaXN0SXRlbS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZGb2N1cyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0ZvY3VzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2ZvY3VzVXRpbHNcIjtcblxuaW1wb3J0IGxpc3RJdGVtQ2xhc3NlcyBmcm9tIFwiLi9saXN0SXRlbUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGd1dHRlcnMsXG4gICAgJGludGVyYWN0aXZlLFxuICAgICRzZWxlY3RlZCxcbiAgICAkZGlzYWJsZWQsXG4gICAgJHN0YXJ0QWRvcm5tZW50LFxuICAgICRlbmRBZG9ybm1lbnQsXG4gIH06IHtcbiAgICAkZ3V0dGVyczogYm9vbGVhbjtcbiAgICAkaW50ZXJhY3RpdmU6IGJvb2xlYW47XG4gICAgJHNlbGVjdGVkOiBib29sZWFuO1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkc3RhcnRBZG9ybm1lbnQ6IGJvb2xlYW47XG4gICAgJGVuZEFkb3JubWVudDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gICAgbGlzdFN0eWxlVHlwZTogXCJub25lXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xuICAgICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICAgIH0sXG4gICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLmNvbmRlbnNlZH1gXToge1xuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgIH0sXG5cbiAgICAuLi4oJGd1dHRlcnMgJiYge1xuICAgICAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMud2l0aFN0YXJ0QWRvcm5tZW50fWBdOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAwLFxuICAgICAgfSxcbiAgICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy53aXRoRW5kQWRvcm5tZW50fWBdOiB7XG4gICAgICAgIHBhZGRpbmdSaWdodDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRpbnRlcmFjdGl2ZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgW2AmOm5vdCguJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9KTpub3QoLiR7bGlzdEl0ZW1DbGFzc2VzLnNlbGVjdGVkfSk6aG92ZXJgXTpcbiAgICAgICAge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUubGlzdC5ob3ZlckNvbG9yLFxuICAgICAgICB9LFxuICAgICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHNlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUubGlzdC5ob3ZlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmxpc3QuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzdGFydEFkb3JubWVudCAmJiB7XG4gICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICB9LFxuXG4gICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIFtgLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSA+IHN2ZyAqLmNvbG9yMGBdOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkZW5kQWRvcm5tZW50ICYmIHtcbiAgICAgIFwiJiA+IGRpdlwiOiB7IGZsb2F0OiBcInJpZ2h0XCIgfSxcblxuICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgb3V0bGluZTogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICBbYC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiBzdmcgKi5jb2xvcjBgXToge1xuICAgICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICBcIiYuSHZJc0ZvY3VzZWRcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgekluZGV4OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9jdXMgPSBzdHlsZWQoSHZGb2N1cykoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgekluZGV4OiAyLFxufSk7XG4iXX0= */");
+});
 export {
-  StyledFocus,
-  StyledListItem
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=ListItem.styles.js.map

package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport listItemClasses from \"./listItemClasses\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.secondary_60,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.secondary_60,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.secondary_60,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","secondary_60","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,WAAW,GAAG;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,oBAAoB,GAAG;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,kBAAkB,GAAG;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,iBAAiB,GAC5E;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,UAAU,GAAG;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,stIACJ;AAEO,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrIAAA;"}
+{"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.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(\"HvListItem\", {\n  root: {\n    ...theme.typography.body,\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n\n    \"&$condensed\": {\n      marginBottom: 0,\n    },\n\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  },\n  focus: { backgroundColor: theme.colors.atmo3, zIndex: 2 },\n  startAdornment: {},\n  endAdornment: {},\n  gutters: {\n    padding: `0 ${theme.space.xs}`,\n\n    \"&$withStartAdornment\": {\n      paddingLeft: 0,\n    },\n    \"&$withEndAdornment\": {\n      paddingRight: 0,\n    },\n  },\n  condensed: {},\n  interactive: {\n    cursor: \"pointer\",\n    \"&:not($disabled):not($selected):hover\": {\n      backgroundColor: theme.list.hoverColor,\n    },\n    \"&$disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  selected: { backgroundColor: theme.list.hoverColor },\n  disabled: {\n    color: theme.colors.secondary_60,\n    backgroundColor: theme.list.disabledBackgroundColor,\n  },\n  withStartAdornment: {\n    \"& > div\": {\n      float: \"left\",\n    },\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled > svg *.color0\": {\n      fill: theme.colors.secondary_60,\n    },\n  },\n  withEndAdornment: {\n    \"& > div\": { float: \"right\" },\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled > svg *.color0\": {\n      fill: theme.colors.secondary_60,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","outlineStyles","backgroundColor","colors","atmo3","zIndex","focus","startAdornment","endAdornment","gutters","space","xs","paddingLeft","paddingRight","condensed","interactive","cursor","list","hoverColor","selected","disabled","color","secondary_60","disabledBackgroundColor","withStartAdornment","float","boxShadow","outline","fill","withEndAdornment"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJ,GAAGC,MAAMC,WAAWC;AAAAA,IACpBC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZC,UAAU;AAAA,IAEV,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,IAEA,eAAe;AAAA,MACbA,cAAc;AAAA,IAChB;AAAA,IAEA,iBAAiB;AAAA,MACf,GAAGC;AAAAA,MACHC,iBAAiBd,MAAMe,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IAAEJ,iBAAiBd,MAAMe,OAAOC;AAAAA,IAAOC,QAAQ;AAAA,EAAE;AAAA,EACxDE,gBAAgB,CAAC;AAAA,EACjBC,cAAc,CAAC;AAAA,EACfC,SAAS;AAAA,IACPlB,SAAU,KAAIH,MAAMsB,MAAMC;AAAAA,IAE1B,wBAAwB;AAAA,MACtBC,aAAa;AAAA,IACf;AAAA,IACA,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,aAAa;AAAA,IACXC,QAAQ;AAAA,IACR,yCAAyC;AAAA,MACvCd,iBAAiBd,MAAM6B,KAAKC;AAAAA,IAC9B;AAAA,IACA,cAAc;AAAA,MACZF,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAG,UAAU;AAAA,IAAEjB,iBAAiBd,MAAM6B,KAAKC;AAAAA,EAAW;AAAA,EACnDE,UAAU;AAAA,IACRC,OAAOjC,MAAMe,OAAOmB;AAAAA,IACpBpB,iBAAiBd,MAAM6B,KAAKM;AAAAA,EAC9B;AAAA,EACAC,oBAAoB;AAAA,IAClB,WAAW;AAAA,MACTC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,4BAA4B;AAAA,MAC1BC,MAAMxC,MAAMe,OAAOmB;AAAAA,IACrB;AAAA,EACF;AAAA,EACAO,kBAAkB;AAAA,IAChB,WAAW;AAAA,MAAEJ,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,4BAA4B;AAAA,MAC1BC,MAAMxC,MAAMe,OAAOmB;AAAAA,IACrB;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Loading/Loading.js

@@ -1,20 +1,24 @@
 import { theme } from "@hitachivantara/uikit-styles";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { clsx } from "clsx";
 import range from "lodash/range";
-import { StyledRoot, StyledBarContainer, StyledBar, StyledLabel } from "./Loading.styles.js";
-import loadingClasses from "./loadingClasses.js";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
+import { useClasses } from "./Loading.styles.js";
+import { staticClasses } from "./Loading.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvTypography } from "../Typography/Typography.js";
 const HvLoading = (props) => {
   const {
     color,
     hidden,
     small,
     label,
-    classes,
+    classes: classesProp,
     className,
     ...others
   } = useDefaultProps("HvLoading", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const getColor = (colorName) => {
     return color ? theme.colors[color] || color : theme.colors[colorName];
   };
@@ -24,25 +28,27 @@ const HvLoading = (props) => {
   const inline = {
     backgroundColor: getColor(small ? "secondary" : "brand")
   };
-  return /* @__PURE__ */ jsxs(StyledRoot, {
+  return /* @__PURE__ */ jsxs("div", {
     hidden: !!hidden,
-    className: clsx(className, loadingClasses.root, classes == null ? void 0 : classes.root, hidden && clsx(classes == null ? void 0 : classes.hidden, loadingClasses.hidden)),
+    className: cx(classes.root, {
+      [classes.hidden]: hidden
+    }, className),
     ...others,
-    children: [/* @__PURE__ */ jsx(StyledBarContainer, {
-      className: clsx(loadingClasses.barContainer, classes == null ? void 0 : classes.barContainer),
-      children: range(0, 3).map((e) => /* @__PURE__ */ jsx(StyledBar, {
+    children: [/* @__PURE__ */ jsx("div", {
+      className: classes.barContainer,
+      children: range(0, 3).map((e) => /* @__PURE__ */ jsx("div", {
         style: inline,
-        className: clsx(loadingClasses.loadingBar, classes == null ? void 0 : classes.loadingBar, loadingClasses[variant], classes == null ? void 0 : classes[variant]),
-        $variant: variant
+        className: cx(classes.loadingBar, classes[variant])
       }, e))
-    }), label && /* @__PURE__ */ jsx(StyledLabel, {
+    }), label && /* @__PURE__ */ jsx(HvTypography, {
       variant: "caption1",
-      className: clsx(loadingClasses.label, classes == null ? void 0 : classes.label),
+      className: classes.label,
       children: label
     })]
   });
 };
 export {
-  HvLoading
+  HvLoading,
+  staticClasses as loadingClasses
 };
 //# sourceMappingURL=Loading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport range from \"lodash/range\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n}\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } =\n    useDefaultProps(\"HvLoading\", props);\n\n  const getColor = (colorName: string) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          />\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","useDefaultProps","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;;AAgCaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAAA,IAC1DC,gBAAgB,aAAaR,KAAK;AAE9BS,QAAAA,WAAWA,CAACC,cAAsB;AAC/BT,WAAAA,QAAQU,MAAMC,OAAOX,KAAK,KAAKA,QAAQU,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOV,QAAQ,UAAU;AACzBW,QAAAA,eAAeb,QAAQ,UAAU;AACjCc,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASN,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGe,YAAU;AAAA,IACThB,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWa,KACTb,WACAc,eAAeC,MACfhB,mCAASgB,MACTnB,UAAUiB,KAAKd,mCAASH,QAAQkB,eAAelB,MAAM,CACvD;AAAA,IAAE,GACEK;AAAAA,IAAMe,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBlB,WAAWa,KAAKC,eAAeK,cAAcpB,mCAASoB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPV,WAAWa,KACTC,eAAeW,YACf1B,mCAAS0B,YACTX,eAAeL,OAAO,GACtBV,mCAAUU,QACZ;AAAA,QACAiB,UAAUjB;AAAAA,MAAQ,GARba,CASN,CACF;AAAA,IAAA,CACiB,GACnBxB,SACCmB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRT,WAAWa,KAAKC,eAAehB,OAAOC,mCAASD,KAAK;AAAA,MAAEkB,UAErDlB;AAAAA,IAAAA,CACU,CACd;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport range from \"lodash/range\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./Loading.styles\";\n\nexport { staticClasses as loadingClasses };\n\nexport type HvLoadingClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoadingProps extends HvBaseProps {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n}\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const {\n    color,\n    hidden,\n    small,\n    label,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvLoading\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const getColor = (colorName: string) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <div\n      hidden={!!hidden}\n      className={cx(\n        classes.root,\n        {\n          [classes.hidden]: hidden,\n        },\n        className\n      )}\n      {...others}\n    >\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div\n            key={e}\n            style={inline}\n            className={cx(classes.loadingBar, classes[variant])}\n          />\n        ))}\n      </div>\n      {label && (\n        <HvTypography variant=\"caption1\" className={classes.label}>\n          {label}\n        </HvTypography>\n      )}\n    </div>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","classesProp","className","others","useDefaultProps","cx","useClasses","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","root","children","_jsx","barContainer","range","map","e","style","loadingBar","HvTypography"],"mappings":";;;;;;;AA8BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAaT,KAAK;AAEhC,QAAA;AAAA,IAAEK;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAExCM,QAAAA,WAAWA,CAACC,cAAsB;AAC/BZ,WAAAA,QAAQa,MAAMC,OAAOd,KAAK,KAAKA,QAAQa,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOb,QAAQ,UAAU;AACzBc,QAAAA,eAAehB,QAAQ,UAAU;AACjCiB,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAAST,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACE,OAAA;AAAA,IACED,QAAQ,CAAC,CAACA;AAAAA,IACVK,WAAWG,GACTL,QAAQgB,MACR;AAAA,MACE,CAAChB,QAAQH,MAAM,GAAGA;AAAAA,OAEpBK,SACF;AAAA,IAAE,GACEC;AAAAA,IAAMc,WAEVC,oBAAA,OAAA;AAAA,MAAKhB,WAAWF,QAAQmB;AAAAA,MAAaF,UAClCG,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BAChB,OAAA;AAAA,QAEEC,OAAOT;AAAAA,QACPZ,WAAWG,GAAGL,QAAQwB,YAAYxB,QAAQa,OAAO,CAAC;AAAA,MAAE,GAF/CS,CAGN,CACF;AAAA,IAAA,CACE,GACJvB,SACCmB,oBAACO,cAAY;AAAA,MAACZ,SAAQ;AAAA,MAAWX,WAAWF,QAAQD;AAAAA,MAAMkB,UACvDlB;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACE;AAET;"}

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

@@ -1,25 +1,6 @@
-import _styled from "@emotion/styled/base";
 import { keyframes } from "@emotion/react";
 import { theme } from "@hitachivantara/uikit-styles";
-import { transientOptions } from "../../utils/transientOptions.js";
-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).";
-}
-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);
-}
+import { createClasses } from "../../utils/classes.js";
 const interval = 0.11;
 const bars = {
   "&:nth-of-type(1)": {
@@ -79,89 +60,58 @@ const smallColorAnimation = keyframes`
     transform: scale(1, 0.223); 
   }
 `;
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e22ubc63"
-} : {
-  target: "e22ubc63",
-  label: "StyledRoot"
-})(({
-  hidden
-}) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  ...hidden && {
-    display: "none"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTG9hZGluZy9Mb2FkaW5nLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkUwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvTG9hZGluZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaW50ZXJ2YWwgPSAwLjExO1xuXG5jb25zdCBiYXJzID0ge1xuICBcIiY6bnRoLW9mLXR5cGUoMSlcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBcIjBcIixcbiAgfSxcbiAgXCImOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBhbmltYXRpb25EZWxheTogYCR7aW50ZXJ2YWwgKiAyfXNgLFxuICB9LFxuICBcIiY6bnRoLW9mLXR5cGUoMylcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBgJHtpbnRlcnZhbCAqIDR9c2AsXG4gIH0sXG59O1xuXG5jb25zdCBzbWFsbCA9IHtcbiAgd2lkdGg6IFwiMnB4XCIsXG4gIGhlaWdodDogXCIxOHB4XCIsXG4gIG1hcmdpbjogXCIwcHggMnB4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyID0ge1xuICB3aWR0aDogXCI0cHhcIixcbiAgaGVpZ2h0OiBcIjMwcHhcIixcbiAgbWFyZ2luOiBcIjAgM3B4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuYnJhbmR9O1xuICB9XG4gIDUwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSwgMC42KTsgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgcmVndWxhckNvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjYpOyBcbiAgfVxuYDtcblxuY29uc3Qgc21hbGxBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxuICA1MCUgeyBcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEsIDAuMjIzKTsgXG4gIH1cbiAgMTAwJToge30sXG5gO1xuXG5jb25zdCBzbWFsbENvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjIyMyk7IFxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSgoeyBoaWRkZW4gfTogeyBoaWRkZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC4uLihoaWRkZW4gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luVG9wOiBcIjE1cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkdmFyaWFudCA9PT0gXCJyZWd1bGFyXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckFuaW1hdGlvbn0gMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgIC4uLnJlZ3VsYXIsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwicmVndWxhckNvbG9yXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckNvbG9yQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4ucmVndWxhcixcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzbWFsbFwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4uc21hbGwsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic21hbGxDb2xvclwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQ29sb3JBbmltYXRpb259IDFzIGVhc2UtaW4tb3V0IGluZmluaXRlYCxcbiAgICAuLi5zbWFsbCxcbiAgfSksXG5cbiAgXCJAa2V5ZnJhbWVzIGxvYWRpbmctc21hbGxcIjoge1xuICAgIFwiMCVcIjoge1xuICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEpXCIsXG4gICAgfSxcbiAgICBcIjUwJVwiOiB7XG4gICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMSwwLjIyMylcIixcbiAgICB9LFxuICAgIFwiMTAwJVwiOiB7fSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
-const StyledBarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e22ubc62"
-} : {
-  target: "e22ubc62",
-  label: "StyledBarContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "zjik7",
-  styles: "display:flex",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTG9hZGluZy9Mb2FkaW5nLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvTG9hZGluZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaW50ZXJ2YWwgPSAwLjExO1xuXG5jb25zdCBiYXJzID0ge1xuICBcIiY6bnRoLW9mLXR5cGUoMSlcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBcIjBcIixcbiAgfSxcbiAgXCImOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBhbmltYXRpb25EZWxheTogYCR7aW50ZXJ2YWwgKiAyfXNgLFxuICB9LFxuICBcIiY6bnRoLW9mLXR5cGUoMylcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBgJHtpbnRlcnZhbCAqIDR9c2AsXG4gIH0sXG59O1xuXG5jb25zdCBzbWFsbCA9IHtcbiAgd2lkdGg6IFwiMnB4XCIsXG4gIGhlaWdodDogXCIxOHB4XCIsXG4gIG1hcmdpbjogXCIwcHggMnB4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyID0ge1xuICB3aWR0aDogXCI0cHhcIixcbiAgaGVpZ2h0OiBcIjMwcHhcIixcbiAgbWFyZ2luOiBcIjAgM3B4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuYnJhbmR9O1xuICB9XG4gIDUwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSwgMC42KTsgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgcmVndWxhckNvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjYpOyBcbiAgfVxuYDtcblxuY29uc3Qgc21hbGxBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxuICA1MCUgeyBcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEsIDAuMjIzKTsgXG4gIH1cbiAgMTAwJToge30sXG5gO1xuXG5jb25zdCBzbWFsbENvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjIyMyk7IFxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSgoeyBoaWRkZW4gfTogeyBoaWRkZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC4uLihoaWRkZW4gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luVG9wOiBcIjE1cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkdmFyaWFudCA9PT0gXCJyZWd1bGFyXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckFuaW1hdGlvbn0gMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgIC4uLnJlZ3VsYXIsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwicmVndWxhckNvbG9yXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckNvbG9yQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4ucmVndWxhcixcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzbWFsbFwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4uc21hbGwsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic21hbGxDb2xvclwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQ29sb3JBbmltYXRpb259IDFzIGVhc2UtaW4tb3V0IGluZmluaXRlYCxcbiAgICAuLi5zbWFsbCxcbiAgfSksXG5cbiAgXCJAa2V5ZnJhbWVzIGxvYWRpbmctc21hbGxcIjoge1xuICAgIFwiMCVcIjoge1xuICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEpXCIsXG4gICAgfSxcbiAgICBcIjUwJVwiOiB7XG4gICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMSwwLjIyMylcIixcbiAgICB9LFxuICAgIFwiMTAwJVwiOiB7fSxcbiAgfSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLabel = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e22ubc61"
-} : {
-  target: "e22ubc61",
-  label: "StyledLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "5bno9i",
-  styles: "margin-top:15px"
-} : {
-  name: "5bno9i",
-  styles: "margin-top:15px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTG9hZGluZy9Mb2FkaW5nLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEYyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvTG9hZGluZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaW50ZXJ2YWwgPSAwLjExO1xuXG5jb25zdCBiYXJzID0ge1xuICBcIiY6bnRoLW9mLXR5cGUoMSlcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBcIjBcIixcbiAgfSxcbiAgXCImOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBhbmltYXRpb25EZWxheTogYCR7aW50ZXJ2YWwgKiAyfXNgLFxuICB9LFxuICBcIiY6bnRoLW9mLXR5cGUoMylcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBgJHtpbnRlcnZhbCAqIDR9c2AsXG4gIH0sXG59O1xuXG5jb25zdCBzbWFsbCA9IHtcbiAgd2lkdGg6IFwiMnB4XCIsXG4gIGhlaWdodDogXCIxOHB4XCIsXG4gIG1hcmdpbjogXCIwcHggMnB4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyID0ge1xuICB3aWR0aDogXCI0cHhcIixcbiAgaGVpZ2h0OiBcIjMwcHhcIixcbiAgbWFyZ2luOiBcIjAgM3B4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuYnJhbmR9O1xuICB9XG4gIDUwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSwgMC42KTsgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgcmVndWxhckNvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjYpOyBcbiAgfVxuYDtcblxuY29uc3Qgc21hbGxBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxuICA1MCUgeyBcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEsIDAuMjIzKTsgXG4gIH1cbiAgMTAwJToge30sXG5gO1xuXG5jb25zdCBzbWFsbENvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjIyMyk7IFxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSgoeyBoaWRkZW4gfTogeyBoaWRkZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC4uLihoaWRkZW4gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luVG9wOiBcIjE1cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkdmFyaWFudCA9PT0gXCJyZWd1bGFyXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckFuaW1hdGlvbn0gMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgIC4uLnJlZ3VsYXIsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwicmVndWxhckNvbG9yXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckNvbG9yQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4ucmVndWxhcixcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzbWFsbFwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4uc21hbGwsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic21hbGxDb2xvclwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQ29sb3JBbmltYXRpb259IDFzIGVhc2UtaW4tb3V0IGluZmluaXRlYCxcbiAgICAuLi5zbWFsbCxcbiAgfSksXG5cbiAgXCJAa2V5ZnJhbWVzIGxvYWRpbmctc21hbGxcIjoge1xuICAgIFwiMCVcIjoge1xuICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEpXCIsXG4gICAgfSxcbiAgICBcIjUwJVwiOiB7XG4gICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMSwwLjIyMylcIixcbiAgICB9LFxuICAgIFwiMTAwJVwiOiB7fSxcbiAgfSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e22ubc60"
-}, transientOptions) : _extends({}, {
-  target: "e22ubc60",
-  label: "StyledBar"
-}, transientOptions))(({
-  $variant
-}) => ({
-  display: "inline-block",
-  ...$variant === "regular" && {
-    animation: `${regularAnimation} 1s ease-in-out infinite`,
-    ...regular
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvLoading", {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
   },
-  ...$variant === "regularColor" && {
-    animation: `${regularColorAnimation} 1s ease-in-out infinite`,
-    ...regular
+  barContainer: {
+    display: "flex"
+  },
+  loadingBar: {
+    display: "inline-block",
+    "@keyframes loading-small": {
+      "0%": {
+        transform: "scale(1)"
+      },
+      "50%": {
+        transform: "scale(1,0.223)"
+      },
+      "100%": {}
+    }
+  },
+  label: {
+    marginTop: "15px"
   },
-  ...$variant === "small" && {
+  overlay: {},
+  blur: {},
+  hidden: {
+    display: "none"
+  },
+  small: {
     animation: `${smallAnimation} 1s ease-in-out infinite`,
     ...small
   },
-  ...$variant === "smallColor" && {
+  regular: {
+    animation: `${regularAnimation} 1s ease-in-out infinite`,
+    ...regular
+  },
+  smallColor: {
     animation: `${smallColorAnimation} 1s ease-in-out infinite`,
     ...small
   },
-  "@keyframes loading-small": {
-    "0%": {
-      transform: "scale(1)"
-    },
-    "50%": {
-      transform: "scale(1,0.223)"
-    },
-    "100%": {}
+  regularColor: {
+    animation: `${regularColorAnimation} 1s ease-in-out infinite`,
+    ...regular
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTG9hZGluZy9Mb2FkaW5nLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEZ5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xvYWRpbmcvTG9hZGluZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaW50ZXJ2YWwgPSAwLjExO1xuXG5jb25zdCBiYXJzID0ge1xuICBcIiY6bnRoLW9mLXR5cGUoMSlcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBcIjBcIixcbiAgfSxcbiAgXCImOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBhbmltYXRpb25EZWxheTogYCR7aW50ZXJ2YWwgKiAyfXNgLFxuICB9LFxuICBcIiY6bnRoLW9mLXR5cGUoMylcIjoge1xuICAgIGFuaW1hdGlvbkRlbGF5OiBgJHtpbnRlcnZhbCAqIDR9c2AsXG4gIH0sXG59O1xuXG5jb25zdCBzbWFsbCA9IHtcbiAgd2lkdGg6IFwiMnB4XCIsXG4gIGhlaWdodDogXCIxOHB4XCIsXG4gIG1hcmdpbjogXCIwcHggMnB4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyID0ge1xuICB3aWR0aDogXCI0cHhcIixcbiAgaGVpZ2h0OiBcIjMwcHhcIixcbiAgbWFyZ2luOiBcIjAgM3B4XCIsXG4gIC4uLmJhcnMsXG59O1xuXG5jb25zdCByZWd1bGFyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuYnJhbmR9O1xuICB9XG4gIDUwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSwgMC42KTsgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgcmVndWxhckNvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjYpOyBcbiAgfVxuYDtcblxuY29uc3Qgc21hbGxBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxuICA1MCUgeyBcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEsIDAuMjIzKTsgXG4gIH1cbiAgMTAwJToge30sXG5gO1xuXG5jb25zdCBzbWFsbENvbG9yQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgNTAlIHsgXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLCAwLjIyMyk7IFxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSgoeyBoaWRkZW4gfTogeyBoaWRkZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC4uLihoaWRkZW4gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luVG9wOiBcIjE1cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkdmFyaWFudCA9PT0gXCJyZWd1bGFyXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckFuaW1hdGlvbn0gMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgIC4uLnJlZ3VsYXIsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwicmVndWxhckNvbG9yXCIgJiYge1xuICAgIGFuaW1hdGlvbjogYCR7cmVndWxhckNvbG9yQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4ucmVndWxhcixcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzbWFsbFwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQW5pbWF0aW9ufSAxcyBlYXNlLWluLW91dCBpbmZpbml0ZWAsXG4gICAgLi4uc21hbGwsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic21hbGxDb2xvclwiICYmIHtcbiAgICBhbmltYXRpb246IGAke3NtYWxsQ29sb3JBbmltYXRpb259IDFzIGVhc2UtaW4tb3V0IGluZmluaXRlYCxcbiAgICAuLi5zbWFsbCxcbiAgfSksXG5cbiAgXCJAa2V5ZnJhbWVzIGxvYWRpbmctc21hbGxcIjoge1xuICAgIFwiMCVcIjoge1xuICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEpXCIsXG4gICAgfSxcbiAgICBcIjUwJVwiOiB7XG4gICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMSwwLjIyMylcIixcbiAgICB9LFxuICAgIFwiMTAwJVwiOiB7fSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+});
 export {
-  StyledBar,
-  StyledBarContainer,
-  StyledLabel,
-  StyledRoot
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Loading.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst interval = 0.11;\n\nconst bars = {\n  \"&:nth-of-type(1)\": {\n    animationDelay: \"0\",\n  },\n  \"&:nth-of-type(2)\": {\n    animationDelay: `${interval * 2}s`,\n  },\n  \"&:nth-of-type(3)\": {\n    animationDelay: `${interval * 4}s`,\n  },\n};\n\nconst small = {\n  width: \"2px\",\n  height: \"18px\",\n  margin: \"0px 2px\",\n  ...bars,\n};\n\nconst regular = {\n  width: \"4px\",\n  height: \"30px\",\n  margin: \"0 3px\",\n  ...bars,\n};\n\nconst regularAnimation = keyframes`\n  0% { \n    transform: scale(1);\n    background-color: ${theme.colors.brand};\n  }\n  50% { \n    transform: scale(1, 0.6); \n    background-color: ${theme.colors.secondary};\n  }\n`;\n\nconst regularColorAnimation = keyframes`\n  0% { \n    transform: scale(1);\n  }\n  50% { \n    transform: scale(1, 0.6); \n  }\n`;\n\nconst smallAnimation = keyframes`\n  0% { \n    transform: scale(1);\n  }\n  50% { \n    transform: scale(1, 0.223); \n  }\n  100%: {},\n`;\n\nconst smallColorAnimation = keyframes`\n  0% { \n    transform: scale(1);\n  }\n  50% { \n    transform: scale(1, 0.223); \n  }\n`;\n\nexport const StyledRoot = styled(\"div\")(({ hidden }: { hidden: boolean }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n\n  ...(hidden && {\n    display: \"none\",\n  }),\n}));\n\nexport const StyledBarContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport const StyledLabel = styled(HvTypography)({\n  marginTop: \"15px\",\n});\n\nexport const StyledBar = styled(\n  \"div\",\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  display: \"inline-block\",\n\n  ...($variant === \"regular\" && {\n    animation: `${regularAnimation} 1s ease-in-out infinite`,\n    ...regular,\n  }),\n  ...($variant === \"regularColor\" && {\n    animation: `${regularColorAnimation} 1s ease-in-out infinite`,\n    ...regular,\n  }),\n  ...($variant === \"small\" && {\n    animation: `${smallAnimation} 1s ease-in-out infinite`,\n    ...small,\n  }),\n  ...($variant === \"smallColor\" && {\n    animation: `${smallColorAnimation} 1s ease-in-out infinite`,\n    ...small,\n  }),\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n    \"100%\": {},\n  },\n}));\n"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","regularAnimation","keyframes","theme","colors","brand","secondary","regularColorAnimation","smallAnimation","smallColorAnimation","StyledRoot","process","env","NODE_ENV","target","label","hidden","display","flexDirection","alignItems","justifyContent","StyledBarContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvTypography","StyledBar","_extends","transientOptions","$variant","animation","transform"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,WAAW;AAEjB,MAAMC,OAAO;AAAA,EACX,oBAAoB;AAAA,IAClBC,gBAAgB;AAAA,EAClB;AAAA,EACA,oBAAoB;AAAA,IAClBA,gBAAiB,GAAEF,WAAW;AAAA,EAChC;AAAA,EACA,oBAAoB;AAAA,IAClBE,gBAAiB,GAAEF,WAAW;AAAA,EAChC;AACF;AAEA,MAAMG,QAAQ;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMM,UAAU;AAAA,EACdH,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMO,mBAAmBC;AAAAA;AAAAA;AAAAA,wBAGDC,MAAMC,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA,wBAIbF,MAAMC,OAAOE;AAAAA;AAAAA;AAIrC,MAAMC,wBAAwBL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAS9B,MAAMM,iBAAiBN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAUvB,MAAMO,sBAAsBP;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASrB,MAAMQ,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,CAAC;AAAA,EAAEC;AAA4B,OAAO;AAAA,EAC5EC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAEhB,GAAIJ,UAAU;AAAA,IACZC,SAAS;AAAA,EACX;AACF,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4HAAA;AAEI,MAAMQ,qBAA4B,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,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAE9C;AAEM,MAAMC,cAAqBC,wBAAAA,cAAYjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAE9C;AAEYG,MAAAA,oCACX,OAAKlB,QAAAC,IAAAC,4BAAAiB,SAAA,IAAA;AAAA,EAAAhB,QAAA;AAAA,GACLiB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAhB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBgB,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEC;AAA+B,OAAO;AAAA,EACzCf,SAAS;AAAA,EAET,GAAIe,aAAa,aAAa;AAAA,IAC5BC,WAAY,GAAEhC;AAAAA,IACd,GAAGD;AAAAA,EACL;AAAA,EACA,GAAIgC,aAAa,kBAAkB;AAAA,IACjCC,WAAY,GAAE1B;AAAAA,IACd,GAAGP;AAAAA,EACL;AAAA,EACA,GAAIgC,aAAa,WAAW;AAAA,IAC1BC,WAAY,GAAEzB;AAAAA,IACd,GAAGZ;AAAAA,EACL;AAAA,EACA,GAAIoC,aAAa,gBAAgB;AAAA,IAC/BC,WAAY,GAAExB;AAAAA,IACd,GAAGb;AAAAA,EACL;AAAA,EAEA,4BAA4B;AAAA,IAC1B,MAAM;AAAA,MACJsC,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACLA,WAAW;AAAA,IACb;AAAA,IACA,QAAQ,CAAC;AAAA,EACX;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4HAAA;"}
+{"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst interval = 0.11;\n\nconst bars = {\n  \"&:nth-of-type(1)\": {\n    animationDelay: \"0\",\n  },\n  \"&:nth-of-type(2)\": {\n    animationDelay: `${interval * 2}s`,\n  },\n  \"&:nth-of-type(3)\": {\n    animationDelay: `${interval * 4}s`,\n  },\n};\n\nconst small = {\n  width: \"2px\",\n  height: \"18px\",\n  margin: \"0px 2px\",\n  ...bars,\n};\n\nconst regular = {\n  width: \"4px\",\n  height: \"30px\",\n  margin: \"0 3px\",\n  ...bars,\n};\n\nconst regularAnimation = keyframes`\n  0% { \n    transform: scale(1);\n    background-color: ${theme.colors.brand};\n  }\n  50% { \n    transform: scale(1, 0.6); \n    background-color: ${theme.colors.secondary};\n  }\n`;\n\nconst regularColorAnimation = keyframes`\n  0% { \n    transform: scale(1);\n  }\n  50% { \n    transform: scale(1, 0.6); \n  }\n`;\n\nconst smallAnimation = keyframes`\n  0% { \n    transform: scale(1);\n  }\n  50% { \n    transform: scale(1, 0.223); \n  }\n  100%: {},\n`;\n\nconst smallColorAnimation = keyframes`\n  0% { \n    transform: scale(1);\n  }\n  50% { \n    transform: scale(1, 0.223); \n  }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLoading\", {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  barContainer: { display: \"flex\" },\n  loadingBar: {\n    display: \"inline-block\",\n\n    \"@keyframes loading-small\": {\n      \"0%\": {\n        transform: \"scale(1)\",\n      },\n      \"50%\": {\n        transform: \"scale(1,0.223)\",\n      },\n      \"100%\": {},\n    },\n  },\n  label: { marginTop: \"15px\" },\n  overlay: {},\n  blur: {},\n  hidden: { display: \"none\" },\n  small: { animation: `${smallAnimation} 1s ease-in-out infinite`, ...small },\n  regular: {\n    animation: `${regularAnimation} 1s ease-in-out infinite`,\n    ...regular,\n  },\n  smallColor: {\n    animation: `${smallColorAnimation} 1s ease-in-out infinite`,\n    ...small,\n  },\n  regularColor: {\n    animation: `${regularColorAnimation} 1s ease-in-out infinite`,\n    ...regular,\n  },\n});\n"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","regularAnimation","keyframes","theme","colors","brand","secondary","regularColorAnimation","smallAnimation","smallColorAnimation","staticClasses","useClasses","createClasses","root","display","flexDirection","alignItems","justifyContent","barContainer","loadingBar","transform","label","marginTop","overlay","blur","hidden","animation","smallColor","regularColor"],"mappings":";;;AAMA,MAAMA,WAAW;AAEjB,MAAMC,OAAO;AAAA,EACX,oBAAoB;AAAA,IAClBC,gBAAgB;AAAA,EAClB;AAAA,EACA,oBAAoB;AAAA,IAClBA,gBAAiB,GAAEF,WAAW;AAAA,EAChC;AAAA,EACA,oBAAoB;AAAA,IAClBE,gBAAiB,GAAEF,WAAW;AAAA,EAChC;AACF;AAEA,MAAMG,QAAQ;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMM,UAAU;AAAA,EACdH,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMO,mBAAmBC;AAAAA;AAAAA;AAAAA,wBAGDC,MAAMC,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA,wBAIbF,MAAMC,OAAOE;AAAAA;AAAAA;AAIrC,MAAMC,wBAAwBL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAS9B,MAAMM,iBAAiBN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAUvB,MAAMO,sBAAsBP;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASf,MAAA;AAAA,EAAEQ;AAAAA,EAAeC;AAAW,IAAIC,cAAc,aAAa;AAAA,EACtEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAC,cAAc;AAAA,IAAEJ,SAAS;AAAA,EAAO;AAAA,EAChCK,YAAY;AAAA,IACVL,SAAS;AAAA,IAET,4BAA4B;AAAA,MAC1B,MAAM;AAAA,QACJM,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACLA,WAAW;AAAA,MACb;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IAAEC,WAAW;AAAA,EAAO;AAAA,EAC3BC,SAAS,CAAC;AAAA,EACVC,MAAM,CAAC;AAAA,EACPC,QAAQ;AAAA,IAAEX,SAAS;AAAA,EAAO;AAAA,EAC1BlB,OAAO;AAAA,IAAE8B,WAAY,GAAElB;AAAAA,IAA0C,GAAGZ;AAAAA,EAAM;AAAA,EAC1EI,SAAS;AAAA,IACP0B,WAAY,GAAEzB;AAAAA,IACd,GAAGD;AAAAA,EACL;AAAA,EACA2B,YAAY;AAAA,IACVD,WAAY,GAAEjB;AAAAA,IACd,GAAGb;AAAAA,EACL;AAAA,EACAgC,cAAc;AAAA,IACZF,WAAY,GAAEnB;AAAAA,IACd,GAAGP;AAAAA,EACL;AACF,CAAC;"}

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

@@ -25,10 +25,6 @@ const {
     },
     "&>*:focus-within": {
       zIndex: 1
-    },
-    // IE fallback code (using focus-within-polyfill)
-    "&>*.focus-within": {
-      zIndex: 1
     }
   },
   horizontal: {

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.styles.js","sources":["../../../../src/components/RadioGroup/RadioGroup.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvRadioGroup\", {\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n  label: { marginBottom: theme.space.xs },\n  group: { display: \"flex\" },\n  vertical: {\n    flexDirection: \"column\",\n\n    // Prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    \"&>*:not(:first-of-type)\": {\n      marginLeft: theme.space.sm,\n    },\n    width: `calc(100% + ${theme.space.sm})`, // Compensate the negative margin left which increases the width\n  },\n  invalid: {\n    paddingBottom: theme.space.xs,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  },\n  error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","theme","space","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","width","invalid","paddingBottom","borderBottom","colors","negative","error"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,IACVC,eAAe;AAAA,EACjB;AAAA,EACAC,OAAO;AAAA,IAAEC,cAAcC,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACtCC,OAAO;AAAA,IAAEV,SAAS;AAAA,EAAO;AAAA,EACzBW,UAAU;AAAA,IACRC,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVF,eAAe;AAAA,IACfG,UAAU;AAAA,IACV,2BAA2B;AAAA,MACzBC,YAAYT,MAAMC,MAAMS;AAAAA,IAC1B;AAAA,IACAC,OAAQ,eAAcX,MAAMC,MAAMS;AAAAA;AAAAA,EACpC;AAAA,EACAE,SAAS;AAAA,IACPC,eAAeb,MAAMC,MAAMC;AAAAA,IAC3BY,cAAe,aAAYd,MAAMe,OAAOC;AAAAA,EAC1C;AAAA,EACAC,OAAO,CAAC;AACV,CAAC;"}
+{"version":3,"file":"RadioGroup.styles.js","sources":["../../../../src/components/RadioGroup/RadioGroup.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvRadioGroup\", {\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n  label: { marginBottom: theme.space.xs },\n  group: { display: \"flex\" },\n  vertical: {\n    flexDirection: \"column\",\n\n    // Prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    \"&>*:not(:first-of-type)\": {\n      marginLeft: theme.space.sm,\n    },\n    width: `calc(100% + ${theme.space.sm})`, // Compensate the negative margin left which increases the width\n  },\n  invalid: {\n    paddingBottom: theme.space.xs,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  },\n  error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","theme","space","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","width","invalid","paddingBottom","borderBottom","colors","negative","error"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,IACVC,eAAe;AAAA,EACjB;AAAA,EACAC,OAAO;AAAA,IAAEC,cAAcC,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACtCC,OAAO;AAAA,IAAEV,SAAS;AAAA,EAAO;AAAA,EACzBW,UAAU;AAAA,IACRC,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVF,eAAe;AAAA,IACfG,UAAU;AAAA,IACV,2BAA2B;AAAA,MACzBC,YAAYT,MAAMC,MAAMS;AAAAA,IAC1B;AAAA,IACAC,OAAQ,eAAcX,MAAMC,MAAMS;AAAAA;AAAAA,EACpC;AAAA,EACAE,SAAS;AAAA,IACPC,eAAeb,MAAMC,MAAMC;AAAAA,IAC3BY,cAAe,aAAYd,MAAMe,OAAOC;AAAAA,EAC1C;AAAA,EACAC,OAAO,CAAC;AACV,CAAC;"}

package/dist/esm/components/ScrollTo/Horizontal/ScrollToHorizontal.js

@@ -103,10 +103,10 @@ const HvScrollToHorizontal = (props) => {
       marginRight: position === "fixed" && (upMd || downSm) ? theme.spacing(upMd ? 4 : 2) : 0,
       marginLeft: position === "fixed" && (upMd || downSm) ? theme.spacing(upMd ? 4 : 2) : 0,
       backgroundColor: hexToRgbA(activeTheme == null ? void 0 : activeTheme.colors.modes[selectedMode].atmo2, activeTheme == null ? void 0 : activeTheme.scrollTo.backgroundColorOpacity)
-    }), className, classes.root, {
+    }), classes.root, {
       [classes.positionSticky]: position === "sticky",
       [classes.positionFixed]: position === "fixed"
-    }),
+    }, className),
     id: elementId,
     ...others,
     children: tabs