@thecb/components 10.4.7-beta.1 → 10.4.7-beta.3

package/dist/index.cjs.js

@@ -14131,7 +14131,9 @@ var GenericErrorIcon = function GenericErrorIcon() {
   }));
 };
 
-var IconAdd = function IconAdd() {
+var IconAdd = function IconAdd(_ref) {
+  var _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth;
   return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -14146,7 +14148,7 @@ var IconAdd = function IconAdd() {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
-    strokeWidth: "1"
+    strokeWidth: strokeWidth
   }, /*#__PURE__*/React__default.createElement("g", {
     transform: "translate(-407 -563)"
   }, /*#__PURE__*/React__default.createElement("g", {
@@ -14164,6 +14166,7 @@ var IconAdd = function IconAdd() {
     xlinkHref: "#path-1"
   })), /*#__PURE__*/React__default.createElement("circle", {
     className: "stroke",
+    strokeWidth: strokeWidth,
     cx: "8.155",
     cy: "8.072",
     r: "8"
@@ -14180,7 +14183,7 @@ var IconQuitLarge = function IconQuitLarge(_ref) {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("title", null, "Icon/X"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("polygon", {
+  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("polygon", {
     id: "quit-large-path-1",
     points: "18.9999989 6.40999946 17.589999 4.9999997 11.9999993 10.5899995 6.40999946 4.9999997 4.9999997 6.40999946 10.5899995 11.9999993 4.9999997 17.589999 6.40999946 18.9999989 11.9999993 13.409999 17.589999 18.9999989 18.9999989 17.589999 13.409999 11.9999993"
   })), /*#__PURE__*/React__default.createElement("g", {
@@ -25994,7 +25997,7 @@ var useToastNotification = function useToastNotification() {
     toastState = _useState2[0],
     setToastState = _useState2[1];
   React.useEffect(function () {
-    if (toastState.isOpen) {
+    if (toastState.isOpen && timeout > 0) {
       setTimeout(function () {
         setToastState(initialToastState);
       }, timeout);
@@ -27836,13 +27839,13 @@ var Placeholder = function Placeholder(_ref2) {
     childGap: "0"
   }, variant === "large" && /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
-    extraStyles: ".fill { \n                    fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  }")
+    extraStyles: ".fill { \n                    fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } ")
   }, variant === "large" ? /*#__PURE__*/React__default.createElement(Center, {
     intrinsic: true
   }, getLargeIcon(largeIcon), /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pS",
     color: themeValues.color,
-    weight: FONT_WEIGHT_REGULAR,
+    weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "text-align: center;"
   }, text)) : /*#__PURE__*/React__default.createElement(Cover, {
     singleChild: true,
@@ -27850,12 +27853,14 @@ var Placeholder = function Placeholder(_ref2) {
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "center",
     align: "center"
-  }, /*#__PURE__*/React__default.createElement(IconAdd, null), /*#__PURE__*/React__default.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(IconAdd, {
+    strokeWidth: "2"
+  }), /*#__PURE__*/React__default.createElement(Center, {
     intrinsic: true
   }, /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pS",
     color: themeValues.color,
-    weight: FONT_WEIGHT_REGULAR,
+    weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "padding: 0 0 0 8px; text-align: center;"
   }, text)))))))))));
 };
@@ -38844,8 +38849,8 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
       backgroundColor: themeValues.white,
       right: "8px",
       top: "3px",
-      bottom: "4px",
-      left: "23px",
+      bottom: "3px",
+      left: "22px",
       transition: {
         ease: "backIn"
       }
@@ -49894,7 +49899,9 @@ var ToastNotification = function ToastNotification(_ref) {
     height = _ref$height === void 0 ? "56px" : _ref$height,
     _ref$childGap = _ref.childGap,
     childGap = _ref$childGap === void 0 ? "1rem" : _ref$childGap,
-    backgroundColor = _ref.backgroundColor;
+    backgroundColor = _ref.backgroundColor,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? "alert" : _ref$role;
   return /*#__PURE__*/React__default.createElement(Box, {
     onClick: closeToastNotification,
     background: backgroundColor ? backgroundColor : variant === VARIANTS.SUCCESS ? HINT_GREEN : variant === VARIANTS.ERROR ? ERROR_BACKGROUND_COLOR : WHITE,
@@ -49905,7 +49912,12 @@ var ToastNotification = function ToastNotification(_ref) {
     padding: "0rem 1rem",
     borderRadius: "4px",
     boxShadow: generateShadows().standard.base,
-    extraStyles: "\n      display: ".concat(toastOpen ? "block" : "none", ";\n      position: fixed; bottom: 4rem; left: 4rem;\n      ").concat(extraStyles, ";\n      cursor: pointer;\n    ")
+    extraStyles: "\n      display: ".concat(toastOpen ? "block" : "none", ";\n      position: fixed; bottom: 4rem; left: 4rem;\n      ").concat(extraStyles, ";\n      cursor: pointer;\n    "),
+    role: role
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    align: "center",
+    childGap: childGap,
+    justify: "space-between"
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     align: "center",
     childGap: childGap
@@ -49915,7 +49927,7 @@ var ToastNotification = function ToastNotification(_ref) {
   }, /*#__PURE__*/React__default.createElement(Paragraph$1, {
     weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "word-break: break-word;"
-  }, message)), /*#__PURE__*/React__default.createElement(IconQuitLarge, null)));
+  }, message))), /*#__PURE__*/React__default.createElement(IconQuitLarge, null)));
 };
 
 var fontWeight$9 = "600";