@splunk/react-ui 5.0.0 → 5.1.0

package/Color.js

@@ -186,23 +186,23 @@
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
         var r =  t.n(e);
-        // EXTERNAL MODULE: external "prop-types"
-                var a = t(23);
-        var o =  t.n(a);
         // CONCATENATED MODULE: external "lodash/omit"
-        const l = require("lodash/omit");
-        var i =  t.n(l);
+        const a = require("lodash/omit");
+        var o =  t.n(a);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const u = require("lodash/pickBy");
+        const l = require("lodash/pickBy");
+        var i =  t.n(l);
+        // EXTERNAL MODULE: external "prop-types"
+                var u = t(23);
         var s =  t.n(u);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
         const c = require("@splunk/react-ui/Dropdown");
         var d =  t.n(c);
-        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const f = require("@splunk/react-ui/usePrevious");
-        var p =  t.n(f);
         // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-        const v = require("@splunk/react-ui/useControlled");
+        const f = require("@splunk/react-ui/useControlled");
+        var p =  t.n(f);
+        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+        const v = require("@splunk/react-ui/usePrevious");
         var b =  t.n(v);
         // CONCATENATED MODULE: external "@splunk/ui-utils/color"
         const y = require("@splunk/ui-utils/color");
@@ -210,50 +210,50 @@
         const m = require("@splunk/ui-utils/i18n");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
         const h = require("@splunk/ui-utils/id");
-        // EXTERNAL MODULE: external "styled-components"
-                var g = t(232);
-        var w =  t.n(g);
-        // EXTERNAL MODULE: external "@splunk/themes"
-                var S = t(3563);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const C = require("@splunk/react-ui/ScreenReaderContent");
-        var O =  t.n(C);
+        const g = require("@splunk/react-ui/ScreenReaderContent");
+        var w =  t.n(g);
         // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-        const x = require("@splunk/react-ui/Tooltip");
-        var k =  t.n(x);
+        const S = require("@splunk/react-ui/Tooltip");
+        var C =  t.n(S);
+        // EXTERNAL MODULE: external "styled-components"
+                var O = t(232);
+        var x =  t.n(O);
         // CONCATENATED MODULE: external "@splunk/react-icons/Palette"
-        const j = require("@splunk/react-icons/Palette");
-        var E =  t.n(j);
+        const k = require("@splunk/react-icons/Palette");
+        var j =  t.n(k);
         // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const I = require("@splunk/react-ui/Text");
-        var P =  t.n(I);
+        const E = require("@splunk/react-ui/Text");
+        var I =  t.n(E);
+        // EXTERNAL MODULE: external "@splunk/themes"
+                var P = t(3563);
         // CONCATENATED MODULE: ./src/Color/ColorInputStyles.ts
         // The text input displayed initially (not in the dropdown) is set to 104px to accommodate the
         // largest accepted value for Color, which is 'transparent,' while maintaining the base 8px grid.
         var _ = "104px";
-        var q = w().div.withConfig({
+        var q = x().div.withConfig({
             displayName: "ColorInputStyles__StyledTextWrapper",
             componentId: "sc-80hen8-0"
         })([ "display:flex;width:", ";flex:1 0 auto;" ], _);
-        var B = w()(P()).withConfig({
+        var B = x()(I()).withConfig({
             displayName: "ColorInputStyles__StyledText",
             componentId: "sc-80hen8-1"
         })([ "width:", ";" ], _);
-        var R = w().div.withConfig({
+        var R = x().div.withConfig({
             displayName: "ColorInputStyles__StyledSystemColorPickerWrapper",
             componentId: "sc-80hen8-2"
-        })([ "position:relative;height:", ";width:", ";border:", " solid ", ";box-sizing:border-box;border-radius:", ";", " ", " &:focus-within{box-shadow:", ";}" ], S.variables.inputHeight, S.variables.inputHeight, S.variables.inputBorderWidth, S.variables.interactiveColorBorder, S.variables.borderRadius, (function(e) {
+        })([ "position:relative;height:", ";width:", ";border:", " solid ", ";box-sizing:border-box;border-radius:", ";", " ", " &:focus-within{box-shadow:", ";}" ], P.variables.inputHeight, P.variables.inputHeight, P.variables.inputBorderWidth, P.variables.interactiveColorBorder, P.variables.borderRadius, (function(e) {
             var r = e.$append;
-            return r && (0, g.css)([ "margin-inline-end:-1px;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
+            return r && (0, O.css)([ "margin-inline-end:-1px;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
         }), (function(e) {
             var r = e.$prepend;
-            return r && (0, g.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
-        }), S.variables.focusShadow);
-        var A = w().input.withConfig({
+            return r && (0, O.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
+        }), P.variables.focusShadow);
+        var A = x().input.withConfig({
             displayName: "ColorInputStyles__StyledSystemColorPicker",
             componentId: "sc-80hen8-3"
-        })([ "opacity:0;width:100%;height:100%;border:", " solid transparent;cursor:pointer;pointer-events:auto;" ], S.variables.inputBorderWidth);
-        var T = w()(E()).withConfig({
+        })([ "opacity:0;width:100%;height:100%;border:", " solid transparent;cursor:pointer;pointer-events:auto;" ], P.variables.inputBorderWidth);
+        var T = x()(j()).withConfig({
             displayName: "ColorInputStyles__StyledColorPickerIcon",
             componentId: "sc-80hen8-4"
         })([ "box-sizing:border-box;height:100%;margin:auto;position:absolute;right:0;left:0;pointer-events:none;" ]);
@@ -376,32 +376,32 @@
         var X = "n/a";
         var Y = "transparent";
         var Z = function e(r, t) {
-            return J(r, t || undefined) === U ? S.variables.black : S.variables.white;
+            return J(r, t || undefined) === U ? P.variables.black : P.variables.white;
         };
-        var ee = w()(D()).withConfig({
+        var ee = x()(D()).withConfig({
             displayName: "SwatchStyles__StyledCheck",
             componentId: "sc-1wxunhq-0"
         })([ "box-sizing:border-box;", "" ], (function(e) {
             var r = e.$value;
-            return r === Y ? (0, g.css)([ "color:", ";" ], S.variables.black) : (0, S.pick)({
-                light: (0, g.css)([ "color:", ";" ], Z(true, r)),
-                dark: (0, g.css)([ "color:", ";" ], Z(false, r))
+            return r === Y ? (0, O.css)([ "color:", ";" ], P.variables.black) : (0, P.pick)({
+                light: (0, O.css)([ "color:", ";" ], Z(true, r)),
+                dark: (0, O.css)([ "color:", ";" ], Z(false, r))
             });
         }));
-        var re = w().div.withConfig({
+        var re = x().div.withConfig({
             displayName: "SwatchStyles__StyledOuter",
             componentId: "sc-1wxunhq-1"
-        })([ "border:", " solid ", ";border-radius:", ";box-sizing:border-box;height:", ";min-width:", ";&:focus-within{box-shadow:", ";z-index:1;}", " ", " ", "" ], S.variables.inputBorderWidth, S.variables.interactiveColorBorder, S.variables.borderRadius, S.variables.inputHeight, S.variables.inputHeight, S.variables.focusShadow, (function(e) {
+        })([ "border:", " solid ", ";border-radius:", ";box-sizing:border-box;height:", ";min-width:", ";&:focus-within{box-shadow:", ";z-index:1;}", " ", " ", "" ], P.variables.inputBorderWidth, P.variables.interactiveColorBorder, P.variables.borderRadius, P.variables.inputHeight, P.variables.inputHeight, P.variables.focusShadow, (function(e) {
             var r = e.$disabled;
-            return !r && (0, g.css)([ "&:hover{border-color:", ";}" ], S.variables.interactiveColorBorderHover);
+            return !r && (0, O.css)([ "&:hover{border-color:", ";}" ], P.variables.interactiveColorBorderHover);
         }), (function(e) {
             var r = e.$prepend;
-            return r && (0, g.css)([ "margin-left:1px;border-start-start-radius:0;border-end-start-radius:0;" ]);
+            return r && (0, O.css)([ "margin-left:1px;border-start-start-radius:0;border-end-start-radius:0;" ]);
         }), (function(e) {
             var r = e.$append;
-            return r && (0, g.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-right:none;" ]);
+            return r && (0, O.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-right:none;" ]);
         }));
-        var te = w()(H()).attrs((function(e) {
+        var te = x()(H()).attrs((function(e) {
             var r = e.$value;
             // this avoids styled-components generating a separate class for each swatch color
             // which avoids the "Over 200 classes were generated for component Component" warning
@@ -414,24 +414,24 @@
         })).withConfig({
             displayName: "SwatchStyles__StyledClickable",
             componentId: "sc-1wxunhq-2"
-        })([ "display:block;position:relative;flex:0 0 auto;width:100%;height:100%;border:", " solid ", ";border-radius:3px;", ";", " ", " ", " &[disabled]{background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));}", " ", "" ], S.variables.inputBorderWidth, S.variables.neutral100, (function(e) {
+        })([ "display:block;position:relative;flex:0 0 auto;width:100%;height:100%;border:", " solid ", ";border-radius:3px;", ";", " ", " ", " &[disabled]{background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));}", " ", "" ], P.variables.inputBorderWidth, P.variables.neutral100, (function(e) {
             var r = e.$value;
-            return r === null && (0, g.css)([ "background-image:linear-gradient( to bottom right,transparent 48%,", ",transparent 52% );" ], S.variables.contentColorNegative);
+            return r === null && (0, O.css)([ "background-image:linear-gradient( to bottom right,transparent 48%,", ",transparent 52% );" ], P.variables.contentColorNegative);
         }), (function(e) {
             var r = e.$value;
-            return r === Y && (0, g.css)([ "background-image:linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " ),linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " );background-size:10px 10px;background-position:0 0,5px 5px;background-color:", ";" ], Q, Q, Q, Q, Q, Q, S.variables.white);
+            return r === Y && (0, O.css)([ "background-image:linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " ),linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " );background-size:10px 10px;background-position:0 0,5px 5px;background-color:", ";" ], Q, Q, Q, Q, Q, Q, P.variables.white);
         }), (function(e) {
             var r = e.$prepend;
-            return r && (0, g.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
+            return r && (0, O.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
         }), (function(e) {
             var r = e.$append;
-            return r && (0, g.css)([ "border-start-end-radius:0;border-end-end-radius:0;" ]);
+            return r && (0, O.css)([ "border-start-end-radius:0;border-end-end-radius:0;" ]);
         }), (function(e) {
             var r = e.$hasError;
-            return r && (0, g.css)([ "box-shadow:inset 0 0 0 2px white;border-color:", ";" ], S.variables.interactiveColorAccentError);
+            return r && (0, O.css)([ "box-shadow:inset 0 0 0 2px white;border-color:", ";" ], P.variables.interactiveColorAccentError);
         }), (function(e) {
             var r = e.$showSelected;
-            return r && (0, g.css)([ "display:flex;align-items:center;justify-content:center;" ]);
+            return r && (0, O.css)([ "display:flex;align-items:center;justify-content:center;" ]);
         }));
         // CONCATENATED MODULE: ./src/Color/Swatch.tsx
         function ne() {
@@ -468,16 +468,16 @@
             return t;
         }
         var le = {
-            append: o().bool,
-            elementRef: o().oneOfType([ o().func, o().object ]),
+            append: s().bool,
+            elementRef: s().oneOfType([ s().func, s().object ]),
             /** @private */
-            error: o().bool,
+            error: s().bool,
             /** @private. Call back function when activated. */
-            onClick: o().func,
-            prepend: o().bool,
-            value: o().string,
+            onClick: s().func,
+            prepend: s().bool,
+            value: s().string,
             /** @private */
-            showSelected: o().bool
+            showSelected: s().bool
         };
         var ie =  r().forwardRef((function(t, n) {
             var a = t.append, o = t.disabled, l = t.error, i = l === void 0 ? false : l, u = t.onClick, s = t.prepend, c = t.value, d = t.showSelected, f = ae(t, [ "append", "disabled", "error", "onClick", "prepend", "value", "showSelected" ]);
@@ -513,7 +513,7 @@
                 "aria-label": (0, m._)("Selected"),
                 role: "presentation",
                 $value: v
-            }),  r().createElement(O(), null, p)));
+            }),  r().createElement(w(), null, p)));
         }));
         ie.propTypes = le;
         /* harmony default export */        const ue = ie;
@@ -635,8 +635,8 @@
         var we = (0, m._)("Open system color picker");
         var Se = function t(n) {
             var a = n.allowTransparent, o = n.append, l = n.disabled, i = n.inputRef, u = n.labelledBy, s = n.onChange, c = n.showPicker, d = n.showSubmitButton, f = n.value, p = n.valueIsCustom, v = ye(n, [ "allowTransparent", "append", "disabled", "inputRef", "labelledBy", "onChange", "showPicker", "showSubmitButton", "value", "valueIsCustom" ]);
-            var b = (0, e.useState)((0, h.createDOMID)("hex-input-reader-content")), g = ce(b, 1), w = g[0];
-            var S = (0, e.useState)(""), C = ce(S, 2), x = C[0], j = C[1];
+            var b = (0, e.useState)((0, h.createDOMID)("hex-input-reader-content")), g = ce(b, 1), S = g[0];
+            var O = (0, e.useState)(""), x = ce(O, 2), k = x[0], j = x[1];
             var E = (0, e.useState)(""), I = ce(E, 2), P = I[0], _ = I[1];
             var $ = (0, e.useCallback)((function(e) {
                 j(ge(e));
@@ -672,7 +672,7 @@
                 var r = e.target.value;
                 $(r);
             }), [ $ ]);
-            var M = c &&  r().createElement(k(), {
+            var M = c &&  r().createElement(C(), {
                 content: we,
                 defaultPlacement: "below"
             },  r().createElement(R, {
@@ -686,8 +686,8 @@
                 value: f === null ? "" : f
             })));
             
-            return r().createElement(r().Fragment, null,  r().createElement(q, null,  r().createElement(O(), {
-                id: w
+            return r().createElement(r().Fragment, null,  r().createElement(q, null,  r().createElement(w(), {
+                id: S
             }, (0, m._)("Hexadecimal color value")),  r().createElement(B, se({
                 append: o || c,
                 autoCapitalize: "off",
@@ -695,7 +695,7 @@
                 autoCorrect: "off",
                 disabled: l,
                 inputRef: i,
-                labelledBy: u ? "".concat(u, " ").concat(w) : w,
+                labelledBy: u ? "".concat(u, " ").concat(S) : S,
                 onChange: N,
                 onKeyDown: H,
                 spellCheck: false,
@@ -704,21 +704,21 @@
                 "data-test": "textbox-swatch",
                 disabled: !!l,
                 onClick: D,
-                showSelected: p && x === f,
-                value: x
+                showSelected: p && k === f,
+                value: k
             }));
         };
         /* harmony default export */        const Ce = Se;
         // CONCATENATED MODULE: ./src/Color/ColorStyles.ts
-        var Oe = w().div.withConfig({
+        var Oe = x().div.withConfig({
             displayName: "ColorStyles__StyledColor",
             componentId: "jxrost-0"
-        })([ "", ";flex-direction:row;" ], S.mixins.reset("flex"));
-        var xe = w().div.withConfig({
+        })([ "", ";flex-direction:row;" ], P.mixins.reset("flex"));
+        var xe = x().div.withConfig({
             displayName: "ColorStyles__StyledPaletteInputWrapper",
             componentId: "jxrost-1"
-        })([ "display:flex;min-width:0;gap:", ";" ], S.variables.spacingSmall);
-        var ke = w()(Ce).withConfig({
+        })([ "display:flex;min-width:0;gap:", ";" ], P.variables.spacingSmall);
+        var ke = x()(Ce).withConfig({
             displayName: "ColorStyles__StyledColorInput",
             componentId: "jxrost-2"
         })([ "flex-grow:0;&:focus-within{z-index:1;}" ]);
@@ -727,26 +727,26 @@
         var Ee =  t.n(je);
         // CONCATENATED MODULE: ./src/Color/PaletteStyles.ts
         var Ie = 5;
-        var Pe = w().div.withConfig({
+        var Pe = x().div.withConfig({
             displayName: "PaletteStyles__StyledPalette",
             componentId: "qgv9v9-0"
-        })([ "padding:", " ", ";" ], S.variables.spacingMedium, S.variables.spacingLarge);
-        var _e = w().ul.withConfig({
+        })([ "padding:", " ", ";" ], P.variables.spacingMedium, P.variables.spacingLarge);
+        var _e = x().ul.withConfig({
             displayName: "PaletteStyles__StyledSwatches",
             componentId: "qgv9v9-1"
-        })([ "", ";grid-template-columns:repeat(", ",", ");gap:", ";" ], S.mixins.reset("grid"), Ie, S.variables.inputHeight, S.variables.spacingSmall);
-        var qe = w().li.withConfig({
+        })([ "", ";grid-template-columns:repeat(", ",", ");gap:", ";" ], P.mixins.reset("grid"), Ie, P.variables.inputHeight, P.variables.spacingSmall);
+        var qe = x().li.withConfig({
             displayName: "PaletteStyles__StyledSwatch",
             componentId: "qgv9v9-2"
-        })([ "", ";" ], S.mixins.reset("inline-block"));
-        var Be = w().div.withConfig({
+        })([ "", ";" ], P.mixins.reset("inline-block"));
+        var Be = x().div.withConfig({
             displayName: "PaletteStyles__StyledToolBar",
             componentId: "qgv9v9-3"
-        })([ "position:relative;display:flex;align-items:center;gap:", ";" ], S.variables.spacingSmall);
-        var Re = w()(Ee()).withConfig({
+        })([ "position:relative;display:flex;align-items:center;gap:", ";" ], P.variables.spacingSmall);
+        var Re = x()(Ee()).withConfig({
             displayName: "PaletteStyles__StyledDivider",
             componentId: "qgv9v9-4"
-        })([ "margin-block:", ";" ], S.variables.spacingSmall);
+        })([ "margin-block:", ";" ], P.variables.spacingSmall);
         // CONCATENATED MODULE: ./src/Color/Palette.tsx
         function Ae(e, r) {
             if (null == e) return {};
@@ -990,21 +990,21 @@
             return t;
         }
         /** @public */        var ir = {
-            append: o().bool,
-            defaultValue: o().string,
-            describedBy: o().string,
-            disabled: o().bool,
-            elementRef: o().oneOfType([ o().func, o().object ]),
-            error: o().bool,
-            hideInput: o().bool,
-            labelledBy: o().string,
-            name: o().string,
-            onChange: o().func,
-            palette: o().array,
-            prepend: o().bool,
+            append: s().bool,
+            defaultValue: s().string,
+            describedBy: s().string,
+            disabled: s().bool,
+            elementRef: s().oneOfType([ s().func, s().object ]),
+            error: s().bool,
+            hideInput: s().bool,
+            labelledBy: s().string,
+            name: s().string,
+            onChange: s().func,
+            palette: s().array,
+            prepend: s().bool,
             /** @private */
-            required: o().bool,
-            value: o().string
+            required: s().bool,
+            value: s().string
         };
         var ur = [ "clickAway", "escapeKey", "offScreen", "toggleClick" ];
         /*
@@ -1012,21 +1012,21 @@
  * 1. If palette contains the color and the color is selected, the dropdown focus the color.
  * 2. If palette doesn't contain the color, the custom color picker swatch is focused.
  */        function sr(t) {
-            var n = t.append, a = t.defaultValue, o = t.disabled, l = t.describedBy, u = t.elementRef, c = t.error, f = t.hideInput, v = t.labelledBy, y = t.name, g = t.onChange, w = t.palette, S = w === void 0 ? $e : w, C = t.prepend, O = t.required, x = t.value, k = or(t, [ "append", "defaultValue", "disabled", "describedBy", "elementRef", "error", "hideInput", "labelledBy", "name", "onChange", "palette", "prepend", "required", "value" ]);
+            var n = t.append, a = t.defaultValue, l = t.disabled, u = t.describedBy, s = t.elementRef, c = t.error, f = t.hideInput, v = t.labelledBy, y = t.name, g = t.onChange, w = t.palette, S = w === void 0 ? $e : w, C = t.prepend, O = t.required, x = t.value, k = or(t, [ "append", "defaultValue", "disabled", "describedBy", "elementRef", "error", "hideInput", "labelledBy", "name", "onChange", "palette", "prepend", "required", "value" ]);
             // @docs-props-type ColorPropsBase
                         var j = (0, e.useMemo)((function() {
                 return S.some((function(e) {
                     return e !== null && e.toLowerCase() === Y;
                 }));
             }), [ S ]);
-            var E = b()({
+            var E = p()({
                 componentName: "Color",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0]
             });
             var I = (0, e.useState)(a), P = Ze(I, 2), _ = P[0], q = P[1];
             var B = (0, e.useState)(false), R = Ze(B, 2), A = R[0], T = R[1];
-            var $ = p()(A);
+            var $ = b()(A);
             var D = (0, e.useState)((function() {
                 return (0, h.createDOMID)("swatch-reader-content");
             })), N = Ze(D, 1), H = N[0];
@@ -1083,7 +1083,7 @@
                 return r().createElement(Fe, {
                     activeInputRef: M,
                     "aria-label": (0, m._)("Choose color"),
-                    disabled: o,
+                    disabled: l,
                     onChange: K,
                     palette: S,
                     role: "dialog",
@@ -1091,14 +1091,14 @@
                 });
             };
             var J = (0, e.useMemo)((function() {
-                return Je(Je({}, s()(k, (function(e, r) {
+                return Je(Je({}, i()(k, (function(e, r) {
                     return r.indexOf("aria-") === 0;
                 }))), {}, {
-                    "aria-describedby": l,
+                    "aria-describedby": u,
                     "aria-labelledby": v ? "".concat(v, " ").concat(H) : H,
                     "aria-invalid": c || undefined
                 });
-            }), [ l, c, v, k, H ]);
+            }), [ u, c, v, k, H ]);
             var Q = function e() {
                 
                 return r().createElement(ue, Ue({
@@ -1106,7 +1106,7 @@
                     "data-test": "toggle-swatch",
                     "data-test-value": L
                 }, J, {
-                    disabled: o,
+                    disabled: l,
                     error: c,
                     name: y,
                     prepend: C,
@@ -1117,8 +1117,8 @@
             
             return r().createElement(Oe, Ue({
                 "data-test": "color",
-                ref: u
-            }, i()(k, ze(Object.keys(J)))),  r().createElement(Me["default"], {
+                ref: s
+            }, o()(k, ze(Object.keys(J)))),  r().createElement(Me["default"], {
                 id: H
             }, (0, m._)("Color picker")),  r().createElement(d(), {
                 closeReasons: ur,
@@ -1131,7 +1131,7 @@
             }, G()), !f &&  r().createElement(ke, {
                 allowTransparent: j,
                 append: n,
-                disabled: o,
+                disabled: l,
                 labelledBy: v,
                 onChange: U,
                 prepend: true,

package/ColumnLayout.js

@@ -62,7 +62,7 @@
     // EXPORTS
         e.d(r, {
         Column: () => /* reexport */ m,
-        Row: () => /* reexport */ x,
+        Row: () => /* reexport */ _,
         default: () => /* reexport */ T
     });
     // CONCATENATED MODULE: external "react"
@@ -148,8 +148,24 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
     const g = require("@splunk/react-ui/Divider");
     var y =  e.n(g);
-    // CONCATENATED MODULE: ./src/ColumnLayout/RowStyles.ts
+    // CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayoutStyles.ts
     var b = o().div.withConfig({
+        displayName: "ColumnLayoutStyles__Styled",
+        componentId: "sc-3eatxz-0"
+    })([ "", ";flex-direction:column;", ";" ], c.mixins.reset("flex"), (function(e) {
+        var r = e.$hasDivider, t = e.$gutter;
+        var n = t !== undefined ? "".concat(t, "px") : c.variables.spacingXLarge;
+        if (r) {
+            return (0, l.css)([ "gap:calc(", " / 2);" ], n);
+        }
+        return (0, l.css)([ "gap:", ";" ], n);
+    }));
+    var h = o()(y()).withConfig({
+        displayName: "ColumnLayoutStyles__StyledDivider",
+        componentId: "sc-3eatxz-1"
+    })([ "border-color:", ";height:0;" ], c.variables.borderColorWeak);
+    // CONCATENATED MODULE: ./src/ColumnLayout/RowStyles.ts
+    var O = o().div.withConfig({
         displayName: "RowStyles__Styled",
         componentId: "sc-121ntds-0"
     })([ "", ";flex-flow:row nowrap;", ";&[data-align-items='start']{align-items:flex-start;}&[data-align-items='end']{align-items:flex-end;}&[data-align-items='center']{align-items:center;}&[data-align-items='stretch']{align-items:stretch;}" ], c.mixins.reset("flex"), (function(e) {
@@ -160,13 +176,13 @@
         }
         return (0, l.css)([ "gap:", ";" ], n);
     }));
-    var h = o()(y()).withConfig({
+    var w = o()(y()).withConfig({
         displayName: "RowStyles__StyledDivider",
         componentId: "sc-121ntds-1"
     })([ "border-color:", ";flex:0 0 1;" ], c.variables.borderColorWeak);
     // CONCATENATED MODULE: ./src/ColumnLayout/Row.tsx
-    function O() {
-        return O = Object.assign ? Object.assign.bind() : function(e) {
+    function S() {
+        return S = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -174,11 +190,11 @@
                 }
             }
             return e;
-        }, O.apply(null, arguments);
+        }, S.apply(null, arguments);
     }
-    function w(e, r) {
+    function j(e, r) {
         if (null == e) return {};
-        var t, n, a = S(e, r);
+        var t, n, a = C(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -187,7 +203,7 @@
         }
         return a;
     }
-    function S(e, r) {
+    function C(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -198,7 +214,7 @@
         }
         return t;
     }
-    var j = {
+    var x = {
         alignItems: i().oneOf([ "start", "end", "center", "stretch" ]),
         children: i().node,
         /** @private. */
@@ -207,8 +223,8 @@
         /** @private. */
         gutter: i().number
     };
-    function C(e) {
-        var r = e.alignItems, a = r === void 0 ? "stretch" : r, i = e.children, l = e.divider, o = e.elementRef, c = e.gutter, u = w(e, [ "alignItems", "children", "divider", "elementRef", "gutter" ]);
+    function P(e) {
+        var r = e.alignItems, a = r === void 0 ? "stretch" : r, i = e.children, l = e.divider, o = e.elementRef, c = e.gutter, u = j(e, [ "alignItems", "children", "divider", "elementRef", "gutter" ]);
         // @docs-props-type RowPropsBase
                 if (false) {
             var s;
@@ -222,7 +238,7 @@
         var f = (0, t.useCallback)((function(e, r, t, a) {
             e.push(r);
             if (l && t < a.length - 1) {
-                e.push( n().createElement(h, {
+                e.push( n().createElement(w, {
                     orientation: "vertical",
                     decorative: true,
                     key: "".concat(t, "-divider")
@@ -232,7 +248,7 @@
         }), [ l ]);
         var v = t.Children.toArray(i).filter(t.isValidElement).map(d).reduce(f, []);
         
-        return n().createElement(b, O({
+        return n().createElement(O, S({
             "data-align-items": a,
             "data-test": "row",
             $hasDivider: l,
@@ -240,24 +256,8 @@
             ref: o
         }, u), v);
     }
-    C.propTypes = j;
-    /* harmony default export */    const x = C;
-    // CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayoutStyles.ts
-    var P = o().div.withConfig({
-        displayName: "ColumnLayoutStyles__Styled",
-        componentId: "sc-3eatxz-0"
-    })([ "", ";flex-direction:column;", ";" ], c.mixins.reset("flex"), (function(e) {
-        var r = e.$hasDivider, t = e.$gutter;
-        var n = t !== undefined ? "".concat(t, "px") : c.variables.spacingXLarge;
-        if (r) {
-            return (0, l.css)([ "gap:calc(", " / 2);" ], n);
-        }
-        return (0, l.css)([ "gap:", ";" ], n);
-    }));
-    var _ = o()(y()).withConfig({
-        displayName: "ColumnLayoutStyles__StyledDivider",
-        componentId: "sc-3eatxz-1"
-    })([ "border-color:", ";height:0;" ], c.variables.borderColorWeak);
+    P.propTypes = x;
+    /* harmony default export */    const _ = P;
     // CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayout.tsx
     function R() {
         return R = Object.assign ? Object.assign.bind() : function(e) {
@@ -314,7 +314,7 @@
         var s = (0, t.useCallback)((function(e, r, t, a) {
             e.push(r);
             if (i === "horizontal" && t < a.length - 1) {
-                e.push( n().createElement(_, {
+                e.push( n().createElement(h, {
                     decorative: true,
                     key: "".concat(t, "-divider")
                 }));
@@ -323,7 +323,7 @@
         }), [ i ]);
         var d = t.Children.toArray(r).filter(t.isValidElement).map(u).reduce(s, []);
         
-        return n().createElement(P, R({
+        return n().createElement(b, R({
             "data-test": "column-layout",
             $gutter: o,
             $hasDivider: i === "horizontal",
@@ -331,7 +331,7 @@
         }, c), d);
     }
     I.propTypes = k;
-    I.Row = x;
+    I.Row = _;
     I.Column = m;
     /* harmony default export */    const T = I;
     // CONCATENATED MODULE: ./src/ColumnLayout/index.ts