@splunk/react-ui 4.7.0 → 4.10.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 133);
+/******/ 	return __webpack_require__(__webpack_require__.s = 131);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 133:
+/***/ 131:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,7 +124,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
-var CollapsiblePanel_ = __webpack_require__(83);
+var CollapsiblePanel_ = __webpack_require__(82);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -415,7 +415,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 83:
+/***/ 82:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/CollapsiblePanel");

package/Anchor.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 150);
+/******/ 	return __webpack_require__(__webpack_require__.s = 148);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 150:
+/***/ 148:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Animation.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 177);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 177:
+/***/ 175:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/AnimationToggle.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 134);
+/******/ 	return __webpack_require__(__webpack_require__.s = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 134:
+/***/ 132:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Box.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 151);
+/******/ 	return __webpack_require__(__webpack_require__.s = 149);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 151:
+/***/ 149:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Button.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 139);
+/******/ 	return __webpack_require__(__webpack_require__.s = 137);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 139:
+/***/ 137:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,7 @@ var style_ = __webpack_require__(40);
 var CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(57);
+var External_ = __webpack_require__(58);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -169,9 +169,6 @@ function External(props) {
     Prisma24: Prisma24
   }, props));
 }
-// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(58);
-
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -339,7 +336,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 var propTypes = {
   action: external_prop_types_default.a.string,
   appearance: external_prop_types_default.a.oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
@@ -444,9 +440,6 @@ var Button_Button = /*#__PURE__*/function (_Component) {
           prepend = _this$props2.prepend,
           to = _this$props2.to,
           value = _this$props2.value;
-      var _this$context = this.context,
-          inlineContext = _this$context.inline,
-          roleContext = _this$context.role;
       var _this$props3 = this.props,
           children = _this$props3.children,
           label = _this$props3.label;
@@ -461,16 +454,15 @@ var Button_Button = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, Button_extends({
         "aria-haspopup": isMenu || undefined,
         "aria-invalid": error || undefined,
-        "data-test": "button",
-        role: roleContext || undefined
+        "data-test": "button"
       }, this.props, {
         className: Object(style_["toClassName"])(className, classNamePrivate),
         "data-action": action,
-        "data-inline": inlineContext || inline || null,
+        "data-inline": inline || null,
         disabled: disabled,
         append: append,
         prepend: prepend,
-        $inline: inlineContext || inline,
+        $inline: inline,
         $hasPrismaIcon: hasPrismaIcon,
         $isIconOnly: isIconOnly,
         $isMenu: isMenu,
@@ -514,8 +506,6 @@ _defineProperty(Button_Button, "propTypes", propTypes);
 
 _defineProperty(Button_Button, "defaultProps", defaultProps);
 
-_defineProperty(Button_Button, "contextType", ButtonGroupContext["a" /* ButtonGroupContext */]);
-
 _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /* harmony default export */ var src_Button_Button = (Button_Button);
@@ -619,27 +609,13 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 57:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 
-/***/ 58:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
-/* 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 ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
-ButtonGroupContext.displayName = 'ButtonGroup';
-/* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 

package/ButtonGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 152);
+/******/ 	return __webpack_require__(__webpack_require__.s = 150);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 152:
+/***/ 150:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,9 +142,6 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   prisma: themes_["variables"].spacingSmall
 }));
 
-// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(58);
-
 // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.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); }
 
@@ -155,7 +152,6 @@ 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]),
@@ -173,7 +169,9 @@ function ButtonGroup(_ref) {
     var length = _ref2.length;
     return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
       prepend: i > 0,
-      append: i < length - 1
+      append: i < length - 1,
+      inline: false,
+      role: item.props && item.props.role || 'menuitem'
     });
   });
   return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
@@ -181,12 +179,7 @@ function ButtonGroup(_ref) {
     flex: true,
     "data-test": "button-group",
     role: "menubar"
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(ButtonGroupContext["b" /* default */].Provider, {
-    value: {
-      inline: false,
-      role: 'menuitem'
-    }
-  }, childrenCleaned));
+  }, otherProps), childrenCleaned);
 }
 
 ButtonGroup.propTypes = propTypes;
@@ -210,20 +203,6 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 58:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
-/* 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 ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
-ButtonGroupContext.displayName = 'ButtonGroup';
-/* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
-
-/***/ }),
-
 /***/ 8:
 /***/ (function(module, exports) {
 

package/ButtonSimple.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 135);
+/******/ 	return __webpack_require__(__webpack_require__.s = 133);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 133:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 Change Log
 ============
+4.10.0 - June 29, 2022
+----------
+New Features:
+* Changed `Paginator`'s `PageSeparator` to have active color for Enterprise theme (SUI-3237).
+* Added `expandChildren="withShiftModifier"` prop to `JSONTree` (SUI-3627).
+
+Bug Fixes:
+* `RadioBar` supports keyboard navigation using the arrow keys (SUI-3745).
+* Fixed line-height for `Code` in Prisma themes (SUI-3637).
+* Fixes `RadioBar.Option` spacing when using adornments in Enterprise themes.
+* `File` descriptive button text now includes an ellipsis.
+* Fixed animation toggle issue with `SlidingPanels` by bumping `react-spring` version (SUI-3474).
+* Fixed life cycle warnings for components leveraging the `onRest` on `react-spring` (SUI-3666).
+
+4.9.0 - June 7, 2020
+----------
+New Features:
+* `MarkdownAnchorHeading` added to Markdown's renderers to allow headings as Anchors (SUI-831).
+
+Bug Fixes:
+* Clear button for `Text` now clears value on Safari (SUI-3510).
+
+4.8.0 - May 20, 2022
+----------
+New Features:
+* Added `startAdornment` and `endAdornment` props to `RadioBar.Option` (SUI-3505).
+
+Deprecation:
+* `RadioBar.Option`s `icon` prop is deprecated and will be removed in a future major version. Use `startAdornment` or `endAdornment` instead (SUI-3505).
+* `RadioBar`s `appearance` prop is deprecated and will be removed in a future major version (SUI-3505).
 
 4.7.0 - May 4, 2022
 ----------
@@ -15,6 +45,7 @@ Bug Fixes:
 * `Select`'s options should no longer be clickable while it's collapsing (SUI-3337).
 * `Menu`s should now correctly manage focus if the first item is disabled (SUI-3468).
 * `Message`'s `appearance="banner"` renders with an icon for improved accessibility (SUI-3526).
+* `Modal` will now correctly gain focus when created with `open=true` (SUI-3412). 
 
 Deprecations: 
 * `Message`'s `appearance="banner"`is deprecated and will be removed in a future major version. Use `MessageBar` instead (SUI-3437).

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 = 117);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 119:
+/***/ 117:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

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 = 118);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 120:
+/***/ 118:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -243,7 +243,7 @@ Footer.propTypes = Footer_propTypes;
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(84);
+var Anchor_ = __webpack_require__(61);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -259,7 +259,7 @@ var useSplunkTheme_ = __webpack_require__(38);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(61);
+var MoreVertical = __webpack_require__(62);
 
 // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
 
@@ -436,9 +436,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__(63);
-
 // 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 +489,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 +518,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 +577,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 +604,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 +631,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);
@@ -725,13 +713,20 @@ function SVG(props) {
 /***/ }),
 
 /***/ 61:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Anchor");
+
+/***/ }),
+
+/***/ 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__(62);
+/* 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);
@@ -762,27 +757,13 @@ function MoreVertical(props) {
 
 /***/ }),
 
-/***/ 62:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
 
-/***/ 63:
-/***/ (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__) {
 
@@ -906,13 +887,6 @@ Icon.defaultProps = defaultProps;
 
 module.exports = require("@splunk/react-ui/Box");
 
-/***/ }),
-
-/***/ 84:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Anchor");
-
 /***/ })
 
 /******/ });

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 = 151);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 153:
+/***/ 151:
 /***/ (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__(63);
-
 // 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");
 
-/***/ }),
-
-/***/ 63:
-/***/ (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 = 152);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 154:
+/***/ 152:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";