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

package/dist/cjs/components/Badge/Badge.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -24,9 +24,9 @@ function _extends() {
 }
 const labelBaseStyle = {
   ...uikitStyles.theme.typography.label,
-  fontFamily: uikitStyles.theme.fontFamily.body,
   padding: "0 5px",
-  color: uikitStyles.theme.colors.atmo1
+  color: uikitStyles.theme.colors.atmo1,
+  lineHeight: "16px"
 };
 const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e16y1fwq2"
@@ -39,7 +39,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
 } : {
   name: "1er4691",
   styles: "position:relative;&>*{float:left;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgbGFiZWxCYXNlU3R5bGUgPSB7XG4gIC4uLnRoZW1lLnR5cG9ncmFwaHkubGFiZWwsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgcGFkZGluZzogXCIwIDVweFwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgICAgbWF4V2lkdGg6IDMwLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgbGFiZWxCYXNlU3R5bGU6IENTU1Byb3BlcnRpZXMgPSB7XG4gIC4uLnRoZW1lLnR5cG9ncmFwaHkubGFiZWwsXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgbGluZUhlaWdodDogXCIxNnB4XCIsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFwiJj4qXCI6IHsgZmxvYXQ6IFwibGVmdFwiIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29tcG9uZW50IH06IHsgJGNvbXBvbmVudDogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGNvbXBvbmVudCAmJiB7XG4gICAgd2lkdGg6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRiYWRnZSxcbiAgICAkc2hvd0NvdW50LFxuICAgICRzaG93TGFiZWwsXG4gICAgJGJhZGdlSWNvbixcbiAgICAkYmFkZ2VPbmVEaWdpdCxcbiAgfToge1xuICAgICRiYWRnZT86IGJvb2xlYW47XG4gICAgJHNob3dDb3VudD86IGJvb2xlYW47XG4gICAgJHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgJGJhZGdlSWNvbj86IGJvb2xlYW47XG4gICAgJGJhZGdlT25lRGlnaXQ/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkYmFkZ2UgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
@@ -54,7 +54,7 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
     width: 0,
     backgroundColor: "red"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRjb21wb25lbnQgfTogeyAkY29tcG9uZW50OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkY29tcG9uZW50ICYmIHtcbiAgICB3aWR0aDogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGJhZGdlLFxuICAgICRzaG93Q291bnQsXG4gICAgJHNob3dMYWJlbCxcbiAgICAkYmFkZ2VJY29uLFxuICAgICRiYWRnZU9uZURpZ2l0LFxuICB9OiB7XG4gICAgJGJhZGdlPzogYm9vbGVhbjtcbiAgICAkc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgICAkc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRiYWRnZSAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICAgIG1heFdpZHRoOiAzMCxcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e16y1fwq0"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -69,15 +69,14 @@ const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.
 }) => ({
   ...$badge && {
     borderRadius: uikitStyles.theme.space.xs,
-    backgroundColor: uikitStyles.theme.colors.acce1,
+    backgroundColor: uikitStyles.theme.colors.secondary,
     float: "left",
     minHeight: "8px",
     minWidth: "8px"
   },
   ...$showCount && {
     ...labelBaseStyle,
-    wordBreak: "keep-all",
-    maxWidth: 30
+    wordBreak: "keep-all"
   },
   ...$showLabel && {
     ...labelBaseStyle,
@@ -93,7 +92,7 @@ const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.
     width: "16px",
     textAlign: "center"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRjb21wb25lbnQgfTogeyAkY29tcG9uZW50OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkY29tcG9uZW50ICYmIHtcbiAgICB3aWR0aDogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGJhZGdlLFxuICAgICRzaG93Q291bnQsXG4gICAgJHNob3dMYWJlbCxcbiAgICAkYmFkZ2VJY29uLFxuICAgICRiYWRnZU9uZURpZ2l0LFxuICB9OiB7XG4gICAgJGJhZGdlPzogYm9vbGVhbjtcbiAgICAkc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgICAkc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRiYWRnZSAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICAgIG1heFdpZHRoOiAzMCxcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 exports.StyledBadge = StyledBadge;
 exports.StyledContainer = StyledContainer;
 exports.StyledRoot = StyledRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.cjs","sources":["../../../../src/components/Badge/Badge.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst labelBaseStyle = {\n  ...theme.typography.label,\n  fontFamily: theme.fontFamily.body,\n  padding: \"0 5px\",\n  color: theme.colors.atmo1,\n};\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  \"&>*\": { float: \"left\" },\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $component }: { $component: boolean }) => ({\n  ...($component && {\n    width: 0,\n    backgroundColor: \"red\",\n  }),\n}));\n\nexport const StyledBadge = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $badge,\n    $showCount,\n    $showLabel,\n    $badgeIcon,\n    $badgeOneDigit,\n  }: {\n    $badge?: boolean;\n    $showCount?: boolean;\n    $showLabel?: boolean;\n    $badgeIcon?: boolean;\n    $badgeOneDigit?: boolean;\n  }) => ({\n    ...($badge && {\n      borderRadius: theme.space.xs,\n      backgroundColor: theme.colors.acce1,\n      float: \"left\",\n      minHeight: \"8px\",\n      minWidth: \"8px\",\n    }),\n    ...($showCount && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n      maxWidth: 30,\n    }),\n    ...($showLabel && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n    }),\n    ...($badgeIcon && {\n      position: \"relative\",\n      top: \"1px\",\n      left: \"-7px\",\n    }),\n    ...($badgeOneDigit && {\n      padding: 0,\n      width: \"16px\",\n      textAlign: \"center\",\n    }),\n  })\n);\n"],"names":["labelBaseStyle","theme","typography","label","fontFamily","body","padding","color","colors","atmo1","StyledRoot","_styled","process","env","NODE_ENV","target","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$component","width","backgroundColor","StyledBadge","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","borderRadius","space","xs","acce1","float","minHeight","minWidth","wordBreak","maxWidth","position","top","left","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,iBAAiB;AAAA,EACrB,GAAGC,YAAAA,MAAMC,WAAWC;AAAAA,EACpBC,YAAYH,YAAAA,MAAMG,WAAWC;AAAAA,EAC7BC,SAAS;AAAA,EACTC,OAAON,YAAAA,MAAMO,OAAOC;AACtB;AAEO,MAAMC,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAZ,OAAA;AAAA,CAAA,EAACS,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,2DACX,OAAKT,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAZ,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAoC,OAAO;AAAA,EAC9C,GAAIA,cAAc;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EACnB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,qmFAAA;AAEUa,MAAAA,uDACX,OAAKf,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAZ,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCK;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACL,GAAIJ,UAAU;AAAA,IACZK,cAAchC,YAAAA,MAAMiC,MAAMC;AAAAA,IAC1BT,iBAAiBzB,YAAAA,MAAMO,OAAO4B;AAAAA,IAC9BC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIV,cAAc;AAAA,IAChB,GAAI7B;AAAAA,IACJwC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIX,cAAc;AAAA,IAChB,GAAI9B;AAAAA,IACJwC,WAAW;AAAA,EACb;AAAA,EACA,GAAIT,cAAc;AAAA,IAChBW,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACA,GAAIZ,kBAAkB;AAAA,IACpB1B,SAAS;AAAA,IACTmB,OAAO;AAAA,IACPoB,WAAW;AAAA,EACb;AACF,IAAEjC,QAAAC,IAAAC,aACH,eAAA,KAAA,qmFAAA;;;;"}
+{"version":3,"file":"Badge.styles.cjs","sources":["../../../../src/components/Badge/Badge.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst labelBaseStyle: CSSProperties = {\n  ...theme.typography.label,\n  padding: \"0 5px\",\n  color: theme.colors.atmo1,\n  lineHeight: \"16px\",\n};\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  \"&>*\": { float: \"left\" },\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $component }: { $component: boolean }) => ({\n  ...($component && {\n    width: 0,\n    backgroundColor: \"red\",\n  }),\n}));\n\nexport const StyledBadge = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $badge,\n    $showCount,\n    $showLabel,\n    $badgeIcon,\n    $badgeOneDigit,\n  }: {\n    $badge?: boolean;\n    $showCount?: boolean;\n    $showLabel?: boolean;\n    $badgeIcon?: boolean;\n    $badgeOneDigit?: boolean;\n  }) => ({\n    ...($badge && {\n      borderRadius: theme.space.xs,\n      backgroundColor: theme.colors.secondary,\n      float: \"left\",\n      minHeight: \"8px\",\n      minWidth: \"8px\",\n    }),\n    ...($showCount && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n    }),\n    ...($showLabel && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n    }),\n    ...($badgeIcon && {\n      position: \"relative\",\n      top: \"1px\",\n      left: \"-7px\",\n    }),\n    ...($badgeOneDigit && {\n      padding: 0,\n      width: \"16px\",\n      textAlign: \"center\",\n    }),\n  })\n);\n"],"names":["labelBaseStyle","theme","typography","label","padding","color","colors","atmo1","lineHeight","StyledRoot","_styled","process","env","NODE_ENV","target","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$component","width","backgroundColor","StyledBadge","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","borderRadius","space","xs","secondary","float","minHeight","minWidth","wordBreak","position","top","left","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,iBAAgC;AAAA,EACpC,GAAGC,YAAAA,MAAMC,WAAWC;AAAAA,EACpBC,SAAS;AAAA,EACTC,OAAOJ,YAAAA,MAAMK,OAAOC;AAAAA,EACpBC,YAAY;AACd;AAEO,MAAMC,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAX,OAAA;AAAA,CAAA,EAACQ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,2DACX,OAAKT,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAX,OAAA;AAAA,GAAhBmB,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAoC,OAAO;AAAA,EAC9C,GAAIA,cAAc;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EACnB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ilFAAA;AAEUa,MAAAA,uDACX,OAAKf,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAX,OAAA;AAAA,GAAhBmB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCK;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACL,GAAIJ,UAAU;AAAA,IACZK,cAAc/B,YAAAA,MAAMgC,MAAMC;AAAAA,IAC1BT,iBAAiBxB,YAAAA,MAAMK,OAAO6B;AAAAA,IAC9BC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIV,cAAc;AAAA,IAChB,GAAI5B;AAAAA,IACJuC,WAAW;AAAA,EACb;AAAA,EACA,GAAIV,cAAc;AAAA,IAChB,GAAI7B;AAAAA,IACJuC,WAAW;AAAA,EACb;AAAA,EACA,GAAIT,cAAc;AAAA,IAChBU,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACA,GAAIX,kBAAkB;AAAA,IACpB3B,SAAS;AAAA,IACToB,OAAO;AAAA,IACPmB,WAAW;AAAA,EACb;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,ilFAAA;;;;"}

package/dist/cjs/components/Banner/Banner.cjs

@@ -1,13 +1,13 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
 const Slide = require("@mui/material/Slide");
 const capitalize = require("lodash/capitalize");
 const Banner_styles = require("./Banner.styles.cjs");
-const BannerContent = require("./BannerContent/BannerContent.cjs");
 const bannerClasses = require("./bannerClasses.cjs");
+const BannerContent = require("./BannerContent/BannerContent.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -45,12 +45,38 @@ const HvBanner = ({
     horizontal: "center",
     vertical: anchorOrigin
   };
-  const SlideTransition = React.useCallback((properties) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, { ...properties, direction: transitionDirection }), [transitionDirection]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Banner_styles.StyledSnackbar, { style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`], className, id, classes: {
-    root: open ? clsx__default.default(bannerClasses.default.root, classes == null ? void 0 : classes.root) : clsx__default.default(bannerClasses.default.rootClosed, classes == null ? void 0 : classes.rootClosed),
-    anchorOriginTopCenter: clsx__default.default(bannerClasses.default.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
-    anchorOriginBottomCenter: clsx__default.default(bannerClasses.default.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
-  }, anchorOrigin: anchorOriginBanner, TransitionComponent: SlideTransition, open, $isOpen: open, transitionDuration, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, { id: setId.setId(id, "content"), content: label, variant, customIcon, showIcon, actions, actionsCallback, actionsPosition, onClose, ...bannerContentProps }) });
+  const SlideTransition = React.useCallback((properties) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
+    ...properties,
+    direction: transitionDirection
+  }), [transitionDirection]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Banner_styles.StyledSnackbar, {
+    style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`],
+    className,
+    id,
+    classes: {
+      root: open ? clsx__default.default(bannerClasses.default.root, classes == null ? void 0 : classes.root) : clsx__default.default(bannerClasses.default.rootClosed, classes == null ? void 0 : classes.rootClosed),
+      anchorOriginTopCenter: clsx__default.default(bannerClasses.default.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
+      anchorOriginBottomCenter: clsx__default.default(bannerClasses.default.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
+    },
+    anchorOrigin: anchorOriginBanner,
+    TransitionComponent: SlideTransition,
+    open,
+    $isOpen: open,
+    transitionDuration,
+    ...others,
+    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, {
+      id: setId.setId(id, "content"),
+      content: label,
+      variant,
+      customIcon,
+      showIcon,
+      actions,
+      actionsCallback,
+      actionsPosition,
+      onClose,
+      ...bannerContentProps
+    })
+  });
 };
 exports.HvBanner = HvBanner;
 //# sourceMappingURL=Banner.cjs.map

package/dist/cjs/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport { bannerClasses, HvBannerClasses } from \".\";\nimport { setId } from \"utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvBannerVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\"> &\n  HvBaseProps & {\n    /** If true | Snackbar is open. */\n    open: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?: Function;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. */\n    anchorOrigin?: \"top\" | \"bottom\";\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n    offset?: number;\n    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n    bannerContentProps?: HvBannerContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerClasses;\n  };\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","jsx","Slide","StyledSnackbar","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","HvBannerContent","setId"],"mappings":";;;;;;;;;;;;;;;AAqEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAe,eAAAC,2BAAAA,IAACC,eAAAA,SAAUF,EAAAA,GAAAA,YAAY,WAAWpB,wBAClD,CAACA,mBAAmB,CAAC;AAIrB,SAAAqB,2BAAA,IAACE,cACC,gBAAA,EAAA,OAAOb,mBAAoB,eAAcc,4BAAW3B,YAAY,MAChE,WACA,IACA,SAAS;AAAA,IACP4B,MAAM9B,OACF+B,cAAAA,QAAKC,cAAAA,QAAcF,MAAMhC,mCAASgC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYnC,mCAASmC,UAAU;AAAA,IACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdpC,mCAASoC,qBAAqB;AAAA,IAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdrC,mCAASqC,wBAAwB;AAAA,EAAA,GAGrC,cAAcf,oBACd,qBAAqBG,iBACrB,MACA,SAASvB,MACT,oBACA,GAAIc,QAEJ,UAAAY,2BAAA,IAACU,cACC,iBAAA,EAAA,IAAIC,MAAAA,MAAMxC,IAAI,SAAS,GACvB,SAASc,OACT,SACA,YACA,UACA,SACA,iBACA,iBACA,SACA,GAAIE,mBAAmB,CAAA,EAE3B,CAAA;AAEJ;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport { setId } from \"../../utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"../ActionsGeneric\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<\n  MuiSnackbarProps,\n  \"anchorOrigin\" | \"classes\" | \"onClose\"\n> &\n  HvBaseProps & {\n    /** If true | Snackbar is open. */\n    open: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. */\n    anchorOrigin?: \"top\" | \"bottom\";\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n    offset?: number;\n    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n    bannerContentProps?: HvBannerContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerClasses;\n  };\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;AAmEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,cAAAA,QAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}

package/dist/cjs/components/Banner/Banner.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const Snackbar = require("@mui/material/Snackbar");
 const uikitStyles = require("@hitachivantara/uikit-styles");

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSnackbar = styled(\n  Snackbar,\n  transientOptions\n)(({ $isOpen }: { $isOpen: boolean }) => ({\n  [`&.${snackbarClasses.root}`]: {\n    ...($isOpen && {\n      minWidth: `calc(100% - ${theme.space.sm})`,\n    }),\n    ...(!$isOpen && {\n      display: \"none\",\n    }),\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n}));\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","_extends","target","transientOptions","label","$isOpen","snackbarClasses","root","minWidth","theme","space","sm","display","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,0DACXC,kBAAAA,SAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8B,OAAO;AAAA,EACxC,CAAE,KAAIC,yBAAgBC,SAAS;AAAA,IAC7B,GAAIF,WAAW;AAAA,MACbG,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,IACvC;AAAA,IACA,GAAI,CAACN,WAAW;AAAA,MACdO,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,KAAIN,yBAAgBO,0BAA0B;AAAA,IAC9CC,KAAKL,YAAAA,MAAMC,MAAMK;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIT,yBAAgBU,6BAA6B;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMK;AAAAA,EACtB;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;;"}
+{"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSnackbar = styled(\n  Snackbar,\n  transientOptions\n)(({ $isOpen }: { $isOpen: boolean }) => ({\n  [`&.${snackbarClasses.root}`]: {\n    ...($isOpen && {\n      minWidth: `calc(100% - ${theme.space.sm})`,\n    }),\n    ...(!$isOpen && {\n      display: \"none\",\n    }),\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n}));\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","_extends","target","transientOptions","label","$isOpen","snackbarClasses","root","minWidth","theme","space","sm","display","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,0DACXC,kBAAAA,SAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8B,OAAO;AAAA,EACxC,CAAE,KAAIC,yBAAgBC,MAAM,GAAG;AAAA,IAC7B,GAAIF,WAAW;AAAA,MACbG,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,IACvC;AAAA,IACA,GAAI,CAACN,WAAW;AAAA,MACdO,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,KAAIN,yBAAgBO,uBAAuB,GAAG;AAAA,IAC9CC,KAAKL,YAAAA,MAAMC,MAAMK;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIT,yBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMK;AAAAA,EACtB;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs

@@ -1,13 +1,12 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
+const actionContainerClasses = require("./actionContainerClasses.cjs");
 const ActionContainer_styles = require("./ActionContainer.styles.cjs");
-const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const actionContainerClasses = require("./actionContainerClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
-const ThemeProvider = require("../../../../providers/ThemeProvider.cjs");
+const useTheme = require("../../../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvActionContainer = ({
@@ -22,11 +21,33 @@ const HvActionContainer = ({
   const {
     activeTheme,
     selectedMode
-  } = React.useContext(ThemeProvider.HvThemeContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ActionContainer_styles.StyledActionContainer, { className: clsx__default.default(actionContainerClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledButton, { icon: true, className: clsx__default.default(actionContainerClasses.default.closeAction, classes == null ? void 0 : classes.closeAction), variant: "secondaryGhost", "aria-label": "Close", onClick: onClose, tabIndex: 0, $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || uikitStyles.theme.colors.base1, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledClose, { iconSize: "XS", className: clsx__default.default(actionContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), color: "base2" }) }),
-    action && /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledActionsInnerContainer, { className: clsx__default.default(actionContainerClasses.default.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer), children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, { id, category: "secondaryGhost", actions: action, actionsCallback: actionCallback }) })
-  ] });
+  } = useTheme.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs(ActionContainer_styles.StyledActionContainer, {
+    className: clsx__default.default(actionContainerClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer),
+    children: [/* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledButton, {
+      icon: true,
+      className: clsx__default.default(actionContainerClasses.default.closeAction, classes == null ? void 0 : classes.closeAction),
+      variant: "secondaryGhost",
+      "aria-label": "Close",
+      onClick: onClose,
+      tabIndex: 0,
+      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || uikitStyles.theme.colors.base_light,
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledClose, {
+        iconSize: "XS",
+        className: clsx__default.default(actionContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        color: "base_dark"
+      })
+    }), action && /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledActionsInnerContainer, {
+      className: clsx__default.default(actionContainerClasses.default.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer),
+      children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
+        id,
+        category: "secondaryGhost",
+        actions: action,
+        actionsCallback: actionCallback
+      })
+    })]
+  });
 };
 exports.HvActionContainer = HvActionContainer;
 //# sourceMappingURL=ActionContainer.cjs.map

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { actionContainerClasses, HvActionContainerClasses } from \".\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"components\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n  /** onClose function. */\n  onClose?: Function;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base2\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useContext","HvThemeContext","jsxs","StyledActionContainer","clsx","actionContainerClasses","actionContainer","jsx","StyledButton","closeAction","colors","modes","base1","theme","StyledClose","iconContainer","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric"],"mappings":";;;;;;;;;;;;AA6BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,EAAAA,IAAiBC,MAAAA,WAAWC,cAAAA,cAAc;AAG7D,SAAAC,gCAACC,uBAAAA,yBACC,WAAWC,cAAAA,QACTC,+BAAuBC,iBACvBb,mCAASa,eAAe,GAG1B,UAAA;AAAA,IAAAC,+BAACC,uBAAAA,gBACC,MAAI,MACJ,WAAWJ,cAAAA,QACTC,uBAAAA,QAAuBI,aACvBhB,mCAASgB,WAAW,GAEtB,SAAQ,kBACR,cAAW,SACX,SAASf,SACT,UAAU,GACV,cACEI,gDAAaY,WAAbZ,mBAAqBa,MAAMZ,cAAca,UAASC,YAAMH,MAAAA,OAAOE,OAEjE,GAAIf,QAEJ,yCAACiB,uBAAAA,aACC,EAAA,UAAS,MACT,WAAWV,cAAAA,QACTC,+BAAuBU,eACvBtB,mCAASsB,aAAa,GAExB,OAAM,QAAO,CAAA,GAEjB;AAAA,IACCpB,UACEY,2BAAAA,IAAAS,uBAAA,6BAAA,EACC,WAAWZ,sBACTC,uBAAAA,QAAuBY,uBACvBxB,mCAASwB,qBAAqB,GAGhC,UAACV,2BAAA,IAAAW,iCAAA,EACC,IACA,UAAS,kBACT,SAASvB,QACT,iBAAiBC,eAAe,CAAA,GAEpC;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"../../../ActionsGeneric\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"../../../../hooks\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base_dark\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base_light","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAEhD,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,eACzCC,kBAAMH,OAAOE;AAAAA,MACd,GACGpB;AAAAA,MAAMS,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAW;AAAA,IAAA,CACjB,GAEH3B,UACCY,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const hexToRgbA = require("../../../../utils/hexToRgbA.cjs");
 const transientOptions = require("../../../../utils/transientOptions.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../../../Button/Button.cjs");
 const focusUtils = require("../../../../utils/focusUtils.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -40,7 +40,9 @@ const StyledActionContainer = /* @__PURE__ */ _styled__default.default("div", pr
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "euz8sqk2"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "euz8sqk2",

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  (props) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","props","jsx","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+BC,iCAAA,QAAA,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,CAKhD;AAEK,MAAMC,eAAeX,iCAAAA,QACzBY,CAAU,UAAAC,2BAAAA,IAACC,OAAAA,eAAaF,UAASX,QAAAC,IAAAC,aAAA,eAAAY,SAAA,CAAA,GAAA;AAAA,EAAAX,QAAA;AAAA,GAClCY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMoB,cAAqBC,iCAAAA,QAAAA,gBAAAA,OAAKvB,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;AAEK,MAAMe,8BAAqCzB,iCAAA,QAAA,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,CAGtD;;;;;"}
+{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  (props) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","props","_jsx","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+BC,iCAAA,QAAA,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,CAKhD;AAEK,MAAMC,eAAeX,iCAAAA,QACzBY,CAAUC,UAAAA,2BAAAA,IAACC,OAAAA,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIX,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GAClCY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMoB,cAAqBC,iCAAAA,QAAAA,gBAAAA,OAAKvB,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;AAEK,MAAMe,8BAAqCzB,iCAAA,QAAA,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,CAGtD;;;;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs

@@ -1,11 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
+const bannerContentClasses = require("./bannerContentClasses.cjs");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
 const React = require("react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
-const bannerContentClasses = require("./bannerContentClasses.cjs");
 const MessageContainer = require("./MessageContainer/MessageContainer.cjs");
 const ActionContainer = require("./ActionContainer/ActionContainer.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -24,19 +24,41 @@ const HvBannerContent = React.forwardRef(({
   actionProps,
   ...others
 }, ref) => {
-  const icon = customIcon || showIcon && iconVariant.default(variant, "base2", void 0);
+  const icon = customIcon || showIcon && iconVariant.default(variant, "base_dark", void 0);
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledRoot, { className: clsx__default.default(bannerContentClasses.default.outContainer, classes == null ? void 0 : classes.outContainer), children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledSnackbarContent, { ref, id, classes: {
-    root: clsx__default.default(bannerContentClasses.default.root, classes == null ? void 0 : classes.root),
-    message: clsx__default.default(bannerContentClasses.default.message, classes == null ? void 0 : classes.message),
-    action: clsx__default.default(bannerContentClasses.default.action, classes == null ? void 0 : classes.action)
-  }, className: clsx__default.default(bannerContentClasses.default.baseVariant, classes == null ? void 0 : classes.baseVariant, bannerContentClasses.default[variant], classes == null ? void 0 : classes[variant]), message: /* @__PURE__ */ jsxRuntime.jsx(MessageContainer.HvMessageContainer, { id, icon, ...effectiveActionsPosition === "inline" && {
-    actionsOnMessage: actions,
-    actionsOnMessageCallback: actionsCallback
-  }, message: content }), action: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer.HvActionContainer, { id, onClose, ...effectiveActionsPosition === "bottom-right" && {
-    action: actions,
-    actionCallback: actionsCallback
-  }, ...actionProps }), $variant: variant, ...others }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledRoot, {
+    className: clsx__default.default(bannerContentClasses.default.outContainer, classes == null ? void 0 : classes.outContainer),
+    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledSnackbarContent, {
+      ref,
+      id,
+      classes: {
+        root: clsx__default.default(bannerContentClasses.default.root, classes == null ? void 0 : classes.root),
+        message: clsx__default.default(bannerContentClasses.default.message, classes == null ? void 0 : classes.message),
+        action: clsx__default.default(bannerContentClasses.default.action, classes == null ? void 0 : classes.action)
+      },
+      className: clsx__default.default(bannerContentClasses.default.baseVariant, classes == null ? void 0 : classes.baseVariant, bannerContentClasses.default[variant], classes == null ? void 0 : classes[variant]),
+      message: /* @__PURE__ */ jsxRuntime.jsx(MessageContainer.HvMessageContainer, {
+        id,
+        icon,
+        ...effectiveActionsPosition === "inline" && {
+          actionsOnMessage: actions,
+          actionsOnMessageCallback: actionsCallback
+        },
+        message: content
+      }),
+      action: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer.HvActionContainer, {
+        id,
+        onClose,
+        ...effectiveActionsPosition === "bottom-right" && {
+          action: actions,
+          actionCallback: actionsCallback
+        },
+        ...actionProps
+      }),
+      $variant: variant,
+      ...others
+    })
+  });
 });
 exports.HvBannerContent = HvBannerContent;
 //# sourceMappingURL=BannerContent.cjs.map

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  bannerContentClasses,\n  HvBannerContentClasses,\n  HvMessageContainer,\n  HvActionContainer,\n} from \".\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n  MuiSnackbarContentProps,\n  \"variant\" | \"classes\"\n> &\n  HvBaseProps & {\n    /** The message to display. */\n    content?: React.ReactNode;\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** onClose function. */\n    onClose?: Function;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /**  The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** The props to pass down to the Action Container. */\n    actionProps?: HvActionContainerProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerContentClasses;\n  };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant,\n            bannerContentClasses[variant],\n            classes?.[variant]\n          )}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","jsx","StyledRoot","clsx","bannerContentClasses","outContainer","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;;AAkDaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,KACGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,SACGS,2BAAAA,IAAAC,qBAAAA,YAAA,EACC,WAAWC,cAAAA,QACTC,qBAAqBC,QAAAA,cACrBpB,mCAASoB,YAAY,GAGvB,UAAAJ,+BAACK,qBAAAA,uBACC,EAAA,KACA,IACA,SAAS;AAAA,IACPC,MAAMJ,cAAAA,QAAKC,qBAAAA,QAAqBG,MAAMtB,mCAASsB,IAAI;AAAA,IACnDC,SAASL,cAAAA,QAAKC,qBAAAA,QAAqBI,SAASvB,mCAASuB,OAAO;AAAA,IAC5DC,QAAQN,cAAAA,QAAKC,qBAAAA,QAAqBK,QAAQxB,mCAASwB,MAAM;AAAA,EAAA,GAE3D,WAAWN,cAAAA,QACTC,6BAAqBM,aACrBzB,mCAASyB,aACTN,6BAAqBhB,UACrBH,mCAAUG,QAAQ,GAEpB,SACGa,2BAAAA,IAAAU,iBAAA,oBAAA,EACC,IACA,MACKX,GAAAA,6BAA6B,YAAY;AAAA,IAC5CY,kBAAkBtB;AAAAA,IAClBuB,0BAA0BtB;AAAAA,EAC5B,GACA,SAASE,SACT,GAEJ,QACGQ,2BAAA,IAAAa,mCAAA,EACC,IACA,SACA,GAAKd,6BAA6B,kBAAkB;AAAA,IAClDS,QAAQnB;AAAAA,IACRyB,gBAAgBxB;AAAAA,EAAAA,GAElB,GAAIG,YAAY,CAAA,GAGpB,UAAUN,SACV,GAAIO,QAAO,EAEf,CAAA;AAEJ,CAAC;;"}
+{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport bannerContentClasses, {\n  HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"../../../utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n  MuiSnackbarContentProps,\n  \"variant\" | \"classes\" | \"onClose\"\n> &\n  HvBaseProps & {\n    /** The message to display. */\n    content?: React.ReactNode;\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** onClose function. */\n    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /**  The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** The props to pass down to the Action Container. */\n    actionProps?: HvActionContainerProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerContentClasses;\n  };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base_dark\", undefined));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant,\n            bannerContentClasses[variant],\n            classes?.[variant]\n          )}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;;;;;AAiDaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,aAAaW,MAAS;AAMlEC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,cAAAA,QAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,cAAAA,QAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,cAAAA,QAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,cACTC,QAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,wCACGG,qCAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,uCACGK,mCAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const SnackbarContent = require("@mui/material/SnackbarContent");
 const transientOptions = require("../../../utils/transientOptions.cjs");
@@ -34,7 +34,8 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     position: "relative",
     display: "flex",
     flexWrap: "nowrap",
-    boxShadow: "none"
+    boxShadow: "none",
+    borderRadius: uikitStyles.theme.radii.none
   },
   [`& .${SnackbarContent.snackbarContentClasses.message}`]: {
     display: "flex",
@@ -48,7 +49,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     flex: "0 0 auto",
     placeSelf: "stretch"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLm1lc3NhZ2V9YF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAwYCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLmFjdGlvbn1gXToge1xuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICBwbGFjZVNlbGY6IFwic3RyZXRjaFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTbmFja2JhckNvbnRlbnQgPSBzdHlsZWQoXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBIdkJhbm5lclZhcmlhbnQgfSkgPT4gKHtcbiAgcGFkZGluZzogMCxcbiAgLi4uKCR2YXJpYW50ID09PSBcInN1Y2Nlc3NcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTgsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwid2FybmluZ1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTksXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgfSksXG59KSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBvc2l0aXZlXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5ldXRyYWxfMjAsXG4gIH0pLFxufSkpO1xuIl19 */");
 const StyledSnackbarContent = /* @__PURE__ */ _styled__default.default(SnackbarContent__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ey1hm770"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -59,18 +60,18 @@ const StyledSnackbarContent = /* @__PURE__ */ _styled__default.default(SnackbarC
 }) => ({
   padding: 0,
   ...$variant === "success" && {
-    backgroundColor: uikitStyles.theme.colors.sema8
+    backgroundColor: uikitStyles.theme.colors.positive_20
   },
   ...$variant === "warning" && {
-    backgroundColor: uikitStyles.theme.colors.sema20
+    backgroundColor: uikitStyles.theme.colors.warning_20
   },
   ...$variant === "error" && {
-    backgroundColor: uikitStyles.theme.colors.sema9
+    backgroundColor: uikitStyles.theme.colors.negative_20
   },
   ...$variant === "default" && {
-    backgroundColor: uikitStyles.theme.colors.sema7
+    backgroundColor: uikitStyles.theme.colors.neutral_20
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE4LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE5LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImRlZmF1bHRcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMubWVzc2FnZX1gXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9IDBgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMuYWN0aW9ufWBdOiB7XG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgIHBsYWNlU2VsZjogXCJzdHJldGNoXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyQ29udGVudCA9IHN0eWxlZChcbiAgU25hY2tiYXJDb250ZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IEh2QmFubmVyVmFyaWFudCB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic3VjY2Vzc1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJ3YXJuaW5nXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLndhcm5pbmdfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsXzIwLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 exports.StyledRoot = StyledRoot;
 exports.StyledSnackbarContent = StyledSnackbarContent;
 //# sourceMappingURL=BannerContent.styles.cjs.map

package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  position: \"relative\",\n  [`& .${snackbarContentClasses.root}`]: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${theme.space.xs} 0`,\n    paddingLeft: theme.space.sm,\n  },\n  [`& .${snackbarContentClasses.action}`]: {\n    padding: theme.space.xs,\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n});\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n  padding: 0,\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.sema8,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.sema20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.sema9,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.sema7,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","message","alignItems","padding","theme","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","sema8","sema20","sema9","sema7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uCAAuBC,SAAS;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKL,uCAAuBM,YAAY;AAAA,IACxCH,SAAS;AAAA,IACTI,YAAY;AAAA,IACZC,SAAU,GAAEC,YAAAA,MAAMC,MAAMC;AAAAA,IACxBC,aAAaH,YAAAA,MAAMC,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKb,uCAAuBc,WAAW;AAAA,IACvCN,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i3EAAA;AAEWuB,MAAAA,iEACXC,yBAAAA,SAAe1B,QAAAC,IAAAC,4BAAAyB,SAAA,IAAA;AAAA,EAAAxB,QAAA;AAAA,GACfyB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAxB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBwB,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDd,SAAS;AAAA,EACT,GAAIc,aAAa,aAAa;AAAA,IAC5BC,iBAAiBd,YAAAA,MAAMe,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBd,YAAAA,MAAMe,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBd,YAAAA,MAAMe,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBd,YAAAA,MAAMe,OAAOI;AAAAA,EAChC;AACF,IAAEnC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i3EAAA;;;"}
+{"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  position: \"relative\",\n  [`& .${snackbarContentClasses.root}`]: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${theme.space.xs} 0`,\n    paddingLeft: theme.space.sm,\n  },\n  [`& .${snackbarContentClasses.action}`]: {\n    padding: theme.space.xs,\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n});\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n  padding: 0,\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.positive_20,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.warning_20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.negative_20,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.neutral_20,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","positive_20","warning_20","negative_20","neutral_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uCAAuBC,MAAM,GAAG;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACA,CAAE,MAAKT,uCAAuBU,SAAS,GAAG;AAAA,IACxCP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAAU,GAAEL,YAAAA,MAAMM,MAAMC;AAAAA,IACxBC,aAAaR,YAAAA,MAAMM,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKhB,uCAAuBiB,QAAQ,GAAG;AAAA,IACvCL,SAASL,YAAAA,MAAMM,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEW0B,MAAAA,iEACXC,yBAAAA,SAAe7B,QAAAC,IAAAC,4BAAA4B,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,GACf4B,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhB2B,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDb,SAAS;AAAA,EACT,GAAIa,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBnB,YAAAA,MAAMoB,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOI;AAAAA,EAChC;AACF,IAAEtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;;;"}