@simplybusiness/mobius 5.31.8 → 5.32.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 5.32.0
+
+### Minor Changes
+
+- 041546c: Add new Trustpilot variant
+
+## 5.31.9
+
+### Patch Changes
+
+- 3964fcb: Allow alert atom to receive any variant string, using default info
+
 ## 5.31.8
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1892,17 +1892,22 @@ var import_icons4 = require("@simplybusiness/icons");
 var import_dedupe11 = __toESM(require("classnames/dedupe"));
 var import_react27 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
+function isAlertVariant(value) {
+  return value === "info" || value === "success" || value === "warning" || value === "error";
+}
 var Alert = (0, import_react27.forwardRef)(
   (props, ref) => {
     const {
       elementType: Element = "div",
-      variant = "info",
+      variant: variantProp,
       show = true,
       header,
       children,
       ...otherProps
     } = props;
     if (!show) return null;
+    const variant = variantProp && isAlertVariant(variantProp) ? variantProp : "info";
+    const colorValue = variant === "success" ? `var(--color-valid)` : `var(--color-${variant})`;
     const classes = (0, import_dedupe11.default)(
       "mobius",
       "mobius-alert",
@@ -1925,7 +1930,7 @@ var Alert = (0, import_react27.forwardRef)(
     const iconClasses = (0, import_dedupe11.default)("mobius", "mobius-alert__icon");
     const contentClasses = (0, import_dedupe11.default)("mobius", "mobius-alert__content");
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Element, { ref, role: "alert", ...otherProps, className: classes, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: icon[variant] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: iconClasses, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: icon[variant], color: colorValue }) }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
         header && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: headerClasses, children: header }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: contentClasses, children })
@@ -4258,7 +4263,8 @@ var TRUSTPILOT_TEMPLATE_IDS = {
   "micro-combo": "5419b6ffb0d04a076446a9af",
   mini: "53aa8807dec7e10d38f59f32",
   carousel: "53aa8912dec7e10d38f59f36",
-  horizontal: "5406e65db0d04a09e042d5fc"
+  horizontal: "5406e65db0d04a09e042d5fc",
+  "micro-star": "5419b732fbfb950b10de65e5"
 };
 var TRUSTPILOT_WIDGET = {
   // Keys based on actual widget names
@@ -4291,6 +4297,13 @@ var TRUSTPILOT_WIDGET = {
     styles: {
       height: "28px"
     }
+  },
+  "micro-star": {
+    templateId: TRUSTPILOT_TEMPLATE_IDS["micro-star"],
+    className: "--is-variant-micro-star",
+    styles: {
+      height: "24px"
+    }
   }
 };