@splunk/react-ui 4.9.0 → 4.12.0

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 119);
+/******/ 	return __webpack_require__(__webpack_require__.s = 115);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 119:
+/***/ 115:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,7 +130,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "moment"
-var external_moment_ = __webpack_require__(21);
+var external_moment_ = __webpack_require__(22);
 var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
@@ -392,18 +392,18 @@ function DateTable(_ref2) {
 DateTable.propTypes = DateTable_propTypes;
 /* harmony default export */ var Calendar_DateTable = (DateTable);
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(43);
+var omit_ = __webpack_require__(45);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(17);
+var Button_ = __webpack_require__(16);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(60);
+var ChevronLeft = __webpack_require__(59);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -786,7 +786,7 @@ Calendar_defineProperty(Calendar_Calendar, "defaultProps", Calendar_defaultProps
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
@@ -800,7 +800,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 21:
+/***/ 22:
 /***/ (function(module, exports) {
 
 module.exports = require("moment");
@@ -814,7 +814,7 @@ module.exports = require("moment");
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(32);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -864,7 +864,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
@@ -878,7 +878,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 43:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/omit");
@@ -892,39 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
-  displayName: "SVG__Styled",
-  componentId: "sc-1bz0ryh-0"
-})(["flex:0 0 auto;"]);
-function SVG(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props));
-}
-
-/***/ }),
-
-/***/ 60:
+/***/ 59:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(61);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -967,7 +942,32 @@ function ChevronLeft(props) {
 
 /***/ }),
 
-/***/ 61:
+/***/ 6:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
+  displayName: "SVG__Styled",
+  componentId: "sc-1bz0ryh-0"
+})(["flex:0 0 auto;"]);
+function SVG(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props));
+}
+
+/***/ }),
+
+/***/ 60:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");

package/Card.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 120);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 120:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -147,11 +140,19 @@ var themes_ = __webpack_require__(0);
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "BodyStyles__StyledBox",
   componentId: "sc-1130udp-0"
-})(["flex:1 1 auto;overflow:auto;height:100%;", ""], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_["variables"].spacing),
+})(["flex:1 1 auto;overflow:auto;height:100%;", ";", ""], function (_ref) {
+  var $inset = _ref.$inset;
+  return $inset ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
+    enterprise: Object(external_styled_components_["css"])(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_["variables"].spacing),
+    prisma: {
+      comfortable: Object(external_styled_components_["css"])(["padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}"]),
+      compact: Object(external_styled_components_["css"])(["padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}"])
+    }
+  })) : Object(external_styled_components_["css"])(["padding:0;"]);
+}, Object(themes_["pick"])({
   prisma: {
-    comfortable: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted),
-    compact: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted)
+    comfortable: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted),
+    compact: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted)
   }
 }));
 
@@ -167,7 +168,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var propTypes = {
   children: external_prop_types_default.a.node,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])
+  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  inset: external_prop_types_default.a.bool
 };
 
 /**
@@ -175,11 +177,14 @@ var propTypes = {
  */
 function Body(_ref) {
   var children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, ["children"]);
+      _ref$inset = _ref.inset,
+      inset = _ref$inset === void 0 ? true : _ref$inset,
+      otherProps = _objectWithoutProperties(_ref, ["children", "inset"]);
 
   // @docs-props-type BodyPropsBase
   return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
-    "data-test": "body"
+    "data-test": "body",
+    $inset: inset
   }, otherProps), children);
 }
 
@@ -243,23 +248,23 @@ Footer.propTypes = Footer_propTypes;
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(62);
+var Anchor_ = __webpack_require__(61);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(17);
+var Button_ = __webpack_require__(16);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(19);
+var Dropdown_ = __webpack_require__(20);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(38);
+var useSplunkTheme_ = __webpack_require__(40);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(63);
+var MoreVertical = __webpack_require__(62);
 
 // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
 
@@ -388,7 +393,7 @@ function Header(_ref) {
 Header.propTypes = Header_propTypes;
 /* harmony default export */ var Card_Header = (Header);
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/Card/CardStyles.ts
@@ -436,9 +441,6 @@ var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig(
   prisma: Object(external_styled_components_["css"])(["border-radius:", ";"], themes_["variables"].borderRadius)
 }));
 
-// EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
-var CardLayoutContext = __webpack_require__(65);
-
 // CONCATENATED MODULE: ./src/Card/Card.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
@@ -492,9 +494,6 @@ function Card_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
 
 
 
-
-/** @public */
-
 var Card_propTypes = {
   children: external_prop_types_default.a.node,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -524,23 +523,19 @@ function isClickable(props) {
   return !!props.onClick || !!props.to;
 }
 
-function getSharedProps(props, context) {
-  var minWidthProp = props.minWidth,
-      maxWidthProp = props.maxWidth,
-      marginProp = props.margin,
-      style = props.style,
+function getSharedProps(props) {
+  var margin = props.margin,
+      maxWidth = props.maxWidth,
+      minWidth = props.minWidth,
       selected = props.selected,
       showBorder = props.showBorder,
-      otherProps = Card_objectWithoutProperties(props, ["minWidth", "maxWidth", "margin", "style", "selected", "showBorder"]);
-
-  var minWidthContext = context.minWidth,
-      maxWidthContext = context.maxWidth,
-      marginContext = context.margin;
+      style = props.style,
+      otherProps = Card_objectWithoutProperties(props, ["margin", "maxWidth", "minWidth", "selected", "showBorder", "style"]);
 
   var cardStyle = _objectSpread({
-    minWidth: minWidthProp || minWidthContext,
-    maxWidth: maxWidthProp || maxWidthContext,
-    margin: marginProp || marginContext
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    margin: margin
   }, style);
 
   var sharedProps = {
@@ -587,7 +582,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       if (isClickable(this.props)) {
-        var _getSharedProps = getSharedProps(this.props, this.context),
+        var _getSharedProps = getSharedProps(this.props),
             _getSharedProps2 = _slicedToArray(_getSharedProps, 2),
             _sharedProps = _getSharedProps2[0],
             _ownProps = _getSharedProps2[1];
@@ -614,7 +609,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
         }), /*#__PURE__*/external_react_default.a.createElement(StyledFirefoxFlexHack, null, _children));
       }
 
-      var _getSharedProps3 = getSharedProps(this.props, this.context),
+      var _getSharedProps3 = getSharedProps(this.props),
           _getSharedProps4 = _slicedToArray(_getSharedProps3, 2),
           sharedProps = _getSharedProps4[0],
           ownProps = _getSharedProps4[1];
@@ -641,8 +636,6 @@ _defineProperty(Card_Card, "propTypes", Card_propTypes);
 
 _defineProperty(Card_Card, "defaultProps", defaultProps);
 
-_defineProperty(Card_Card, "contextType", CardLayoutContext["a" /* default */]);
-
 _defineProperty(Card_Card, "Header", Card_Header);
 
 _defineProperty(Card_Card, "Body", Card_Body);
@@ -657,17 +650,17 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
 
 /***/ }),
 
-/***/ 17:
+/***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Button");
+module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 19:
+/***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
@@ -678,6 +671,13 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 20:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Dropdown");
+
+/***/ }),
+
 /***/ 3:
 /***/ (function(module, exports) {
 
@@ -685,7 +685,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 38:
+/***/ 40:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
@@ -724,21 +724,21 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 62:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Anchor");
 
 /***/ }),
 
-/***/ 63:
+/***/ 62:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
 /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -769,27 +769,13 @@ function MoreVertical(props) {
 
 /***/ }),
 
-/***/ 64:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
 
-/***/ 65:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export CardLayoutContext */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
-CardLayoutContext.displayName = 'CardLayout';
-/* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 

package/CardLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 153);
+/******/ 	return __webpack_require__(__webpack_require__.s = 150);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 153:
+/***/ 150:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -140,9 +140,6 @@ var Styled = external_styled_components_default.a.div.withConfig({
   right: Object(external_styled_components_["css"])(["justify-content:flex-end;"])
 }));
 
-// EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
-var CardLayoutContext = __webpack_require__(65);
-
 // CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -159,7 +156,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var propTypes = {
   alignCards: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
   cardMaxWidth: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string]),
@@ -186,25 +182,22 @@ function CardLayout(_ref) {
       wrapCards = _ref$wrapCards === void 0 ? true : _ref$wrapCards,
       otherProps = _objectWithoutProperties(_ref, ["alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards"]);
 
-  var validChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
-  var minWidth = cardWidth || cardMinWidth || undefined;
-  var maxWidth = cardWidth || cardMaxWidth || undefined;
-  var margin = gutterSize / 2;
+  var clonedChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (child) {
+    return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
+      minWidth: cardWidth || cardMinWidth || undefined,
+      maxWidth: cardWidth || cardMaxWidth || undefined,
+      margin: gutterSize / 2
+    });
+  });
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
+    "data-test": "card-layout",
+    $alignCards: alignCards,
+    $wrapCards: wrapCards,
     ref: elementRef,
     style: _objectSpread({
       padding: gutterSize / 2
-    }, style),
-    "data-test": "card-layout",
-    $alignCards: alignCards,
-    $wrapCards: wrapCards
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(CardLayoutContext["a" /* default */].Provider, {
-    value: {
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      margin: margin
-    }
-  }, validChildren));
+    }, style)
+  }, otherProps), clonedChildren);
 }
 
 CardLayout.propTypes = propTypes;
@@ -226,20 +219,6 @@ module.exports = require("react");
 
 module.exports = require("styled-components");
 
-/***/ }),
-
-/***/ 65:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export CardLayoutContext */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
-CardLayoutContext.displayName = 'CardLayout';
-/* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
-
 /***/ })
 
 /******/ });

package/Chip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 154);
+/******/ 	return __webpack_require__(__webpack_require__.s = 151);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 154:
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -123,13 +123,13 @@ var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/color"
-var color_ = __webpack_require__(33);
+var color_ = __webpack_require__(35);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(43);
+var omit_ = __webpack_require__(45);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "prop-types"
@@ -137,14 +137,14 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(20);
+var CrossMark = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -545,21 +545,14 @@ Chip.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 20:
+/***/ 19:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -602,7 +595,14 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 22:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 21:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -616,14 +616,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 33:
+/***/ 35:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/color");
 
 /***/ }),
 
-/***/ 43:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/omit");