@splunk/react-ui 4.42.0 → 4.44.0

package/RadioList.js

@@ -185,8 +185,8 @@
         prisma: (0, u.css)([ "&:active + ", "::before{background-color:", ";}&:active + ", "::after{background-color:", ";}&:checked:active + ", "::before{border-color:transparent;background-color:", ";}&:disabled + ", ":hover::before{box-shadow:none;}&:checked:disabled + ", "{&::before{background-color:", ";}&::after{background-color:rgba(255,255,255,0.3);}}" ], /* sc-sel */ f, p.mixins.overlayColors(p.variables.backgroundColorPage, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, p.mixins.overlayColors(p.variables.white, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, p.mixins.overlayColors(p.variables.interactiveColorPrimary, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, /* sc-sel */ f, p.variables.interactiveColorBackgroundDisabled)
     }));
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var o in a) {
@@ -194,9 +194,9 @@
                 }
             }
             return e;
-        }, g.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
-    function m(e, r) {
+    function g(e, r) {
         if (null == e) return {};
         var a, o, i = h(e, r);
         if (Object.getOwnPropertySymbols) {
@@ -227,7 +227,7 @@
         value: t().any.isRequired
     };
     function x(e) {
-        var r = e.children, i = e.disabled, t = i === void 0 ? false : i, n = e.error, l = n === void 0 ? false : n, c = e.id, u = e.onChange, b = e.value, p = m(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
+        var r = e.children, i = e.disabled, t = i === void 0 ? false : i, n = e.error, l = n === void 0 ? false : n, c = e.id, u = e.onChange, b = e.value, p = g(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
                 var h = (0, a.useRef)(c || (0, s.createDOMID)("radio-option")), k = h.current;
         var x = (0, a.useContext)(d);
@@ -256,7 +256,7 @@
             S = x.error;
         }
         
-        return o().createElement(v, g({
+        return o().createElement(v, m({
             "data-test": "option",
             "data-test-value": b
         }, p, {
@@ -304,26 +304,26 @@
         }, j.apply(null, arguments);
     }
     function q(e, r) {
-        return E(e) || A(e, r) || I(e, r) || P();
+        return A(e) || _(e, r) || I(e, r) || P();
     }
     function P() {
         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 I(e, r) {
         if (e) {
-            if ("string" == typeof e) return _(e, r);
+            if ("string" == typeof e) return R(e, r);
             var a = {}.toString.call(e).slice(8, -1);
-            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? _(e, r) : void 0;
+            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? R(e, r) : void 0;
         }
     }
-    function _(e, r) {
+    function R(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var a = 0, o = Array(r); a < r; a++) {
             o[a] = e[a];
         }
         return o;
     }
-    function A(e, r) {
+    function _(e, r) {
         var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != a) {
             var o, i, t, n, l = [], s = !0, c = !1;
@@ -345,12 +345,12 @@
             return l;
         }
     }
-    function E(e) {
+    function A(e) {
         if (Array.isArray(e)) return e;
     }
-    function B(e, r) {
+    function E(e, r) {
         if (null == e) return {};
-        var a, o, i = D(e, r);
+        var a, o, i = B(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
             for (o = 0; o < t.length; o++) {
@@ -359,7 +359,7 @@
         }
         return i;
     }
-    function D(e, r) {
+    function B(e, r) {
         if (null == e) return {};
         var a = {};
         for (var o in e) {
@@ -370,7 +370,7 @@
         }
         return a;
     }
-    /** @public */    var N = {
+    /** @public */    var D = {
         children: t().node,
         defaultValue: t().any,
         describedBy: t().string,
@@ -385,19 +385,19 @@
         required: t().bool,
         value: t().any
     };
-    function R(e) {
-        var r = e.children, i = e.defaultValue, t = e.describedBy, n = e.direction, c = n === void 0 ? "column" : n, u = e.disabled, b = u === void 0 ? false : u, p = e.error, v = p === void 0 ? false : p, f = e.labelledBy, y = e.name, g = e.onChange, m = e.required, h = e.value, k = B(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "error", "labelledBy", "name", "onChange", "required", "value" ]);
+    function N(e) {
+        var r = e.children, i = e.defaultValue, t = e.describedBy, n = e.direction, c = n === void 0 ? "column" : n, u = e.disabled, b = u === void 0 ? false : u, p = e.elementRef, v = e.error, f = v === void 0 ? false : v, y = e.labelledBy, m = e.name, g = e.onChange, h = e.required, k = e.value, x = E(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
         // @docs-props-type RadioListPropsBase
         // TODO: Implement shared isControlled hook (SUI-5283).
         // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
         // https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/utils/useControlled.js
-                var x = (0, a.useRef)(h !== undefined), C = x.current;
-        var O = (0, a.useState)(i), w = q(O, 2), P = w[0], I = w[1];
-        var _ = C ? h : P;
-        var A = (0, a.useRef)(y || (0, s.createDOMID)("radio-name")), E = A.current;
+                var C = (0, a.useRef)(k !== undefined), O = C.current;
+        var w = (0, a.useState)(i), P = q(w, 2), I = P[0], R = P[1];
+        var _ = O ? k : I;
+        var A = (0, a.useRef)(m || (0, s.createDOMID)("radio-name")), B = A.current;
         var D = function e(r, a) {
-            if (!C) {
-                I(a.value);
+            if (!O) {
+                R(a.value);
             }
             g === null || g === void 0 ? void 0 : g(r, a);
         };
@@ -407,41 +407,42 @@
         // Check if changing from controlled to un-controlled
                 (0, a.useEffect)((function() {
             if (false) {}
-        }), [ h, C ]);
-        var N = (0, a.useRef)(i), R = N.current;
+        }), [ k, O ]);
+        var N = (0, a.useRef)(i), M = N.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ R, i, C ]);
-        var M = (0, a.useMemo)((function() {
+        }), [ M, i, O ]);
+        var T = (0, a.useMemo)((function() {
             return {
                 disabled: b,
-                error: v,
+                error: f,
                 onChange: D,
-                name: E,
-                required: m,
+                name: B,
+                required: h,
                 value: _
             };
-        }), [ b, v, D, E, m, _ ]);
-        var T = k["aria-labelledby"];
-        var L = k["aria-describedby"];
+        }), [ b, f, D, B, h, _ ]);
+        var L = x["aria-labelledby"];
+        var z = x["aria-describedby"];
         
         return o().createElement(d.Provider, {
-            value: M
+            value: T
         },  o().createElement(S, j({
             flex: true,
             direction: c,
             role: "radiogroup",
             "data-test": "radio-list",
-            "data-test-value": _
-        }, l()(k, [ "aria-labelledby", "aria-describedby" ]), {
-            "aria-labelledby": T ? "".concat(T, " ").concat(f) : f,
-            "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
-            "aria-invalid": v
+            "data-test-value": _,
+            elementRef: p
+        }, l()(x, [ "aria-labelledby", "aria-describedby" ]), {
+            "aria-labelledby": L ? "".concat(L, " ").concat(y) : y,
+            "aria-describedby": z ? "".concat(z, " ").concat(t) : t,
+            "aria-invalid": f
         }), r));
     }
-    R.propTypes = N;
-    R.Option = C;
-    /* harmony default export */    const M = R;
+    N.propTypes = D;
+    N.Option = C;
+    /* harmony default export */    const M = N;
     // only for styled components using RadioList
         // CONCATENATED MODULE: ./src/RadioList/index.ts
     module.exports = r;

package/ResultsMenu.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/ResultsMenu';
+export * from './types/src/ResultsMenu';

package/Search.js

@@ -536,23 +536,22 @@
                 var Se = (0, r.useRef)(null);
         var je = (0, r.useRef)(null);
         var Pe = (0, r.useRef)(F !== undefined && F !== null);
-        var ke = (0, r.useRef)(false);
-        var Ce = (0, r.useRef)([]);
-        var Ie = (0, r.useRef)(we);
-        var Me = (0, r.useRef)(undefined);
-        var Re = function e(n) {
+        var ke = (0, r.useRef)([]);
+        var Ce = (0, r.useRef)(we);
+        var Ie = (0, r.useRef)(undefined);
+        var Me = function e(n) {
             $(Se, n);
             $(d, n);
         };
-        var Ee = function e(n) {
+        var Re = function e(n) {
             $(je, n);
             $(C, n);
         };
-        var qe = function e() {
+        var Ee = function e() {
             return Pe.current ? F : se;
         };
-        var De = function e() {
-            var n = qe();
+        var qe = function e() {
+            var n = Ee();
             var t = r.Children.toArray(i).filter(r.isValidElement);
             var o = !ae && t.find((function(e) {
                 return e.props.label !== undefined && e.props.value === n;
@@ -562,32 +561,25 @@
             }
             return n;
         };
-        var xe = function e() {
+        var De = function e() {
             re(true);
             G(-1);
             V === null || V === void 0 ? void 0 : V();
         };
-        var Ae = function e() {
+        var xe = function e() {
             re(false);
-            Ie.current = null;
+            Ce.current = null;
             _ === null || _ === void 0 ? void 0 : _();
         };
-        var Be = function e() {
+        var Ae = function e() {
             var n;
             (n = je.current) === null || n === void 0 ? void 0 : n.focus();
         };
-        var Te = function e(n, r) {
-            /* SUI-930 On IE 11 this handler is essentially deferred after calling
-     * this.textInput.focus(). this.focusCalledInternally enables the focus event to be ignored
-     * when the menu closes. */
-            if (ke.current) {
-                ke.current = false;
-            } else {
-                xe();
-            }
+        var Be = function e(n, r) {
+            De();
             H === null || H === void 0 ? void 0 : H(n, r);
         };
-        var _e = function e(n, r) {
+        var Te = function e(n, r) {
             var t = r.value;
             if (!Pe.current) {
                 pe(t);
@@ -599,14 +591,13 @@
                 name: A
             });
         };
-        var He = function e(n, r) {
-            _e(n, Z({}, r));
-            ke.current = true;
-            Be();
+        var _e = function e(n, r) {
+            Te(n, Z({}, r));
             Ae();
+            xe();
         };
-        var Le = function e(n) {
-            var r = Ce.current.length;
+        var He = function e(n) {
+            var r = ke.current.length;
             var t = (0, h.keycode)(n.nativeEvent);
             if (ne) {
                 switch (t) {
@@ -621,7 +612,7 @@
                     }
 
                   case "tab":
-                    Ae();
+                    xe();
                     break;
 
                   case "down":
@@ -638,41 +629,41 @@
             } else if ((0, h.addsCharacter)(n.nativeEvent) !== false || 
             // Safari 9.0 returns undefined
             t === "enter" || t === "backspace" || t === "down" || t === "up") {
-                xe();
+                De();
             }
             L === null || L === void 0 ? void 0 : L(n);
         };
-        var Ve = function e() {
+        var Le = function e() {
             if (!ne && !s) {
-                xe();
+                De();
             }
         };
-        var Ke = function e(n) {
+        var Ve = function e(n) {
             var r = n.event, t = n.reason;
             var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && Se.current && !de(Se.current, r);
             if (o) {
-                Ae();
+                xe();
             }
         };
-        var Ne = function e(n) {
-            if (Ie.current !== Y) {
+        var Ke = function e(n) {
+            if (Ce.current !== Y) {
                 n === null || n === void 0 ? void 0 : n.scrollIntoViewIfNeeded();
             }
         };
-        var Fe = function e(n) {
+        var Ne = function e(n) {
             var a = n.anchorWidth, u = n.maxHeight;
             var l = r.Children.toArray(i).filter(r.isValidElement);
             // Highlight Active
-                        Me.current = undefined;
+                        Ie.current = undefined;
             // Only update the menu options if they are valid and the dropdown is open.
             // This is necessary to handle the outro animation of the dropdown.
                         if (z && ne) {
-                Ce.current = l.map((function(e, n) {
+                ke.current = l.map((function(e, n) {
                     var t = function n(r, t) {
                         var o, i;
                         var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, t);
                         if (a !== false) {
-                            He(r, t);
+                            _e(r, t);
                         }
                     };
                     if (!c()(e.props, "active")) {
@@ -681,11 +672,11 @@
                     }
                     if (n === Y) {
                         if (!e.props.disabled) {
-                            Me.current = e.props.value;
+                            Ie.current = e.props.value;
                         }
                         
                         return (0, r.cloneElement)(e, {
-                            ref: Ne,
+                            ref: Ke,
                             id: Oe,
                             onClick: t,
                             active: true
@@ -713,16 +704,16 @@
                 animateLoading: o,
                 loadingMessage: q,
                 menuId: ge
-            }), Ce.current);
+            }), ke.current);
         };
+        var Fe = Ee();
         var We = qe();
-        var ze = De();
-        var Ue = ne && !!Se.current && z;
-        var Xe = z ? "combobox" : "searchbox";
-        var Ye = {
-            "aria-activedescendant": Ue && Y > -1 ? Oe : undefined,
+        var ze = ne && !!Se.current && z;
+        var Ue = z ? "combobox" : "searchbox";
+        var Xe = {
+            "aria-activedescendant": ze && Y > -1 ? Oe : undefined,
             "aria-expanded": z ? ne && !!Se.current : undefined,
-            "aria-controls": Ue ? ge : undefined
+            "aria-controls": ze ? ge : undefined
         };
         
         return t().createElement(I(), J({
@@ -733,26 +724,26 @@
             autoComplete: "off",
             autoCorrect: "off",
             "data-test-popover-id": he,
-            "data-test-label": ze,
-            "data-test-value": We,
-            "data-test-open": Ue,
+            "data-test-label": We,
+            "data-test-value": Fe,
+            "data-test-open": ze,
             describedBy: l,
             disabled: s,
-            elementRef: Re,
+            elementRef: Me,
             error: g,
             inline: P,
-            inputRef: Ee,
+            inputRef: Re,
             labelledBy: E,
             name: A,
-            onFocus: Te,
-            onClick: Ve,
-            onChange: _e,
-            onKeyDown: Le,
+            onFocus: Be,
+            onClick: Le,
+            onChange: Te,
+            onKeyDown: He,
             placeholder: N,
             spellCheck: false,
-            value: ze,
-            role: Xe
-        }, Ye),  t().createElement(j(), {
+            value: We,
+            role: Ue
+        }, Xe),  t().createElement(j(), {
             anchor: function() {
                 return Se.current;
             }(),
@@ -760,10 +751,10 @@
             canCoverAnchor: false,
             defaultPlacement: a,
             id: he,
-            onRequestClose: Ke,
-            open: Ue,
+            onRequestClose: Ve,
+            open: ze,
             repositionMode: "flip"
-        }, Fe));
+        }, Ne));
     }
     pe.propTypes = se;
     pe.Option = Y;

package/Select.js

@@ -935,7 +935,7 @@
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": s,
-                "aria-owns": a ? r : undefined,
+                "aria-owns": S && a ? r : undefined,
                 "aria-label": (0, u._)("Filter"),
                 "aria-autocomplete": "list",
                 "aria-activedescendant": S && a ? r : undefined,

package/Slider.js

@@ -108,7 +108,10 @@
     var O = w().div.withConfig({
         displayName: "SliderStyles__StyledInput",
         componentId: "sc-16ooit4-1"
-    })([ "flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;" ], m.variables.inputHeight);
+    })([ "flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;", "" ], m.variables.inputHeight, (function(e) {
+        var r = e.$disabled;
+        return r && (0, x.css)([ "cursor:not-allowed;" ]);
+    }));
     var _ = "1px";
     var B = w().div.withConfig({
         displayName: "SliderStyles__StyledSliderBar",
@@ -156,7 +159,7 @@
     var j = w().button.withConfig({
         displayName: "SliderStyles__StyledSliderThumb",
         componentId: "sc-16ooit4-3"
-    })([ "", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], m.mixins.reset("inline"), E, E, (0, 
+    })([ "", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active:not([disabled]){outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], m.mixins.reset("inline"), E, E, (0, 
     m.pick)({
         enterprise: "9px",
         prisma: "10px"
@@ -203,24 +206,24 @@
         enterprise: "18px",
         prisma: "24px"
     }));
-    var q = (0, x.css)([ "flex:0 0 auto;line-height:", ";", "" ], m.variables.inputHeight, (function(e) {
+    var $ = (0, x.css)([ "flex:0 0 auto;line-height:", ";", "" ], m.variables.inputHeight, (function(e) {
         var r = e.$disabled;
         return r && (0, x.css)([ "color:", ";" ], (0, m.pick)({
             enterprise: m.variables.textDisabledColor,
             prisma: m.variables.contentColorDisabled
         }));
     }));
-    var D = w()(T()).withConfig({
+    var q = w()(T()).withConfig({
         displayName: "SliderStyles__StyledMinLabelBox",
         componentId: "sc-16ooit4-5"
-    })([ "", ";margin-right:", ";text-align:right;" ], q, (0, m.pick)({
+    })([ "", ";margin-right:", ";text-align:right;" ], $, (0, m.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
-    var $ = w()(T()).withConfig({
+    var D = w()(T()).withConfig({
         displayName: "SliderStyles__StyledMaxLabelBox",
         componentId: "sc-16ooit4-6"
-    })([ "", ";margin-left:", ";text-align:left;" ], q, (0, m.pick)({
+    })([ "", ";margin-left:", ";text-align:left;" ], $, (0, m.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
@@ -631,7 +634,7 @@
             value: function e() {
                 var r = this;
                 var i = this.props, a = i.describedBy, o = i.disabled, l = i.displayValue, s = i.elementRef, u = i.error, c = i.inline, p = i.labelledBy, f = i.max, m = i.maxLabel, b = i.min, y = i.minLabel, x = i.required, w = i.step, k = i.stepMarks, S = i.splunkTheme;
-                var C = this.state, T = C.isFocused, _ = C.selected, q = C.sliderBar;
+                var C = this.state, T = C.isFocused, _ = C.selected, $ = C.sliderBar;
                 var N = this.getValue();
                 var L = ae({
                     value: N,
@@ -639,10 +642,10 @@
                     max: f
                 });
                 var R = k === "focus" && T || k === "always";
-                var F = R && q ? ie({
+                var F = R && $ ? ie({
                     max: f,
                     min: b,
-                    sliderBar: q,
+                    sliderBar: $,
                     step: w,
                     thumbWidth: E(S)
                 }) : undefined;
@@ -662,11 +665,12 @@
                     target: window,
                     eventType: "mousemove",
                     listener: this.handleMouseMove
-                })), y !== null &&  n().createElement(D, {
+                })), y !== null &&  n().createElement(q, {
                     "data-test": "min-label",
                     $disabled: o
                 }, y || b),  n().createElement(O, {
-                    onClick: o ? undefined : this.handleClick
+                    onClick: o ? undefined : this.handleClick,
+                    $disabled: o
                 },  n().createElement(B, {
                     "aria-required": x,
                     "data-test": "bar",
@@ -701,7 +705,7 @@
                     anchor: this.sliderThumb,
                     appearance: "inverted",
                     align: "center"
-                },  n().createElement(P, null, l || N))), m !== null &&  n().createElement($, {
+                },  n().createElement(P, null, l || N))), m !== null &&  n().createElement(D, {
                     "data-test": "max-label",
                     $disabled: o
                 }, m || f));

package/StaticContent.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ y
+        default: () => /* reexport */ v
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -70,15 +70,15 @@
     const i = require("prop-types");
     var a =  e.n(i);
     // CONCATENATED MODULE: external "styled-components"
-    const o = require("styled-components");
-    var l =  e.n(o);
+    const l = require("styled-components");
+    var o =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const s = require("@splunk/react-ui/Box");
     var c =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/themes"
     const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/StaticContent/StaticContentStyles.ts
-    var u = l()(c()).withConfig({
+    var u = o()(c()).withConfig({
         displayName: "StaticContentStyles__StyledBox",
         componentId: "sxqyrp-0"
     })([ "", ";position:relative;margin:0;font-weight:", ";word-wrap:break-word;min-height:", ";padding:", ";[data-inline] + &[data-inline]{margin-left:", ";}" ], p.mixins.reset("flex"), p.variables.fontWeightSemiBold, p.variables.inputHeight, (0, 
@@ -109,7 +109,7 @@
     }
     function d(e, r) {
         if (null == e) return {};
-        var n, t, i = m(e, r);
+        var n, t, i = b(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -118,7 +118,7 @@
         }
         return i;
     }
-    function m(e, r) {
+    function b(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -129,29 +129,31 @@
         }
         return n;
     }
-    var v = {
+    var m = {
         children: a().node,
         elementRef: a().oneOfType([ a().func, a().object ]),
         inline: a().bool,
-        size: a().oneOf([ "small", "medium" ])
+        size: a().oneOf([ "small", "medium" ]),
+        labelledBy: a().string
     };
     /**
  * This component is intended for use in a control group, either to display a static value or
  * between two controls.
- */    function b(e) {
-        var r = e.children, i = e.inline, a = i === void 0 ? false : i, o = e.size, l = d(e, [ "children", "inline", "size" ]);
+ */    function y(e) {
+        var r = e.children, i = e.inline, a = i === void 0 ? false : i, l = e.labelledBy, o = e.size, s = d(e, [ "children", "inline", "labelledBy", "size" ]);
         // @docs-props-type StaticContentPropsBase
                 (0, n.useEffect)((function() {
             if (false) {}
         }), [ o ]);
         
         return t().createElement(u, f({
+            "aria-labelledby": l,
             "data-test": "static-content",
             inline: a
-        }, l), r);
+        }, s), r);
     }
-    b.propTypes = v;
-    /* harmony default export */    const y = b;
+    y.propTypes = m;
+    /* harmony default export */    const v = y;
     // CONCATENATED MODULE: ./src/StaticContent/index.ts
     module.exports = r;
     /******/})();

package/TabBar.js

@@ -861,6 +861,10 @@
         }), [ q ]);
         var V = m && m > ke ? m : null;
         var K = (0, r.useCallback)((function(e) {
+            // if command key on Mac was pressed ignore
+            if (e.nativeEvent.metaKey) {
+                return;
+            }
             var t = (0, a.keycode)(e.nativeEvent);
             var r;
             if (t === E) {