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

package/ButtonGroup.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ b
+        default: () => /* reexport */ v
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -70,21 +70,18 @@
     const o = require("prop-types");
     var l =  e.n(o);
     // CONCATENATED MODULE: external "styled-components"
-    const a = require("styled-components");
-    var i =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const u = require("@splunk/react-ui/Box");
-    var s =  e.n(u);
+    const i = require("styled-components");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const c = require("@splunk/themes");
+    const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroupStyles.ts
-    var p = i()(s()).withConfig({
-        displayName: "ButtonGroupStyles__StyledBox",
+    var s = a().div.withConfig({
+        displayName: "ButtonGroupStyles__StyledDiv",
         componentId: "sc-14fs2xs-0"
-    })([ "position:relative;[data-inline] + &{margin-left:", ";}" ], c.variables.spacingSmall);
+    })([ "", " position:relative;" ], u.mixins.reset("inline-flex"));
     // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
-    function f() {
-        return f = Object.assign ? Object.assign.bind() : function(e) {
+    function p() {
+        return p = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -92,11 +89,11 @@
                 }
             }
             return e;
-        }, f.apply(null, arguments);
+        }, p.apply(null, arguments);
     }
-    function d(e, r) {
+    function c(e, r) {
         if (null == e) return {};
-        var n, t, o = y(e, r);
+        var n, t, o = f(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
@@ -105,7 +102,7 @@
         }
         return o;
     }
-    function y(e, r) {
+    function f(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -116,14 +113,14 @@
         }
         return n;
     }
-    var v = {
+    var d = {
         children: l().node,
         elementRef: l().oneOfType([ l().func, l().object ])
     };
-    function m(e) {
-        var r = e.children, o = d(e, [ "children" ]);
+    function y(e) {
+        var r = e.children, o = e.elementRef, l = c(e, [ "children", "elementRef" ]);
         // @docs-props-type ButtonGroupPropsBase
-                var l = n.Children.toArray(r).filter(n.isValidElement).map((function(e, r, t) {
+                var i = n.Children.toArray(r).filter(n.isValidElement).map((function(e, r, t) {
             var o = t.length;
             
             return (0, n.cloneElement)(e, {
@@ -134,15 +131,14 @@
             });
         }));
         
-        return t().createElement(p, f({
-            inline: true,
-            flex: true,
+        return t().createElement(s, p({
             "data-test": "button-group",
+            ref: o,
             role: "menubar"
-        }, o), l);
+        }, l), i);
     }
-    m.propTypes = v;
-    /* harmony default export */    const b = m;
+    y.propTypes = d;
+    /* harmony default export */    const v = y;
     // CONCATENATED MODULE: ./src/ButtonGroup/index.ts
     module.exports = r;
     /******/})();