@thecb/components 9.2.0-beta.11 → 9.2.0-beta.13

package/dist/index.d.ts

@@ -410,7 +410,7 @@ interface ErrorMessageDictionary {
 
 enum ToastVariants {
   ERROR = "error",
-  SUCCESS = "success",
+  SUCCESS = "success"
 }
 
 interface UseToastOptions {
@@ -423,7 +423,7 @@ interface UseToastResult {
   toastMessage: string;
   showToast: ({
     message,
-    variant,
+    variant
   }: {
     message: string;
     variant: ToastVariants;

package/dist/index.esm.js

@@ -27291,7 +27291,7 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
 var RadioButtonWithLabel$1 = themeComponent(RadioButtonWithLabel, "RadioButtonWithLabel", fallbackValues$u);
 
 var activeColor$6 = "".concat(MATISSE_BLUE);
-var inactiveColor = "".concat(GREY_CHATEAU);
+var inactiveColor = "".concat(STORM_GREY);
 var fallbackValues$v = {
   activeColor: activeColor$6,
   inactiveColor: inactiveColor
@@ -27324,19 +27324,21 @@ var RadioButton$1 = function RadioButton(_ref2) {
   var buttonBorder = {
     onFocused: {
       borderColor: themeValues.activeColor,
-      boxShadow: "0px 0px 4px 0px ".concat(themeValues.activeColor)
+      outline: "3px solid ".concat(themeValues.activeColor),
+      outlineOffset: "2px"
     },
     offFocused: {
       borderColor: themeValues.activeColor,
-      boxShadow: "0px 0px 4px 0px ".concat(themeValues.activeColor)
+      outline: "3px solid ".concat(themeValues.activeColor),
+      outlineOffset: "2px"
     },
     on: {
       borderColor: themeValues.activeColor,
-      boxShadow: "0px 0px 0px 0px #FFFFFF"
+      outline: "0"
     },
     off: {
       borderColor: themeValues.inactiveColor,
-      boxShadow: "0px 0px 0px 0px #FFFFFF"
+      outline: "0"
     }
   };
   var buttonCenter = {
@@ -27385,7 +27387,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
     borderWidth: "1px",
     borderStyle: "solid",
     borderRadius: "12px",
-    margin: "4px 14px 4px 4px",
+    margin: "6px 14px 6px 6px",
     height: "24px",
     width: "24px",
     variants: buttonBorder,
@@ -50333,19 +50335,19 @@ var ToastNotification = function ToastNotification(_ref) {
       backgroundColor = _ref.backgroundColor;
   return /*#__PURE__*/React.createElement(Box, {
     onClick: closeToastNotification,
-    background: backgroundColor ? backgroundColor : variant === VARIANTS.SUCCESS ? HINT_GREEN : variant === "error" ? ERROR_BACKGROUND_COLOR : WHITE,
+    background: backgroundColor ? backgroundColor : variant === VARIANTS.SUCCESS ? HINT_GREEN : variant === VARIANTS.ERROR ? ERROR_BACKGROUND_COLOR : WHITE,
     minWidth: minWidth,
     minHeight: height && parseInt(height) < 100 ? height : "100px",
     height: height ? height : "auto",
     tabIndex: toastOpen ? "-1" : "0",
     padding: "0rem 1rem",
     borderRadius: "4px",
-    boxShadow: "0px 4px 4px rgba(41, 42, 51, 0.15), 0px 1px 7px rgba(41, 42, 51, 0.2), 0px 7px 12px rgba(41, 42, 51, 0.15)",
+    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    ")
   }, /*#__PURE__*/React.createElement(Cluster, {
     align: "center",
     childGap: childGap
-  }, variant === "success" && /*#__PURE__*/React.createElement(SuccessfulIconMedium, null), variant === "error" && /*#__PURE__*/React.createElement(ErroredIcon, null), /*#__PURE__*/React.createElement(Box, {
+  }, variant === VARIANTS.SUCCESS && /*#__PURE__*/React.createElement(SuccessfulIconMedium, null), variant === VARIANTS.ERROR && /*#__PURE__*/React.createElement(ErroredIcon, null), /*#__PURE__*/React.createElement(Box, {
     padding: "1rem 0",
     maxWidth: maxWidth
   }, /*#__PURE__*/React.createElement(Paragraph$1, {