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

package/Modal.js

@@ -97,16 +97,16 @@
     const h = require("@splunk/react-ui/Box");
     var O =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const S = require("@splunk/themes");
+    const w = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Modal/BodyStyles.ts
-    var w = g()(O()).withConfig({
+    var S = g()(O()).withConfig({
         displayName: "BodyStyles__StyledBox",
         componentId: "lv54z7-0"
     })([ "background-color:", ";padding:", " ", ";flex:0 1 auto;overflow:auto;" ], (0, 
-    S.pick)({
-        enterprise: S.variables.backgroundColor,
-        prisma: S.variables.backgroundColorDialog
-    }), S.variables.spacingMedium, S.variables.spacingXLarge);
+    w.pick)({
+        enterprise: w.variables.backgroundColor,
+        prisma: w.variables.backgroundColorDialog
+    }), w.variables.spacingMedium, w.variables.spacingXLarge);
     // CONCATENATED MODULE: ./src/Modal/Body.tsx
     function j() {
         return j = Object.assign ? Object.assign.bind() : function(e) {
@@ -199,7 +199,7 @@
             u(e);
         }), []);
         
-        return n().createElement(w, j({
+        return n().createElement(S, j({
             "data-test": "body"
         }, o, {
             elementRef: c
@@ -216,9 +216,9 @@
     var B = g().div.withConfig({
         displayName: "FooterStyles__StyledDiv",
         componentId: "yszcmv-0"
-    })([ "flex:0 0 auto;padding:", " ", ";background-color:", ";& > button{min-width:80px;}", "" ], S.variables.spacingLarge, S.variables.spacingXLarge, S.variables.backgroundColorDialog, (0, 
-    S.pickVariant)("$layout", {
-        auto: (0, m.css)([ "display:flex;align-items:center;justify-content:flex-end;gap:", ";& > *:is(button,*){flex:0 0 auto;}& >:not(button){margin-right:auto;}&:has(button + button + button) > button:first-of-type{margin-right:auto;}" ], S.variables.spacingSmall),
+    })([ "flex:0 0 auto;padding:", " ", ";background-color:", ";& > button{min-width:80px;}", "" ], w.variables.spacingLarge, w.variables.spacingXLarge, w.variables.backgroundColorDialog, (0, 
+    w.pickVariant)("$layout", {
+        auto: (0, m.css)([ "display:flex;align-items:center;justify-content:flex-end;gap:", ";& > *:is(button,*){flex:0 0 auto;}& >:not(button){margin-right:auto;}&:has(button + button + button) > button:first-of-type{margin-right:auto;}" ], w.variables.spacingSmall),
         none: (0, m.css)([ "text-align:right;" ])
     }));
     // CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
@@ -271,7 +271,8 @@
         var c = u === "both" || u === "footer";
         
         return n().createElement(n().Fragment, null, c &&  n().createElement(R(), {
-            "aria-hidden": true
+            appearance: "weak",
+            decorative: true
         }),  n().createElement(B, L({
             "data-test": "footer",
             $layout: i
@@ -291,29 +292,29 @@
     var Q = g()(O()).withConfig({
         displayName: "HeaderStyles__Styled",
         componentId: "sc-1y722ut-0"
-    })([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", " ", ";gap:", ";" ], S.mixins.reset("flex"), (0, 
-    S.pick)({
+    })([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", " ", ";gap:", ";" ], w.mixins.reset("flex"), (0, 
+    w.pick)({
         enterprise: "30px",
         prisma: {
             comfortable: "60px",
             compact: "52px"
         }
-    }), (0, S.pick)({
-        enterprise: S.variables.backgroundColor,
-        prisma: S.variables.backgroundColorDialog
-    }), S.variables.spacingLarge, S.variables.spacingXLarge, S.variables.spacingSmall);
+    }), (0, w.pick)({
+        enterprise: w.variables.backgroundColor,
+        prisma: w.variables.backgroundColorDialog
+    }), w.variables.spacingLarge, w.variables.spacingXLarge, w.variables.spacingSmall);
     var Y = g().div.withConfig({
         displayName: "HeaderStyles__StyledTitleWrapper",
         componentId: "sc-1y722ut-1"
-    })([ "", ";flex-direction:column;align-self:center;margin-right:auto;" ], S.mixins.reset("flex"));
+    })([ "", ";flex-direction:column;align-self:center;margin-right:auto;" ], w.mixins.reset("flex"));
     var Z = g().h2.withConfig({
         displayName: "HeaderStyles__StyledTitle",
         componentId: "sc-1y722ut-2"
-    })([ "", ";", " margin:0;overflow-wrap:break-word;" ], S.mixins.reset("block"), S.mixins.typography("title3"));
+    })([ "", ";", " margin:0;overflow-wrap:break-word;" ], w.mixins.reset("block"), w.mixins.typography("title3"));
     var ee = g().p.withConfig({
         displayName: "HeaderStyles__StyledSubtitle",
         componentId: "sc-1y722ut-3"
-    })([ "", ";overflow-wrap:break-word;" ], S.mixins.reset("block"));
+    })([ "", ";overflow-wrap:break-word;" ], w.mixins.reset("block"));
     var re = g()(J()).withConfig({
         displayName: "HeaderStyles__StyledButton",
         componentId: "sc-1y722ut-4"
@@ -396,18 +397,19 @@
             icon: ae,
             onClick: m
         })), y &&  n().createElement(R(), {
-            "aria-hidden": true
+            appearance: "weak",
+            decorative: true
         }));
     }
     le.propTypes = ie;
     /* harmony default export */    const ue = le;
-    // CONCATENATED MODULE: external "react-spring"
-    const ce = require("react-spring");
+    // CONCATENATED MODULE: external "@react-spring/web"
+    const ce = require("@react-spring/web");
     // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
     var se = g()(ce.animated.div).withConfig({
         displayName: "ModalStyles__Styled",
         componentId: "sc-5fn8ds-0"
-    })([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ], S.mixins.reset("flex"), S.variables.zindexModal, S.variables.modalShadow, S.variables.spacingXLarge, S.variables.spacingXLarge, S.variables.borderRadius);
+    })([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ], w.mixins.reset("flex"), w.variables.zindexModal, w.variables.modalShadow, w.variables.spacingXLarge, w.variables.spacingXLarge, w.variables.borderRadius);
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -491,19 +493,19 @@
         }, ge(e);
     }
     function he(e, r) {
-        return Ce(e) || je(e, r) || Se(e, r) || Oe();
+        return Ce(e) || je(e, r) || we(e, r) || Oe();
     }
     function Oe() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Se(e, r) {
+    function we(e, r) {
         if (e) {
-            if ("string" == typeof e) return we(e, r);
+            if ("string" == typeof e) return Se(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? we(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Se(e, r) : void 0;
         }
     }
-    function we(e, r) {
+    function Se(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
@@ -568,9 +570,9 @@
         returnFocus: i().oneOfType([ i().func, i().object ]).isRequired
     };
     function Ee(e) {
-        var r = e.children, o = e.closeOnClickAway, i = e.elementRef, a = e.divider, u = a === void 0 ? "both" : a, s = e.initialFocus, v = s === void 0 ? "first" : s, b = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, S = xe(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
+        var r = e.children, o = e.closeOnClickAway, i = e.elementRef, a = e.divider, u = a === void 0 ? "both" : a, s = e.initialFocus, v = s === void 0 ? "first" : s, b = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, w = xe(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
         // @docs-props-type ModalPropsBase
-                var w = (0, t.useRef)(null);
+                var S = (0, t.useRef)(null);
         // this timeout ensures that the Modal is finished rendering before setting the focus
                 var j;
         var C = (0, t.useRef)(undefined);
@@ -606,13 +608,13 @@
                     // and it has a nested defer() call, which we want to avoid
                                         if (x.current !== v) {
                         if (v === "first") {
-                            if (w.current) {
+                            if (S.current) {
                                 /* eslint-disable prefer-destructuring */
                                 /* prefer-desturucting leads to harder-to-read syntax in this case */
-                                e = (0, d.getSortedTabbableElements)(w.current)[0];
+                                e = (0, d.getSortedTabbableElements)(S.current)[0];
                                 /* eslint-enable prefer-destructuring */                            }
                         } else if (v === "container") {
-                            e = w.current;
+                            e = S.current;
                         } else if (ge(v) === "object") {
                             e = v;
                         }
@@ -653,12 +655,12 @@
             D(_);
         }), [ D, v, g, j, _ ]);
         var M = (0, t.useCallback)((function(e) {
-            w.current = e;
+            S.current = e;
             fe(i, e);
-        }), [ i, w ]);
+        }), [ i, S ]);
         var R = function e(r) {
-            if (w.current !== null) {
-                (0, d.handleTab)(w.current, r.nativeEvent);
+            if (S.current !== null) {
+                (0, d.handleTab)(S.current, r.nativeEvent);
             }
         };
         var B = (0, t.useCallback)((function(e) {
@@ -697,10 +699,10 @@
                 role: "dialog",
                 "aria-labelledby": I,
                 "aria-describedby": q
-            }, S),  n().createElement(N.Provider, {
+            }, w),  n().createElement(N.Provider, {
                 value: F
             }, a));
-        }), [ r, L, M, I, q, S, O, F ]);
+        }), [ r, L, M, I, q, w, O, F ]);
         var X = o ? "interactive" : "visible";
         
         return n().createElement(f(), {

package/ModalLayer.js

@@ -77,8 +77,8 @@
     // CONCATENATED MODULE: external "styled-components"
     const u = require("styled-components");
     var p =  e.n(u);
-    // CONCATENATED MODULE: external "react-spring"
-    const s = require("react-spring");
+    // CONCATENATED MODULE: external "@react-spring/web"
+    const s = require("@react-spring/web");
     // CONCATENATED MODULE: external "@splunk/themes"
     const f = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ModalLayer/ModalLayerStyles.ts
@@ -88,15 +88,15 @@
         componentId: "sc-1sa3n1j-0"
     })([ "", ";background-color:", ";z-index:", ";" ], y, f.variables.backgroundColorScrim, f.variables.zindexModalBackdrop);
     // CONCATENATED MODULE: ./src/ModalLayer/ModalLayer.tsx
-    function v(e) {
+    function b(e) {
         "@babel/helpers - typeof";
-        return v = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return b = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, v(e);
+        }, b(e);
     }
-    function b(e, t) {
+    function v(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -109,9 +109,9 @@
     function m(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? b(Object(r), !0).forEach((function(t) {
+            t % 2 ? v(Object(r), !0).forEach((function(t) {
                 E(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach((function(t) {
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : v(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
@@ -161,7 +161,7 @@
         };
     }
     function S(e, t) {
-        if (t && ("object" == v(t) || "function" == typeof t)) return t;
+        if (t && ("object" == b(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return k(e);
     }
@@ -192,14 +192,14 @@
     }
     function q(e) {
         var t = M(e, "string");
-        return "symbol" == v(t) ? t : t + "";
+        return "symbol" == b(t) ? t : t + "";
     }
     function M(e, t) {
-        if ("object" != v(e) || !e) return e;
+        if ("object" != b(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != v(n)) return n;
+            if ("object" != b(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);