@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.4

package/SidePanel.js

@@ -79,29 +79,25 @@
     const c = require("styled-components");
     var f =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/TransitionOpen"
-    const p = require("@splunk/react-ui/TransitionOpen");
-    var y =  e.n(p);
+    const y = require("@splunk/react-ui/TransitionOpen");
+    var d =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const d = require("@splunk/themes");
+    const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/SidePanel/SidePanelStyles.ts
-    var m = (0, c.css)([ "", " position:fixed;flex-direction:column;box-shadow:", ";background-color:", ";z-index:", ";" ], d.mixins.reset("flex"), (0, 
-    d.pick)({
-        enterprise: "0 0 12px rgba(0, 0, 0, 0.3)",
-        prisma: d.variables.overlayShadow
-    }), d.variables.backgroundColorSidebar, d.variables.zindexModal);
-    var b = f()(y()).withConfig({
+    var m = (0, c.css)([ "", " position:fixed;flex-direction:column;box-shadow:", ";background-color:", ";z-index:", ";" ], p.mixins.reset("flex"), p.variables.overlayShadow, p.variables.backgroundColorSidebar, p.variables.zindexModal);
+    var b = f()(d()).withConfig({
         displayName: "SidePanelStyles__StyledLeftPanelTransitionOpen",
         componentId: "mtbcuz-0"
     })([ "", ";top:0;left:0;height:100vh;" ], m);
-    var v = f()(y()).withConfig({
+    var v = f()(d()).withConfig({
         displayName: "SidePanelStyles__StyledRightPanelTransitionOpen",
         componentId: "mtbcuz-1"
     })([ "", ";right:0;top:0;height:100vh;" ], m);
-    var h = f()(y()).withConfig({
+    var h = f()(d()).withConfig({
         displayName: "SidePanelStyles__StyledTopPanelTransitionOpen",
         componentId: "mtbcuz-2"
     })([ "", ";top:0;left:0;width:100vw;" ], m);
-    var g = f()(y()).withConfig({
+    var g = f()(d()).withConfig({
         displayName: "SidePanelStyles__StyledBottomPanelTransitionOpen",
         componentId: "mtbcuz-3"
     })([ "", ";left:0;bottom:0;width:100vw;" ], m);
@@ -261,16 +257,16 @@
         bottom: g
     };
     function z(e) {
-        var t = e.children, o = e.dockPosition, i = o === void 0 ? "right" : o, a = e.elementRef, u = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, p = e.onRequestClose, y = e.open, d = e.outerClassName, m = e.outerStyle, b = e.useLayerForClickAway, v = b === void 0 ? true : b, h = q(e, [ "children", "dockPosition", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "onRequestClose", "open", "outerClassName", "outerStyle", "useLayerForClickAway" ]);
+        var t = e.children, o = e.dockPosition, i = o === void 0 ? "right" : o, a = e.elementRef, u = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, y = e.onRequestClose, d = e.open, p = e.outerClassName, m = e.outerStyle, b = e.useLayerForClickAway, v = b === void 0 ? true : b, h = q(e, [ "children", "dockPosition", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "onRequestClose", "open", "outerClassName", "outerStyle", "useLayerForClickAway" ]);
         // @docs-props-type SidePanelPropsBase
                 var g = (0, r.useState)(false), S = A(g, 2), w = S[0], j = S[1];
-        var C = s()(y);
+        var C = s()(d);
         (0, r.useEffect)((function() {
             // prevOpen starts undefined, and we don't want to make the comparison in that situation
-            if (C != null && y !== C) {
+            if (C != null && d !== C) {
                 j(true);
             }
-        }), [ y, C ]);
+        }), [ d, C ]);
         var k = (0, r.useMemo)((function() {
             if (v) {
                 return "interactive";
@@ -307,20 +303,20 @@
                 innerClassName: u,
                 innerStyle: T,
                 onAnimationEnd: E,
-                open: y,
-                outerClassName: d,
+                open: d,
+                outerClassName: p,
                 outerStyle: m,
                 retainFocus: true,
                 role: "dialog",
                 tabIndex: -1,
                 takeFocus: true
             }, h), t);
-        }), [ t, i, T, E, u, y, d, m, M, h ]);
+        }), [ t, i, a, T, E, u, d, p, m, M, h ]);
         
         return n().createElement(l(), {
             childrenInAnimation: w,
-            onRequestClose: p,
-            open: y,
+            onRequestClose: y,
+            open: d,
             renderModal: _,
             scrim: k
         });