@splunk/react-ui 4.26.0 → 4.28.0

package/Modal.js

@@ -105,8 +105,7 @@
     var j = x()(S()).withConfig({
         displayName: "BodyStyles__StyledBox",
         componentId: "lv54z7-0"
-    })([ "background-color:", ";", " flex:0 1 auto;overflow:auto;@media all and (-ms-high-contrast:none){*::-ms-backdrop,&{max-height:calc(100vh - 180px);}}" ], (0, 
-    w.pick)({
+    })([ "background-color:", ";", " flex:0 1 auto;overflow:auto;" ], (0, w.pick)({
         enterprise: w.variables.backgroundColor,
         prisma: w.variables.backgroundColorDialog
     }), (0, w.pick)({
@@ -364,15 +363,25 @@
     var Z = x().div.withConfig({
         displayName: "HeaderStyles__StyledTitle",
         componentId: "sc-1y722ut-3"
-    })([ "", ";font-size:20px;margin:0;overflow-wrap:break-word;font-weight:", ";color:", ";", "" ], w.mixins.reset("block"), w.variables.fontWeightSemiBold, w.variables.contentColorActive, (0, 
+    })([ "", ";", " margin:0;overflow-wrap:break-word;" ], w.mixins.reset("block"), (0, 
     w.pick)({
-        enterprise: (0, g.css)([ "line-height:22px;" ]),
-        prisma: (0, g.css)([ "line-height:24px;" ])
+        enterprise: (0, g.css)([ "", "" ], w.mixins.typography({
+            size: 20,
+            weight: "semiBold",
+            color: "active",
+            lineHeight: 22
+        })),
+        prisma: (0, g.css)([ "", "" ], w.mixins.typography({
+            size: 20,
+            weight: "semiBold",
+            color: "active",
+            lineHeight: 24
+        }))
     }));
     var ee = x().div.withConfig({
         displayName: "HeaderStyles__StyledSubtitle",
         componentId: "sc-1y722ut-4"
-    })([ "", ";font-size:14px;overflow-wrap:break-word;line-height:", ";" ], w.mixins.reset("block"), w.variables.lineHeight);
+    })([ "", ";overflow-wrap:break-word;" ], w.mixins.reset("block"));
     var te = x().div.withConfig({
         displayName: "HeaderStyles__StyledButtonsWrapper",
         componentId: "sc-1y722ut-5"
@@ -759,10 +768,17 @@
            * We return focus to the invoking element here instead of in `handleRequestClose` because users can
            * close the modal by updating the value of the `open` prop without calling `onRequestClose`
            */
-                        l()((function() {
-                            var e, t, r;
-                            (e = i.props.returnFocus) === null || e === void 0 ? void 0 : (t = e.current) === null || t === void 0 ? void 0 : (r = t.focus) === null || r === void 0 ? void 0 : r.call(t);
-                        }));
+                        var o = i.props.returnFocus;
+                        if (o != null) {
+                            if (typeof o === "function") {
+                                o();
+                            } else {
+                                l()((function() {
+                                    var e, t;
+                                    (e = o.current) === null || e === void 0 ? void 0 : (t = e.focus) === null || t === void 0 ? void 0 : t.call(e);
+                                }));
+                            }
+                        }
                     }
                 }
             }));