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

package/Card.js

@@ -61,9 +61,9 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Body: () => /* reexport */ m,
+        Body: () => /* reexport */ v,
         Footer: () => /* reexport */ k,
-        Header: () => /* reexport */ Q,
+        Header: () => /* reexport */ K,
         default: () => /* reexport */ qe
     });
     // CONCATENATED MODULE: external "react"
@@ -81,7 +81,7 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Card/BodyStyles.ts
-    var d = l()(s()).withConfig({
+    var p = l()(s()).withConfig({
         displayName: "BodyStyles__StyledBox",
         componentId: "sc-1130udp-0"
     })([ "flex:1 1 auto;overflow:auto;height:100%;", ";", "" ], (function(e) {
@@ -94,14 +94,11 @@
             }
         })) : (0, a.css)([ "padding:0;" ]);
     }), (0, u.pick)({
-        prisma: {
-            comfortable: (0, a.css)([ "border-radius:", ";color:", ";" ], u.variables.borderRadius, u.variables.contentColorMuted),
-            compact: (0, a.css)([ "border-radius:", ";color:", ";" ], u.variables.borderRadius, u.variables.contentColorMuted)
-        }
+        prisma: (0, a.css)([ "border-radius:", ";" ], u.variables.borderRadius)
     }));
     // CONCATENATED MODULE: ./src/Card/Body.tsx
-    function p() {
-        return p = Object.assign ? Object.assign.bind() : function(e) {
+    function d() {
+        return d = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -109,7 +106,7 @@
                 }
             }
             return e;
-        }, p.apply(null, arguments);
+        }, d.apply(null, arguments);
     }
     function f(e, r) {
         if (null == e) return {};
@@ -133,39 +130,34 @@
         }
         return t;
     }
-    var v = {
+    var y = {
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ]),
         inset: i().bool
     };
     /**
  * A styled container for `Card` body content.
- */    function y(e) {
+ */    function m(e) {
         var r = e.children, t = e.inset, o = t === void 0 ? true : t, i = f(e, [ "children", "inset" ]);
         // @docs-props-type BodyPropsBase
                 
-        return n().createElement(d, p({
+        return n().createElement(p, d({
             "data-test": "body",
             $inset: o
         }, i), r);
     }
-    y.propTypes = v;
-    /* harmony default export */    const m = y;
+    m.propTypes = y;
+    /* harmony default export */    const v = m;
     // CONCATENATED MODULE: ./src/Card/FooterStyles.ts
     var h = l()(s()).withConfig({
         displayName: "FooterStyles__StyledBox",
         componentId: "sc-1yu3r4s-0"
-    })([ "", ";text-align:right;color:", ";", "" ], (0, u.pick)({
+    })([ "", " ", ";text-align:right;" ], u.mixins.typography("body"), (0, u.pick)({
         enterprise: (0, a.css)([ "padding:", ";&:first-child{border-top:none;}" ], u.variables.spacingLarge),
         prisma: {
             comfortable: (0, a.css)([ "padding:24px;" ]),
             compact: "padding: 18px 24px"
         }
-    }), u.variables.contentColorMuted, (function(e) {
-        var r = e.$showTopBorder;
-        return r && (0, u.pick)({
-            enterprise: (0, a.css)([ "border-top:1px solid ", ";" ], u.variables.gray92)
-        });
     }));
     // CONCATENATED MODULE: ./src/Card/Footer.tsx
     function g() {
@@ -203,20 +195,17 @@
     }
     var x = {
         children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        showBorder: i().bool
+        elementRef: i().oneOfType([ i().func, i().object ])
     };
     /**
  * A styled container for `Card` footer content.
  */    function S(e) {
-        var r = e.children, t = e.showBorder, o = t === void 0 ? true : t, i = w(e, [ "children", "showBorder" ]);
+        var r = e.children, t = w(e, [ "children" ]);
         // @docs-props-type FooterPropsBase
-                if (false) {}
-        
+                
         return n().createElement(h, g({
-            "data-test": "footer",
-            $showTopBorder: o
-        }, i), r);
+            "data-test": "footer"
+        }, t), r);
     }
     S.propTypes = x;
     /* harmony default export */    const k = S;
@@ -225,46 +214,37 @@
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
     const C = require("@splunk/react-icons/DotsThreeVertical");
     var P =  e.n(C);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
-    const _ = require("@splunk/react-icons/enterprise/MoreVertical");
-    var E =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
-    const T = require("@splunk/react-ui/Anchor");
-    var B =  e.n(T);
+    const _ = require("@splunk/react-ui/Anchor");
+    var E =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const I = require("@splunk/react-ui/Dropdown");
-    var R =  e.n(I);
+    const T = require("@splunk/react-ui/Dropdown");
+    var I =  e.n(T);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const q = require("@splunk/react-ui/Tooltip");
-    var N =  e.n(q);
+    const R = require("@splunk/react-ui/Tooltip");
+    var q =  e.n(R);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const H = require("@splunk/react-ui/Button");
-    var $ =  e.n(H);
+    const N = require("@splunk/react-ui/Button");
+    var A =  e.n(N);
     // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
-    var A = l().div.withConfig({
+    var H = l().div.withConfig({
         displayName: "HeaderStyles__StyledTitle",
         componentId: "eqi6uk-0"
-    })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;" ], u.mixins.reset("block"), (0, 
-    u.pick)({
-        enterprise: (0, a.css)([ "font-weight:", ";font-size:", ";line-height:1.2;" ], u.variables.fontWeightSemiBold, u.variables.fontSizeLarge),
-        prisma: (0, a.css)([ "font-weight:", ";color:", ";" ], u.variables.fontWeightBold, u.variables.contentColorActive)
-    }));
-    var W = l().div.withConfig({
+    })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;" ], u.mixins.reset("block"), u.mixins.typography("title3"));
+    var B = l().div.withConfig({
         displayName: "HeaderStyles__StyledSubtitle",
         componentId: "eqi6uk-1"
-    })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;font-weight:normal;" ], u.mixins.reset("block"), (0, 
-    u.pick)({
-        enterprise: (0, a.css)([ "font-size:", ";color:", ";" ], u.variables.fontSizeSmall, u.variables.textGray),
-        prisma: (0, a.css)([ "color:", ";" ], u.variables.contentColorDefault)
+    })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;" ], u.mixins.reset("block"), u.mixins.typography("body", {
+        color: "active"
     }));
-    var D = l().div.withConfig({
+    var W = l().div.withConfig({
         displayName: "HeaderStyles__StyledTitleContainer",
         componentId: "eqi6uk-2"
     })([ "", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}" ], u.mixins.reset("block"), (function(e) {
         var r = e.$truncateTitle;
-        return r && (0, a.css)([ "overflow:hidden;& > ", ",& > ", "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ A, /* sc-sel */ W);
+        return r && (0, a.css)([ "overflow:hidden;& > ", ",& > ", "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ H, /* sc-sel */ B);
     }), u.variables.spacingSmall);
-    var M = l().div.withConfig({
+    var $ = l().div.withConfig({
         displayName: "HeaderStyles__StyledActionContainer",
         componentId: "eqi6uk-3"
     })([ "", " align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;", ";" ], u.mixins.reset("block"), (0, 
@@ -274,27 +254,27 @@
             compact: (0, a.css)([ "margin-right:-12px;margin-top:0;" ])
         }
     }));
-    var F = l()($()).withConfig({
+    var D = l()(A()).withConfig({
         displayName: "HeaderStyles__StyledSecondaryAction",
         componentId: "eqi6uk-4"
     })([ "margin-left:10px;" ]);
-    var L = l()(s()).withConfig({
+    var F = l()(s()).withConfig({
         displayName: "HeaderStyles__StyledBox",
         componentId: "eqi6uk-5"
     })([ "align-items:start;display:flex;flex:0 0 auto;justify-content:space-between;position:relative;min-height:30px;", " ", " >:not(", "):not(", "){flex:1 0 auto;}" ], (0, 
     u.pick)({
         enterprise: (0, a.css)([ "padding:", ";" ], u.variables.spacingLarge),
         prisma: {
-            comfortable: (0, a.css)([ "padding:16px 24px;&:last-child{padding-bottom:32px;}" ]),
-            compact: (0, a.css)([ "padding:12px 24px;&:last-child{padding-bottom:24px;}" ])
+            comfortable: (0, a.css)([ "padding:16px 24px;" ]),
+            compact: (0, a.css)([ "padding:12px 24px;" ])
         }
     }), (0, u.pick)({
         prisma: (0, a.css)([ "border-top-left-radius:", ";border-top-right-radius:", ";" ], u.variables.borderRadius, u.variables.borderRadius)
-    }), /* sc-sel */ D, /* sc-sel */ M);
+    }), /* sc-sel */ W, /* sc-sel */ $);
     // CONCATENATED MODULE: ./src/Card/Header.tsx
-    function z(e, r) {
+    function L(e, r) {
         if (null == e) return {};
-        var t, n, o = V(e, r);
+        var t, n, o = M(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -303,7 +283,7 @@
         }
         return o;
     }
-    function V(e, r) {
+    function M(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -314,8 +294,8 @@
         }
         return t;
     }
-    function G() {
-        return G = Object.assign ? Object.assign.bind() : function(e) {
+    function U() {
+        return U = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -323,9 +303,9 @@
                 }
             }
             return e;
-        }, G.apply(null, arguments);
+        }, U.apply(null, arguments);
     }
-    var U = {
+    var V = {
         actionPrimary: i().node,
         actionsSecondary: i().node,
         anchor: i().string,
@@ -338,69 +318,58 @@
     // The order of the interfaces is necessary to maintain proper error messages: HeaderWithActions then HeaderWithActionsRenderProp
     // If the actions comes first the error will report that actions should be undefined
     // when we want actions to be the intended use case
-    // type HeaderProps = ComponentProps<HeaderPropsBase, 'div'>;
+        var z =  n().createElement(P(), null);
     // `forwardRef` is used to enable focus on toggle when Dropdown is closing
-        var J =  n().forwardRef((function(e, r) {
-        var t = (0, u.useSplunkTheme)(), o = t.family, i = t.isCompact;
-        var a = i ? "20px" : "24px";
-        var l = o === "prisma" ?  n().createElement(P(), {
-            height: a,
-            width: a
-        }) :  n().createElement(E(), null);
+        var G =  n().forwardRef((function(e, r) {
         
-        return n().createElement(N(), G({
+        return n().createElement(q(), U({
             content: (0, j._)("Actions"),
             contentRelationship: "label"
-        }, e),  n().createElement(F, {
+        }, e),  n().createElement(D, {
             appearance: "secondary",
             "data-test": "actions-secondary-toggle",
-            icon: l,
+            icon: z,
             elementRef: r
         }));
     }));
     /**
  * A styled container for `Card` header content.
- */    function K(e) {
-        var r = e.actions, t = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, d = s === void 0 ? true : s, p = z(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
+ */    function J(e) {
+        var r = e.actions, t = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, p = s === void 0 ? true : s, d = L(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
         // @docs-props-type HeaderPropsBase
                 var f = (0, u.useSplunkTheme)(), b = f.family;
-        var v = b === "prisma" ? "right" : "below";
+        var y = b === "prisma" ? "right" : "below";
         if (false) {}
-        var y;
+        var m;
         if (r) {
-            y = r();
+            m = r();
         } else if (t || o) {
-            y =  n().createElement(n().Fragment, null, t, o &&  n().createElement(R(), {
-                defaultPlacement: v,
-                toggle:  n().createElement(J, null)
+            m =  n().createElement(n().Fragment, null, t, o &&  n().createElement(I(), {
+                defaultPlacement: y,
+                toggle:  n().createElement(G, null)
             }, o));
         }
         
-        return n().createElement(L, G({
+        return n().createElement(F, U({
             "data-test": "header"
-        }, p), (c || l) &&  n().createElement(D, {
-            $truncateTitle: d
-        }, c &&  n().createElement(A, null, i ?  n().createElement(B(), {
+        }, d), (c || l) &&  n().createElement(W, {
+            $truncateTitle: p
+        }, c &&  n().createElement(H, null, i ?  n().createElement(E(), {
             name: i
-        }, c) : c), l &&  n().createElement(W, null, l)), a, y &&  n().createElement(M, null, y));
+        }, c) : c), l &&  n().createElement(B, null, l)), a, m &&  n().createElement($, null, m));
     }
-    K.propTypes = U;
-    /* harmony default export */    const Q = K;
+    J.propTypes = V;
+    /* harmony default export */    const K = J;
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const X = require("@splunk/react-ui/Clickable");
-    var Y =  e.n(X);
+    const Q = require("@splunk/react-ui/Clickable");
+    var X =  e.n(Q);
     // CONCATENATED MODULE: ./src/Card/CardStyles.ts
-    var Z = "0.2s";
-    var ee = (0, a.css)([ "", ";flex-direction:column;align-items:stretch;min-width:100px;flex:1;vertical-align:top;", " transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";", " &[data-clickable='true']{cursor:pointer;", " &:hover{", "}&:focus{", "}}" ], u.mixins.reset("inline-flex"), (0, 
+    var Y = "0.2s";
+    var Z = (0, a.css)([ "", ";background-color:", ";flex-direction:column;align-items:stretch;min-width:100px;flex:1;vertical-align:top;", " transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;", " &:hover{", "}&:focus{", "}}" ], u.mixins.reset("inline-flex"), u.variables.backgroundColorSection, (0, 
     u.pick)({
-        enterprise: (0, a.css)([ "background-color:", ";border:1px solid transparent;" ], u.variables.backgroundColor),
-        prisma: (0, a.css)([ "background-color:", ";border-radius:", ";box-shadow:", ";" ], u.variables.backgroundColorSection, u.variables.borderRadius, u.variables.embossShadow)
-    }), Z, Z, Z, Z, Z, Z, Z, (function(e) {
-        var r = e.$cardHasBorder;
-        return r && (0, u.pick)({
-            enterprise: (0, a.css)([ "border-color:", ";" ], u.variables.borderLightColor)
-        });
-    }), (function(e) {
+        enterprise: (0, a.css)([ "border:1px solid ", ";" ], u.variables.borderLightColor),
+        prisma: (0, a.css)([ "border-radius:", ";box-shadow:", ";" ], u.variables.borderRadius, u.variables.embossShadow)
+    }), Y, Y, Y, Y, Y, Y, Y, (function(e) {
         var r = e.$selected;
         return r && (0, u.pick)({
             enterprise: (0, a.css)([ "border-color:", ";" ], u.variables.focusColor),
@@ -413,21 +382,21 @@
         enterprise: (0, a.css)([ "box-shadow:", ";" ], u.variables.focusShadow),
         prisma: (0, a.css)([ "box-shadow:", ",", ";background-color:", ";" ], u.variables.embossShadow, u.variables.focusShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
     }));
-    var re = l().article.withConfig({
+    var ee = l().article.withConfig({
         displayName: "CardStyles__Styled",
         componentId: "ola3x0-0"
-    })([ "", "" ], ee);
-    var te = l()(Y()).withConfig({
+    })([ "", "" ], Z);
+    var re = l()(X()).withConfig({
         displayName: "CardStyles__StyledClickable",
         componentId: "ola3x0-1"
-    })([ "", "" ], ee);
+    })([ "", "" ], Z);
     /* A child element we add to <button>s to make flexbox work.
    Without this wrapper element, child elements won't flex
    in Firefox.
    This unfortunately exposes some fragility in IE (e.g., adding
    a flex: 1 style here will cause the card to collapse) so test
    across the supported browsers if making a change here.
-*/    var ne = l().div.withConfig({
+*/    var te = l().div.withConfig({
         displayName: "CardStyles__StyledFirefoxFlexHack",
         componentId: "ola3x0-2"
     })([ "display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;", "" ], (0, 
@@ -435,16 +404,16 @@
         prisma: (0, a.css)([ "border-radius:", ";" ], u.variables.borderRadius)
     }));
     // CONCATENATED MODULE: ./src/Card/Card.tsx
-    function oe(e) {
+    function ne(e) {
         "@babel/helpers - typeof";
-        return oe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return ne = "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;
-        }, oe(e);
+        }, ne(e);
     }
-    function ie() {
-        return ie = Object.assign ? Object.assign.bind() : function(e) {
+    function oe() {
+        return oe = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -452,29 +421,29 @@
                 }
             }
             return e;
-        }, ie.apply(null, arguments);
+        }, oe.apply(null, arguments);
     }
-    function ae(e, r) {
-        return de(e) || ue(e, r) || ce(e, r) || le();
+    function ie(e, r) {
+        return ue(e) || se(e, r) || le(e, r) || ae();
     }
-    function le() {
+    function ae() {
         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 ce(e, r) {
+    function le(e, r) {
         if (e) {
-            if ("string" == typeof e) return se(e, r);
+            if ("string" == typeof e) return ce(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? se(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ce(e, r) : void 0;
         }
     }
-    function se(e, r) {
+    function ce(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
-    function ue(e, r) {
+    function se(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, o, i, a, l = [], c = !0, s = !1;
@@ -496,25 +465,25 @@
             return l;
         }
     }
-    function de(e) {
+    function ue(e) {
         if (Array.isArray(e)) return e;
     }
     function pe(e, r) {
         if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
     }
-    function fe(e, r) {
+    function de(e, r) {
         for (var t = 0; t < r.length; t++) {
             var n = r[t];
             n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, je(n.key), n);
+            Object.defineProperty(e, ke(n.key), n);
         }
     }
-    function be(e, r, t) {
-        return r && fe(e.prototype, r), t && fe(e, t), Object.defineProperty(e, "prototype", {
+    function fe(e, r, t) {
+        return r && de(e.prototype, r), t && de(e, t), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function ve(e, r) {
+    function be(e, r) {
         if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(r && r.prototype, {
             constructor: {
@@ -532,39 +501,39 @@
         }, ye(e, r);
     }
     function me(e) {
-        var r = we();
+        var r = ge();
         return function() {
-            var t, n = Oe(e);
+            var t, n = we(e);
             if (r) {
-                var o = Oe(this).constructor;
+                var o = we(this).constructor;
                 t = Reflect.construct(n, arguments, o);
             } else t = n.apply(this, arguments);
-            return he(this, t);
+            return ve(this, t);
         };
     }
-    function he(e, r) {
-        if (r && ("object" == oe(r) || "function" == typeof r)) return r;
+    function ve(e, r) {
+        if (r && ("object" == ne(r) || "function" == typeof r)) return r;
         if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
-        return ge(e);
+        return he(e);
     }
-    function ge(e) {
+    function he(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function we() {
+    function ge() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (we = function r() {
+        return (ge = function r() {
             return !!e;
         })();
     }
-    function Oe(e) {
-        return Oe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function we(e) {
+        return we = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, Oe(e);
+        }, we(e);
     }
-    function xe(e, r) {
+    function Oe(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -574,42 +543,42 @@
         }
         return t;
     }
-    function Se(e) {
+    function xe(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? xe(Object(t), !0).forEach((function(r) {
-                ke(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : xe(Object(t)).forEach((function(r) {
+            r % 2 ? Oe(Object(t), !0).forEach((function(r) {
+                Se(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Oe(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function ke(e, r, t) {
-        return (r = je(r)) in e ? Object.defineProperty(e, r, {
+    function Se(e, r, t) {
+        return (r = ke(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function je(e) {
-        var r = Ce(e, "string");
-        return "symbol" == oe(r) ? r : r + "";
+    function ke(e) {
+        var r = je(e, "string");
+        return "symbol" == ne(r) ? r : r + "";
     }
-    function Ce(e, r) {
-        if ("object" != oe(e) || !e) return e;
+    function je(e, r) {
+        if ("object" != ne(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var n = t.call(e, r || "default");
-            if ("object" != oe(n)) return n;
+            if ("object" != ne(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function Pe(e, r) {
+    function Ce(e, r) {
         if (null == e) return {};
-        var t, n, o = _e(e, r);
+        var t, n, o = Pe(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -618,7 +587,7 @@
         }
         return o;
     }
-    function _e(e, r) {
+    function Pe(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -629,7 +598,7 @@
         }
         return t;
     }
-    /** @public */    var Ee = {
+    /** @public */    var _e = {
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ]),
         /** @private */
@@ -641,34 +610,31 @@
         onClick: i().func,
         openInNewContext: i().bool,
         selected: i().bool,
-        showBorder: i().bool,
         to: i().string,
         value: i().any,
         tag: i().oneOf([ "article", "div", "aside", "section" ])
     };
-    var Te = {
-        openInNewContext: false,
-        showBorder: true
+    var Ee = {
+        openInNewContext: false
     };
-    function Be(e) {
+    function Te(e) {
         return !!e.onClick || !!e.to;
     }
     function Ie(e) {
-        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.showBorder, i = e.style, a = Pe(e, [ "margin", "maxWidth", "minWidth", "showBorder", "style" ]);
-        var l = Se({
+        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.style, i = Ce(e, [ "margin", "maxWidth", "minWidth", "style" ]);
+        var a = xe({
             minWidth: n,
             maxWidth: t,
             margin: r
-        }, i);
-        var c = {
-            showBorder: o,
+        }, o);
+        var l = {
             "data-test": "card",
-            style: l
+            style: a
         };
-        return [ c, a ];
+        return [ l, i ];
     }
     var Re =  function(e) {
-        ve(t, e);
+        be(t, e);
         var r = me(t);
         function t() {
             var e;
@@ -677,7 +643,7 @@
                 o[i] = arguments[i];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            ke(ge(e), "handleCardClick", (function(r) {
+            Se(he(e), "handleCardClick", (function(r) {
                 var t, n;
                 var o = e.props, i = o.selected, a = o.value;
                 (t = (n = e.props).onClick) === null || t === void 0 ? void 0 : t.call(n, r, {
@@ -688,47 +654,43 @@
             return e;
         }
  // @docs-props-type CardPropsBase
-                be(t, [ {
+                fe(t, [ {
             key: "render",
             value: function e() {
                 if (false) {}
-                if (Be(this.props)) {
-                    var r = Ie(this.props), t = ae(r, 2), o = t[0], i = t[1];
-                    var a = o.showBorder;
-                    var l = i.children, c = i.elementRef, s = i.onClick, u = i.openInNewContext, d = i.selected, p = i.to, f = Pe(i, [ "children", "elementRef", "onClick", "openInNewContext", "selected", "to" ]);
+                if (Te(this.props)) {
+                    var r = Ie(this.props), t = ie(r, 2), o = t[0], i = t[1];
+                    var a = i.children, l = i.elementRef, c = i.onClick, s = i.openInNewContext, u = i.selected, p = i.to, d = Ce(i, [ "children", "elementRef", "onClick", "openInNewContext", "selected", "to" ]);
                     
-                    return n().createElement(te, ie({
+                    return n().createElement(re, oe({
                         "data-clickable": true,
-                        $selected: d || false,
-                        $cardHasBorder: a,
-                        elementRef: c
-                    }, o, f, {
-                        onClick: s ? this.handleCardClick : undefined,
-                        openInNewContext: u,
+                        $selected: u || false,
+                        elementRef: l
+                    }, o, d, {
+                        onClick: c ? this.handleCardClick : undefined,
+                        openInNewContext: s,
                         to: p || undefined
-                    }),  n().createElement(ne, null, l));
+                    }),  n().createElement(te, null, a));
                 }
-                var b = Ie(this.props), v = ae(b, 2), y = v[0], m = v[1];
-                var h = y.showBorder;
-                var g = m.children, w = m.elementRef, O = m.tag, x = Pe(m, [ "children", "elementRef", "tag" ]);
+                var f = Ie(this.props), b = ie(f, 2), y = b[0], m = b[1];
+                var v = m.children, h = m.elementRef, g = m.tag, w = Ce(m, [ "children", "elementRef", "tag" ]);
                 
-                return n().createElement(re, ie({
+                return n().createElement(ee, oe({
                     $selected: false,
-                    $cardHasBorder: h,
-                    ref: w,
-                    as: O
-                }, y, x, {
+                    ref: h,
+                    as: g
+                }, y, w, {
                     onClick: undefined
-                }), g);
+                }), v);
             }
         } ]);
         return t;
     }(t.Component);
-    ke(Re, "propTypes", Ee);
-    ke(Re, "defaultProps", Te);
-    ke(Re, "Header", Q);
-    ke(Re, "Body", m);
-    ke(Re, "Footer", k);
+    Se(Re, "propTypes", _e);
+    Se(Re, "defaultProps", Ee);
+    Se(Re, "Header", K);
+    Se(Re, "Body", v);
+    Se(Re, "Footer", k);
     /* harmony default export */    const qe = Re;
     // CONCATENATED MODULE: ./src/Card/index.ts
     module.exports = r;