@splunk/react-ui 4.34.0 → 4.36.0

package/Select.js

@@ -64,7 +64,7 @@
         Divider: () => /* reexport */ T.Divider,
         Heading: () => /* reexport */ T.Heading,
         Option: () => /* reexport */ nn,
-        default: () => /* reexport */ xn
+        default: () => /* reexport */ wn
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -97,10 +97,10 @@
     var O =  e.n(g);
     // CONCATENATED MODULE: external "lodash/memoize"
     const S = require("lodash/memoize");
-    var x =  e.n(S);
+    var w =  e.n(S);
     // CONCATENATED MODULE: external "lodash/omit"
-    const w = require("lodash/omit");
-    var C =  e.n(w);
+    const x = require("lodash/omit");
+    var C =  e.n(x);
     // CONCATENATED MODULE: external "lodash/pick"
     const k = require("lodash/pick");
     var I =  e.n(k);
@@ -424,10 +424,10 @@
     /* harmony default export */    const Oe = ge;
     // CONCATENATED MODULE: external "styled-components"
     const Se = require("styled-components");
-    var xe =  e.n(Se);
+    var we =  e.n(Se);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const we = require("@splunk/react-ui/Clickable");
-    var Ce =  e.n(we);
+    const xe = require("@splunk/react-ui/Clickable");
+    var Ce =  e.n(xe);
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
     const ke = require("@splunk/react-ui/Switch");
     var Ie =  e.n(ke);
@@ -439,18 +439,18 @@
     }), U.variables.fontSizeSmall, (0, U.pick)({
         prisma: "16px"
     }));
-    var Ae = xe().span.withConfig({
+    var Ae = we().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionBottom",
         componentId: "sc-4kc053-0"
     })([ "", ";display:block;" ], _e);
-    var je = xe().span.withConfig({
+    var je = we().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
     })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], _e, (0, 
     U.pick)({
         enterprise: (0, Se.css)([ "padding-left:", ";" ], U.variables.spacingLarge)
     }));
-    var Ee = xe().div.withConfig({
+    var Ee = we().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedIcon",
         componentId: "sc-4kc053-2"
     })([ "position:absolute;", " color:", ";" ], (0, U.pick)({
@@ -460,7 +460,7 @@
         prisma: U.variables.contentColorActive,
         enterprise: U.variables.accentColorL10
     }));
-    var Me = xe().span.withConfig({
+    var Me = we().span.withConfig({
         displayName: "ItemStyles__StyledItemIcon",
         componentId: "sc-4kc053-3"
     })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
@@ -474,10 +474,10 @@
         prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
         enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
     }));
-    var Te = xe()(Ce()).withConfig({
+    var Te = we()(Ce()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-4"
-    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
+    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
     U.pick)({
         prisma: U.variables.contentColorActive,
         enterprise: {
@@ -520,8 +520,6 @@
         return t && (0, U.pick)({
             prisma: (0, Se.css)([ "background:", ";" ], U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayHover))
         });
-    }), U.variables.focusShadowInset, (0, U.pick)({
-        prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
     }), (0, U.pick)({
         prisma: (0, Se.css)([ "&:active{background:", ";}" ], U.variables.interactiveColorOverlayActive)
     }), (function(e) {
@@ -529,6 +527,8 @@
         return t && (0, U.pick)({
             prisma: (0, Se.css)([ "background:", ";&:active{background:", ";}" ], U.variables.interactiveColorOverlaySelected, U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayActive))
         });
+    }), U.variables.focusShadowInset, (0, U.pick)({
+        prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
     }), (0, U.pick)({
         enterprise: {
             light: U.variables.gray45,
@@ -556,7 +556,7 @@
             Me, U.variables.contentColorActive)
         });
     }));
-    var Pe = xe()(Ie()).withConfig({
+    var Pe = we()(Ie()).withConfig({
         displayName: "ItemStyles__StyledSwitch",
         componentId: "sc-4kc053-5"
     })([ "position:absolute;left:", ";top:", ";" ], (0, U.pick)({
@@ -569,25 +569,25 @@
             compact: "2px"
         }
     }));
-    var Ve = xe().span.withConfig({
+    var Ve = we().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
     })([ "display:flex;align-items:flex-start;" ]);
-    var Re = xe().span.withConfig({
+    var Re = we().span.withConfig({
         displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, Se.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
-    var De = xe().div.withConfig({
+    var De = we().div.withConfig({
         displayName: "ItemStyles__StyledLabel",
         componentId: "sc-4kc053-8"
     })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, Se.css)([ "display:block;clear:both;" ]);
     }));
-    var Le = xe().span.withConfig({
+    var Le = we().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
     })([ "border-bottom:1px solid ", ";" ], (0, U.pick)({
@@ -597,7 +597,7 @@
             light: U.variables.gray45
         }
     }));
-    var qe = xe().span.withConfig({
+    var qe = we().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
     })([ "float:right;padding-left:", ";color:", ";", "" ], U.variables.spacingSmall, (0, 
@@ -608,11 +608,11 @@
         prisma: (0, Se.css)([ "& > svg{width:20px;height:20px;}" ])
     }));
     // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
-    var Ne = xe()(De).withConfig({
+    var Ne = we()(De).withConfig({
         displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
         componentId: "y6bn08-0"
     })([ "font-weight:", ";" ], U.variables.fontWeightBold);
-    var Be = xe()(Oe).withConfig({
+    var Be = we()(Oe).withConfig({
         displayName: "SelectAllOptionStyles__StyledSelectAllOption",
         componentId: "y6bn08-1"
     })([ "padding-inline-start:", ";box-shadow:none;" ], (0, U.pick)({
@@ -672,7 +672,7 @@
     const $e = require("@splunk/react-ui/Button");
     var ze =  e.n($e);
     // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-    var We = xe()(ze()).withConfig({
+    var We = we()(ze()).withConfig({
         displayName: "SelectBaseStyles__StyledButton",
         componentId: "sc-16cj7sk-0"
     })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -682,22 +682,22 @@
         var t = e.$multiple;
         return !t && "flex-grow: 0;";
     }));
-    var Ue = xe().span.withConfig({
+    var Ue = we().span.withConfig({
         displayName: "SelectBaseStyles__StyledLinkIcon",
         componentId: "sc-16cj7sk-1"
     })([ "padding-right:2px;" ]);
-    var Ge = xe().span.withConfig({
+    var Ge = we().span.withConfig({
         displayName: "SelectBaseStyles__StyledLinkCaret",
         componentId: "sc-16cj7sk-2"
     })([ "padding-left:2px;" ]);
-    var Je = xe().div.withConfig({
+    var Je = we().div.withConfig({
         displayName: "SelectBaseStyles__StyledFilter",
         componentId: "sc-16cj7sk-3"
     })([ "padding:", ";min-width:160px;" ], (0, U.pick)({
         enterprise: "8px",
         prisma: "10px 16px"
     }));
-    var Xe = xe().span.withConfig({
+    var Xe = we().span.withConfig({
         displayName: "SelectBaseStyles__StyledSearchIconWrapper",
         componentId: "sc-16cj7sk-4"
     })([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
@@ -710,18 +710,18 @@
         comfortable: "0 8px",
         compact: "0 6px"
     }));
-    var Ye = xe().span.withConfig({
+    var Ye = we().span.withConfig({
         displayName: "SelectBaseStyles__StyledCount",
         componentId: "sc-16cj7sk-5"
     })([ "padding-right:", ";" ], U.variables.spacingXSmall);
-    var Qe = xe()(q()).withConfig({
+    var Qe = we()(q()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsLink",
         componentId: "sc-16cj7sk-6"
     })([ "margin-right:20px;", ";" ], (function(e) {
         var t = e.$disabled;
         return t && (0, Se.css)([ "color:", ";" ], U.variables.contentColorDisabled);
     }));
-    var Ze = xe().div.withConfig({
+    var Ze = we().div.withConfig({
         displayName: "SelectBaseStyles__StyledToggleAllControls",
         componentId: "sc-16cj7sk-7"
     })([ "padding:", ";", "" ], (0, U.pick)({
@@ -1008,7 +1008,7 @@
         };
         return St(e, t);
     }
-    function xt(e) {
+    function wt(e) {
         var t = kt();
         return function n() {
             var r = It(e), o;
@@ -1018,10 +1018,10 @@
             } else {
                 o = r.apply(this, arguments);
             }
-            return wt(this, o);
+            return xt(this, o);
         };
     }
-    function wt(e, t) {
+    function xt(e, t) {
         if (t && (_t(t) === "object" || typeof t === "function")) {
             return t;
         }
@@ -1172,11 +1172,11 @@
         tabConfirmsNewValue: false,
         toggleContent: "optionChildren"
     };
-    var Pt = x()((function(e) {
+    var Pt = w()((function(e) {
         return [ e ];
     }));
  // preserve separate widths for single vs. multi mode
-        var Vt = x()((function(e) {
+        var Vt = w()((function(e) {
         var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
         return n ? jt({
             width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
@@ -1196,7 +1196,7 @@
     }
     var qt =  function(e) {
         Ot(o, e);
-        var t = xt(o);
+        var t = wt(o);
         gt(o, null, [ {
             key: "validateAppearance",
             // @docs-props-type CompactPropsBase
@@ -1477,7 +1477,7 @@
             }));
             Et(Ct(i), "createToggle", (function() {
                 var e;
-                var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, x = t.required, w = t.suffixLabel, k = t.toggleContent;
+                var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, x = t.suffixLabel, k = t.toggleContent;
                 var _;
                 var A;
                 var j = [];
@@ -1513,7 +1513,7 @@
                     A = i.wrapLabel({
                         prefixLabel: S,
                         label: A,
-                        suffixLabel: w
+                        suffixLabel: x
                     });
                 }
  // single <Select> behaviour is to show the placeholder if all parts of the the label
@@ -1531,20 +1531,20 @@
                     j = i.wrapLabel({
                         prefixLabel: S,
                         label: [ "".concat(E.length, " items selected") ],
-                        suffixLabel: w
+                        suffixLabel: x
                     });
                 } else {
                     j = i.wrapLabel({
                         prefixLabel: S,
                         label: j,
-                        suffixLabel: w
+                        suffixLabel: x
                     });
                 }
                 var P = jt({
                     "aria-describedby": u,
                     "aria-label": "".concat(m ? "".concat(m, ", ") : "").concat(j.join("")),
                     "aria-labelledby": m ? undefined : b,
-                    "aria-required": x,
+                    "aria-required": w,
                     "data-select-appearance": l,
                     "data-test": y ? "multiselect" : "select",
                     disabled: p,
@@ -1594,9 +1594,9 @@
                 i.availableMatchOptions = [];
                 var O;
                 var S = 0;
-                var x = false;
+                var w = false;
  // used to avoid overwriting the selected item ref in multiple mode
-                                var w;
+                                var x;
                 var C = b === "immediately" ? i.getTopValues() : a;
                 var k = n.Children.toArray(i.props.children).reduce((function(e, t, o) {
                     // ignore Headings and Dividers
@@ -1609,7 +1609,7 @@
                         O = true;
                     }
                     var a = g && g.indexOf(t.props.value) >= 0;
-                    var l = !!a && !t.props.disabled && !w;
+                    var l = !!a && !t.props.disabled && !x;
                     var s = c && !d && !p && !m && !y;
                     var u = Lt(t.props.value, t.props.label);
                     var f = -1;
@@ -1635,14 +1635,14 @@
                         }
                     });
                     if (l) {
-                        w = true;
+                        x = true;
                     }
                     if (C && C.indexOf(t.props.value) >= 0) {
                         if (S === 0) {
                             e.splice(S, 0,  r().createElement(T.Divider, {
                                 key: "topDivider"
                             }));
-                            x = true;
+                            w = true;
                         }
                         e.splice(S, 0, v);
                         S += 1;
@@ -1668,7 +1668,7 @@
                                     key: "topDivider"
                                 }));
                                 S += 1;
-                                x = true;
+                                w = true;
                             }
                             k.splice(n ? 0 : o + 1, 0,  r().createElement(Oe, {
                                 label: String(e),
@@ -1706,7 +1706,7 @@
                 }));
  // Add the option to add the new value
                                 if (u && !O && t) {
-                    var A = x ? S + 1 : S;
+                    var A = w ? S + 1 : S;
                     k.splice(A, 0,  r().createElement(Oe, {
                         label: "".concat(t, " (new value)"),
                         value: t,
@@ -2002,13 +2002,12 @@
                             placement: a,
                             hasChildren: !!m.length
                         }),
-                        controlledExternally: o.hasFilter(),
-                        placement: a !== null && a !== void 0 ? a : undefined,
-                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
-                        "data-test": "results-menu",
-                        isLoading: o.props.isLoadingOptions,
+                        focusMode: o.hasFilter() ? "never" : undefined,
                         id: o.menuId,
-                        menuId: o.menuListboxId
+                        isLoading: o.props.isLoadingOptions,
+                        menuId: o.menuListboxId,
+                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
+                        placement: a !== null && a !== void 0 ? a : undefined
                     }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
                         style: l,
                         tabIndex: s
@@ -2524,7 +2523,7 @@
     yn(Sn, "Option", nn);
     yn(Sn, "Heading", T.Heading);
     yn(Sn, "Divider", T.Divider);
-    /* harmony default export */    const xn = Sn;
+    /* harmony default export */    const wn = Sn;
     // CONCATENATED MODULE: ./src/Select/index.ts
     module.exports = t;
     /******/})();

package/Slider.js

@@ -113,7 +113,10 @@
     var O = function e(t) {
         var r = t.$error;
         return (0, h.pick)({
-            enterprise: h.variables.gray45,
+            enterprise: {
+                light: h.variables.gray22,
+                dark: h.variables.white
+            },
             prisma: r ? h.variables.accentColorNegative : h.variables.contentColorActive
         });
     };
@@ -125,7 +128,7 @@
         prisma: h.variables.neutral100
     });
     var $ = (0, h.pick)({
-        enterprise: h.variables.gray80,
+        enterprise: h.variables.gray60,
         prisma: h.variables.interactiveColorBorder
     });
     var _ = function e(t) {
@@ -177,7 +180,10 @@
         enterprise: "9px",
         prisma: "10px"
     }), (0, h.pick)({
-        enterprise: h.variables.gray45,
+        enterprise: {
+            light: h.variables.gray22,
+            dark: h.variables.white
+        },
         prisma: h.variables.contentColorActive
     }), (0, h.pick)({
         enterprise: "6px",

package/StaticContent.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = r => {
-            /******/ var t = r && r.__esModule ? 
-            /******/ () => r["default"]
-            /******/ : () => r
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
             /******/;
-            e.d(t, {
-                a: t
+            e.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, t) => {
-            /******/ for (var n in t) {
-                /******/ if (e.o(t, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
         /******/;
     })();
     /******/
@@ -56,16 +56,16 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
+    /************************************************************************/    var t = {};
     // ESM COMPAT FLAG
-        e.r(r);
+        e.r(t);
     // EXPORTS
-        e.d(r, {
+        e.d(t, {
         default: () => /* reexport */ b
     });
     // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var n =  e.n(t);
+    const r = require("react");
+    var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
     var o =  e.n(i);
@@ -73,12 +73,12 @@
     const a = require("styled-components");
     var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const p = require("@splunk/react-ui/Box");
-    var c =  e.n(p);
+    const c = require("@splunk/react-ui/Box");
+    var p =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/themes"
     const s = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/StaticContent/StaticContentStyles.ts
-    var u = l()(c()).withConfig({
+    var f = l()(p()).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:", ";}" ], s.mixins.reset("flex"), s.variables.fontWeightSemiBold, s.variables.inputHeight, (0, 
@@ -96,46 +96,46 @@
         prisma: s.variables.spacingLarge
     }));
     // CONCATENATED MODULE: ./src/StaticContent/StaticContent.tsx
-    function f() {
-        f = Object.assign || function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
+    function u() {
+        u = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
                     }
                 }
             }
             return e;
         };
-        return f.apply(this, arguments);
+        return u.apply(this, arguments);
     }
-    function d(e, r) {
+    function d(e, t) {
         if (e == null) return {};
-        var t = m(e, r);
+        var r = m(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (i = 0; i < o.length; i++) {
                 n = o[i];
-                if (r.indexOf(n) >= 0) continue;
+                if (t.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+                r[n] = e[n];
             }
         }
-        return t;
+        return r;
     }
-    function m(e, r) {
+    function m(e, t) {
         if (e == null) return {};
-        var t = {};
+        var r = {};
         var n = Object.keys(e);
         var i, o;
         for (o = 0; o < n.length; o++) {
             i = n[o];
-            if (r.indexOf(i) >= 0) continue;
-            t[i] = e[i];
+            if (t.indexOf(i) >= 0) continue;
+            r[i] = e[i];
         }
-        return t;
+        return r;
     }
     var v = {
         children: o().node,
@@ -147,17 +147,19 @@
  * This component is intended for use in a control group, either to display a static value or
  * between two controls.
  */    function y(e) {
-        var r = e.children, t = e.inline, i = t === void 0 ? false : t, o = e.size, a = o === void 0 ? "medium" : o, l = d(e, [ "children", "inline", "size" ]);
+        var t = e.children, i = e.inline, o = i === void 0 ? false : i, a = e.size, l = d(e, [ "children", "inline", "size" ]);
         // @docs-props-type StaticContentPropsBase
-                
-        return n().createElement(u, f({
+                (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ a ]);
+        
+        return n().createElement(f, u({
             "data-test": "static-content",
-            "data-size": a,
-            inline: i
-        }, l), r);
+            inline: o
+        }, l), t);
     }
     y.propTypes = v;
     /* harmony default export */    const b = y;
     // CONCATENATED MODULE: ./src/StaticContent/index.ts
-    module.exports = r;
+    module.exports = t;
     /******/})();