@splunk/react-ui 4.41.0 → 4.43.0

package/Layer.js

@@ -73,10 +73,10 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        LayerContext: () => /* reexport */ b,
-        LayerStackContext: () => /* reexport */ h,
-        LayerStackGlobalProvider: () => /* reexport */ w,
-        default: () => /* reexport */ U
+        LayerContext: () => /* reexport */ h,
+        LayerStackContext: () => /* reexport */ v,
+        LayerStackGlobalProvider: () => /* reexport */ b,
+        default: () => /* reexport */ I
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -87,27 +87,25 @@
     const i = require("prop-types");
     var a =  e.n(i);
     // CONCATENATED MODULE: external "lodash/includes"
-    const c = require("lodash/includes");
-    var u =  e.n(c);
+    const l = require("lodash/includes");
+    var c =  e.n(l);
     // CONCATENATED MODULE: external "lodash/last"
-    const l = require("lodash/last");
-    var s =  e.n(l);
+    const u = require("lodash/last");
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "lodash/pull"
     const p = require("lodash/pull");
     var f =  e.n(p);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const y = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const d = require("@splunk/react-ui/EventListener");
-    var v =  e.n(d);
+    const y = require("@splunk/react-ui/EventListener");
+    var d =  e.n(y);
     // CONCATENATED MODULE: ./src/Layer/LayerStack.tsx
     /**
  * `LayerStackContext` is used to manage the array that `Layer` (and components that
  * depend on it, such as `Modal`) uses to determine the order of open layers.
  * @public
  */
-    var h =  r().createContext([]);
-    var b =  r().createContext({});
+    var v =  r().createContext([]);
+    var h =  r().createContext({});
     var m = {
         children: a().node,
         name: a().string,
@@ -119,10 +117,10 @@
  * A `LayerStackContext` provider that stores a shared layer stack using a global variable.
  * Applications should only use this provider if there's a known need to support multiple
  * instances of this library on the same page.
- */    function w(t) {
-        var o = t.children, i = t.name, a = i === void 0 ? "__splunkui_layer_instances__" : i, c = t.scope, u = c === void 0 ? typeof window !== "undefined" ? window : e.g : c, l = t.separateStackingContexts, s = l === void 0 ? false : l;
-        if (!u[a]) {
-            u[a] = [];
+ */    function b(t) {
+        var o = t.children, i = t.name, a = i === void 0 ? "__splunkui_layer_instances__" : i, l = t.scope, c = l === void 0 ? typeof window !== "undefined" ? window : e.g : l, u = t.separateStackingContexts, s = u === void 0 ? false : u;
+        if (!c[a]) {
+            c[a] = [];
  // eslint-disable-line no-param-reassign
                 }
         var p = (0, n.useMemo)((function() {
@@ -131,29 +129,29 @@
             };
         }), [ s ]);
         
-        return r().createElement(h.Provider, {
-            value: u[a]
-        },  r().createElement(b.Provider, {
+        return r().createElement(v.Provider, {
+            value: c[a]
+        },  r().createElement(h.Provider, {
             value: p
         }, o));
     }
-    w.propTypes = m;
+    b.propTypes = m;
     // CONCATENATED MODULE: external "styled-components"
-    const k = require("styled-components");
-    var g =  e.n(k);
+    const w = require("styled-components");
+    var g =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/themes"
     const C = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Layer/LayerStyles.ts
-    var S = g().div.withConfig({
+    var k = g().div.withConfig({
         displayName: "LayerStyles__StyledLayer",
         componentId: "ii6psl-0"
     })([ "", "" ], (function(e) {
         var t = e.$separateStackingContexts;
-        return t && (0, k.css)([ "isolation:isolate;z-index:", ";" ], C.variables.zindexLayer);
+        return t && (0, w.css)([ "isolation:isolate;z-index:", ";" ], C.variables.zindexLayer);
     }));
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var O = {
+    var S = {
         body: {
             appendChild: function e() {
                 return [];
@@ -208,34 +206,34 @@
         }
     };
     function E() {
-        var e = typeof document !== "undefined" ? document : O;
+        var e = typeof document !== "undefined" ? document : S;
         return e;
     }
     // CONCATENATED MODULE: ./src/Layer/Layer.tsx
-    function j(e) {
+    function O(e) {
         "@babel/helpers - typeof";
-        return j = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return O = "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;
-        }, j(e);
+        }, O(e);
     }
-    function L(e, t) {
+    function j(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function P(e, t) {
+    function L(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, K(r.key), r);
+            Object.defineProperty(e, A(r.key), r);
         }
     }
-    function _(e, t, n) {
-        return t && P(e.prototype, t), n && P(e, n), Object.defineProperty(e, "prototype", {
+    function P(e, t, n) {
+        return t && L(e.prototype, t), n && L(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function T(e, t) {
+    function _(e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
@@ -245,103 +243,101 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && x(e, t);
+        }), t && T(e, t);
     }
-    function x(e, t) {
-        return x = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function T(e, t) {
+        return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, x(e, t);
+        }, T(e, t);
     }
-    function q(e) {
-        var t = M();
+    function x(e) {
+        var t = D();
         return function() {
-            var n, r = N(e);
+            var n, r = M(e);
             if (t) {
-                var o = N(this).constructor;
+                var o = M(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
-            return R(this, n);
+            return q(this, n);
         };
     }
-    function R(e, t) {
-        if (t && ("object" == j(t) || "function" == typeof t)) return t;
+    function q(e, t) {
+        if (t && ("object" == O(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return D(e);
+        return R(e);
     }
-    function D(e) {
+    function R(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function M() {
+    function D() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (M = function t() {
+        return (D = function t() {
             return !!e;
         })();
     }
-    function N(e) {
-        return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function M(e) {
+        return M = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, N(e);
+        }, M(e);
     }
-    function A(e, t, n) {
-        return (t = K(t)) in e ? Object.defineProperty(e, t, {
+    function N(e, t, n) {
+        return (t = A(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function K(e) {
-        var t = W(e, "string");
-        return "symbol" == j(t) ? t : t + "";
+    function A(e) {
+        var t = K(e, "string");
+        return "symbol" == O(t) ? t : t + "";
     }
-    function W(e, t) {
-        if ("object" != j(e) || !e) return e;
+    function K(e, t) {
+        if ("object" != O(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var r = n.call(e, t || "default");
-            if ("object" != j(r)) return r;
+            if ("object" != O(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
     /** @public */
-    /** @public */    var B = [ "clickAway", "escapeKey" ];
-    var z = {
+    /** @public */    var W = [ "clickAway", "escapeKey" ];
+    var F = {
         children: a().node,
-        closeReasons: a().arrayOf(a().oneOf(B)),
+        closeReasons: a().arrayOf(a().oneOf(W)),
         onRequestClose: a().func,
         open: a().bool
     };
-    var F = {
-        closeReasons: B,
+    var B = {
+        closeReasons: W,
         open: false
     };
-    var I =  function(e) {
-        T(n, e);
-        var t = q(n);
+    var z =  function(e) {
+        _(n, e);
+        var t = x(n);
         // @docs-props-type LayerPropsBase
         // eslint-disable-next-line react/sort-comp
         // LayerStackContext (an array) keeps track of the current instances of Layer. This is
         // used by Layer#handleKeyDown to determine if the escapeKey event should be handled by
         // the current instance. Only the topmost Layer instance should honor the escapeKey.
-        // TODO: enable once this is sorted out within the babel/ts ecosystem
-        // declare context: React.ContextType<typeof LayerStackContext>;
                 function n(e) {
             var r;
-            L(this, n);
+            j(this, n);
             r = t.call(this, e);
-            A(D(r), "layerClickEvent", null);
-            A(D(r), "handleClickOnLayer", (function(e) {
+            N(R(r), "layerClickEvent", null);
+            N(R(r), "handleClickOnLayer", (function(e) {
                 var t = e.nativeEvent;
                 r.layerClickEvent = t;
             }));
-            A(D(r), "handleClickOnWindow", (function(e) {
+            N(R(r), "handleClickOnWindow", (function(e) {
                 var t, n;
                 // clicks inside the layer should not be considered clickAways
-                                if (!r.props.open || !u()(r.props.closeReasons, "clickAway") || r.layerClickEvent === e) {
+                                if (!r.props.open || !c()(r.props.closeReasons, "clickAway") || r.layerClickEvent === e) {
                     return;
                 }
                 (t = (n = r.props).onRequestClose) === null || t === void 0 ? void 0 : t.call(n, {
@@ -349,8 +345,8 @@
                     reason: "clickAway"
                 });
             }));
-            A(D(r), "handleKeyDownOnWindow", (function(e) {
-                if (r.props.open && (0, y.keycode)(e) === "esc" && s()(r.getLayerStack()) === D(r) && u()(r.props.closeReasons, "escapeKey")) {
+            N(R(r), "handleKeyDownOnWindow", (function(e) {
+                if (r.props.open && e.key === "Escape" && s()(r.getLayerStack()) === R(r) && c()(r.props.closeReasons, "escapeKey")) {
                     var t, n;
                     (t = (n = r.props).onRequestClose) === null || t === void 0 ? void 0 : t.call(n, {
                         event: e,
@@ -366,7 +362,7 @@
             }
             return r;
         }
-        _(n, [ {
+        P(n, [ {
             key: "componentDidMount",
             value: function e() {
                 if (this.props.open) {
@@ -392,16 +388,25 @@
             value: function e() {
                 return this.context;
             }
-        }, {
+ // the fullscreen API does not render elements outside the fullscreen element
+            // Layer renders in document.body, which means that anything using Layer will not render in fullscreen
+            // this code moves the layer container into the fullscreen element, ensuring that it will render
+                }, {
             key: "render",
             value: function e() {
                 var t = this;
-                var i = this.props, a = i.children, c = i.open;
-                if (c) {
-                    var u =  (0, o.createPortal)( r().createElement(b.Consumer, null, (function(e) {
+                var i = this.props, a = i.children, l = i.open;
+                var c =  r().createElement(d(), {
+                    target: window,
+                    eventType: "fullscreenchange",
+                    listener: n.handleFullScreenChange,
+                    key: "fullScreenChange"
+                });
+                if (l) {
+                    var u =  (0, o.createPortal)( r().createElement(h.Consumer, null, (function(e) {
                         var n = e.separateStackingContexts, o = n === void 0 ? false : n;
                         
-                        return r().createElement(S, {
+                        return r().createElement(k, {
                             $separateStackingContexts: o,
                             "data-test": "layer",
                             onMouseDown: t.handleClickOnLayer,
@@ -409,17 +414,17 @@
                         }, a);
                     })), n.layerContainer);
                     
-                    return r().createElement(r().Fragment, null,  r().createElement(v(), {
+                    return r().createElement(r().Fragment, null,  r().createElement(d(), {
                         target: window,
                         eventType: "keydown",
                         listener: this.handleKeyDownOnWindow,
                         key: "eventListenerKeydown"
-                    }),  r().createElement(v(), {
+                    }),  r().createElement(d(), {
                         target: window,
                         eventType: "mousedown",
                         listener: this.handleClickOnWindow,
                         key: "eventListenerMouseDown"
-                    }),  r().createElement(v(), {
+                    }),  r().createElement(d(), {
                         target: window,
                         eventType: "touchstart",
                         listener: this.handleClickOnWindow,
@@ -427,19 +432,32 @@
                         options: {
                             passive: true
                         }
-                    }), u);
+                    }), c, u);
                 }
-                return null;
+                // the fragment has to be present to avoid type issues with React 18
+                // eslint-disable-next-line react/jsx-no-useless-fragment
+                                
+                return r().createElement(r().Fragment, null, c);
             }
         } ]);
         return n;
     }(n.Component);
-    A(I, "layerContainer", null);
-    A(I, "possibleCloseReasons", B);
-    A(I, "propTypes", z);
-    A(I, "defaultProps", F);
-    A(I, "contextType", h);
-    /* harmony default export */    const U = I;
+    N(z, "layerContainer", null);
+    N(z, "possibleCloseReasons", W);
+    N(z, "propTypes", F);
+    N(z, "defaultProps", B);
+    N(z, "contextType", v);
+    N(z, "handleFullScreenChange", (function() {
+        if (z.layerContainer) {
+            var e = E();
+            if (e.fullscreenElement != null) {
+                e.fullscreenElement.appendChild(z.layerContainer);
+            } else {
+                e.body.appendChild(z.layerContainer);
+            }
+        }
+    }));
+    /* harmony default export */    const I = z;
     // CONCATENATED MODULE: ./src/Layer/index.ts
     module.exports = t;
     /******/})();

package/Link.js

@@ -61,7 +61,6 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        StyledLink: () => /* reexport */ x,
         default: () => /* reexport */ Q
     });
     // CONCATENATED MODULE: external "react"
@@ -106,10 +105,10 @@
     }
     /* harmony default export */    const O = g;
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const S = require("@splunk/react-ui/Clickable");
-    var j =  e.n(S);
+    const j = require("@splunk/react-ui/Clickable");
+    var x =  e.n(j);
     // CONCATENATED MODULE: ./src/Link/LinkStyles.ts
-    var x = p()(j()).withConfig({
+    var S = p()(x()).withConfig({
         displayName: "LinkStyles__StyledClickable",
         componentId: "sc-1hhltcf-0"
     })([ "", ";color:", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;border-radius:", ";&:not([disabled],[aria-disabled='true']){cursor:pointer;", ";&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}" ], v.mixins.reset("inline"), (0, 
@@ -198,11 +197,11 @@
         }, N(e, t);
     }
     function R(e) {
-        var t = L();
+        var t = A();
         return function() {
-            var r, n = A(e);
+            var r, n = B(e);
             if (t) {
-                var o = A(this).constructor;
+                var o = B(this).constructor;
                 r = Reflect.construct(n, arguments, o);
             } else r = n.apply(this, arguments);
             return M(this, r);
@@ -217,20 +216,20 @@
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function L() {
+    function A() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (L = function t() {
+        return (A = function t() {
             return !!e;
         })();
     }
-    function A(e) {
-        return A = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function B(e) {
+        return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, A(e);
+        }, B(e);
     }
-    function B(e, t, r) {
+    function L(e, t, r) {
         return (t = z(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
@@ -279,8 +278,8 @@
                 o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
-            B(D(e), "component", null);
-            B(D(e), "handleMount", (function(t) {
+            L(D(e), "component", null);
+            L(D(e), "handleMount", (function(t) {
                 e.component = t;
             }));
             return e;
@@ -307,7 +306,7 @@
                     u = typeof o === "string" ? o : J;
                 }
                 
-                return n().createElement(x, k({
+                return n().createElement(S, k({
                     "data-test": "link",
                     ref: this.handleMount,
                     openInNewContext: a
@@ -316,11 +315,10 @@
         } ]);
         return r;
     }(r.Component);
-    B(K, "propTypes", H);
-    B(K, "defaultProps", G);
-    B(K, u.legacyRefMode, true);
+    L(K, "propTypes", H);
+    L(K, "defaultProps", G);
+    L(K, u.legacyRefMode, true);
     /* harmony default export */    const Q = K;
-    // exported so that we can style both <a> and <button> tags in MessageBar
-        // CONCATENATED MODULE: ./src/Link/index.ts
+    // CONCATENATED MODULE: ./src/Link/index.ts
     module.exports = t;
     /******/})();

package/MIGRATION.mdx

@@ -46,6 +46,17 @@ Remove usages of the `iconSize` prop.
 
 ## 4.39.0
 
+### Deprecated `Menu.Item`'s `icon` prop
+
+#### Change
+`Menu.Item`'s `icon` prop is deprecated and will be removed in a future major version.
+
+#### Context
+The `Menu.Item` icon should not be used as `Menu.Item` as that restricted the location of the icon and it is now possible to place an adornment at the start or the end of the `Menu.Item` content.
+
+#### Migration steps
+Replace all usage of `Menu.Item`'s `icon` prop with `startAdornment` and/or `endAdornment`.
+
 ### Deprecated `TabBar` and `TabLayout`'s `appearance` prop
 
 #### Change
@@ -60,7 +71,7 @@ Due to these factors, the `"context"` appearance has poor accessibility on two f
 * it makes it difficult to distinguish the tabs from the content
 * it has poor contrast between the selected and unselected tabs
 
-The existance of this appearance has also encouraged uses of these components where tabs are not appropriate.
+The existence of this appearance has also encouraged uses of these components where tabs are not appropriate.
 
 Additionally, this appearance has only been supported in Prisma themes, leading to visual inconsistency with Enterprise themes.
 
@@ -98,6 +109,22 @@ There are two possible use cases for a selectable `Button`:
 1) If the `Button` was used as part of a `ButtonGroup`, replace it with a `RadioBar`.
 2) If the `Button` was used standalone, replace it with a `Switch` with `appearance="toggle"`.
 
+## 4.36.0
+
+### Deprecated `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop
+
+#### Change
+
+`ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop has been deprecated and will be removed in the next major version.
+
+#### Context
+
+The `size` prop currently does not do anything in `ComboBox`, `ControlGroup`, or `StaticContent`, so it will be removed in the next major version.
+
+#### Migration steps
+
+Remove all usage of `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop. To change the size of components, use the `SplunkThemeProvider`'s `density` prop.
+
 ## 4.35.0
 
 ### Deprecated `Menu`'s `retainFocus` prop
@@ -142,7 +169,7 @@ For Enterprise themes:
 * the `"pill"` value can be replaced with `"subtle"` with no other changes.
 
 For Prisma themes:
-* the `"flat"` appearance can be replaced by `"secondary"` or `"subtle"` depending on the context in which it appears.
+* the `"flat"` appearance can be replaced with `"subtle"`.
 * the `"toggle"` appearance can be replaced with `"default"`.
 
 ### Improved `Card.Header` accessibility when rendering actions
@@ -223,6 +250,21 @@ and move them to the new `actions` prop.
 
 ## 4.30.0
 
+### Deprecated `Text`'s `appearance` prop
+
+#### Change
+
+`Text`'s `appearance` prop has been deprecated and will be removed in the next major version.
+
+#### Context
+
+`Text`'s `appearance` prop allowed the values "default" and "search".
+With the new `Search` component optimized for user interaction, Text's `appearance` prop has become unnecessary.
+
+#### Migration steps
+
+Replace all usage of `Text`'s `appearance="search"` value with the `Search` component. Remove all usage of `Text`'s `appearance="default"` value.
+
 ### Deprecated `NavigationProvider`'s `prefix` prop
 
 #### Change
@@ -397,7 +439,7 @@ const StyledSHeading = styled(Heading)`
     })};
 `;
 
-<StyledSHeading level={4} variant="title4"/>
+<StyledSHeading level={5} variant="title4"/>
 ```
 
 `level="ss"` styling:
@@ -410,7 +452,7 @@ const StyledSSHeading = styled(Heading)`
     })};
 `;
 
-<StyledSHeading level={5} variant="title5"/>
+<StyledSHeading level={6} variant="title5"/>
 ```
 
 *Prisma*
@@ -423,14 +465,14 @@ const StyledSHeading = styled(Heading)`
     color: ${variables.contentColorDefault};
 `;
 
-<StyledSHeading level={4} variant="title4"/>
+<StyledSHeading level={5} variant="title4"/>
 ```
 
 `level="ss"` styling:
 
 ```jsx
 No styling is needed.
-<Heading level="ss"> is equivalent to <StyledSHeading level={5} variant="title5"/>
+<Heading level="ss"> is equivalent to <StyledSHeading level={6} variant="title5"/>
 ```
 
 ## 4.17.1
@@ -724,50 +766,3 @@ Previously, `Tooltip` closed as soon as a user stopped hovering over the toggle.
 
 #### Migration steps
 Replace all usage of `Popover`’s `pointerEvents` prop with `possibleOpenReasons` and `possibleCloseReasons`.
-
-## 4.30.0
-
-### Deprecated `Text`'s `appearance` prop
-
-#### Change
-
-`Text`'s `appearance` prop has been deprecated and will be removed in the next major version.
-
-#### Context
-
-`Text`'s `appearance` prop allowed the values "default" and "search".
-With the new `Search` component optimized for user interaction, Text's `appearance` prop has become unnecessary.
-
-#### Migration steps
-
-Replace all usage of `Text`'s `appearance="search"` value with the `Search` component. Remove all usage of `Text`'s `appearance="default"` value.
-
-## 4.36.0
-
-### Deprecated `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop
-
-#### Change
-
-`ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop has been deprecated and will be removed in the next major version.
-
-#### Context
-
-The `size` prop currently does not do anything in `ComboBox`, `ControlGroup`, or `StaticContent`, so it will be removed in the next major version.
-
-#### Migration steps
-
-Remove all usage of `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop. To change the size of components, use the `SplunkThemeProvider`'s `density` prop.
-
-## 4.39.0
-
-### Deprecated `Menu.Item`'s `icon` prop
-
-#### Change
-`Menu.Item`'s `icon` prop is deprecated and will be removed in a future major version.
-
-#### Context
-The `Menu.Item` icon should not be used as `Menu.Item` as that restricted the location of the icon and it is now possible to place an adornment at the start or the end of the `Menu.Item` content.
-
-#### Migration steps
-Replace all usage of `Menu.Item`'s `icon` prop with `startAdornment` and/or `endAdornment`.
-