@splunk/react-ui 4.9.0 → 4.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/Accordion.js +4 -4
  2. package/Anchor.js +2 -2
  3. package/Animation.js +2 -2
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +5 -29
  7. package/ButtonGroup.js +6 -27
  8. package/ButtonSimple.js +2 -2
  9. package/CHANGELOG.md +14 -1
  10. package/Calendar.js +31 -31
  11. package/Card.js +19 -45
  12. package/CardLayout.js +14 -35
  13. package/Chip.js +2 -2
  14. package/Clickable.js +2 -2
  15. package/CloseButton.js +2 -2
  16. package/Code.js +8 -5
  17. package/CollapsiblePanel.js +2 -2
  18. package/Color.js +8 -8
  19. package/ColumnLayout.js +2 -2
  20. package/ComboBox.js +2 -2
  21. package/Concertina.js +4 -4
  22. package/ControlGroup.js +10 -10
  23. package/Date.js +4 -4
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +2 -2
  26. package/EventListener.js +4 -4
  27. package/FetchOptions.js +6 -6
  28. package/File.js +7 -7
  29. package/FormRows.js +11 -11
  30. package/Heading.js +2 -2
  31. package/Image.js +6 -6
  32. package/JSONTree.js +38 -20
  33. package/Layer.js +8 -8
  34. package/Link.js +2 -2
  35. package/List.js +2 -2
  36. package/Markdown.js +29 -32
  37. package/Menu.js +14 -14
  38. package/Message.js +16 -16
  39. package/MessageBar.js +14 -14
  40. package/Modal.js +6 -6
  41. package/ModalLayer.js +14 -5
  42. package/Monogram.js +2 -2
  43. package/Multiselect.js +10 -10
  44. package/Number.js +2 -2
  45. package/Paginator.js +40 -43
  46. package/Paragraph.js +2 -2
  47. package/Popover.js +12 -7
  48. package/Progress.js +2 -2
  49. package/RadioBar.js +141 -37
  50. package/RadioList.js +2 -2
  51. package/Resize.js +2 -2
  52. package/ResultsMenu.js +6 -6
  53. package/ScreenReaderContent.js +2 -2
  54. package/Scroll.js +2 -2
  55. package/ScrollContainerContext.js +2 -2
  56. package/Search.js +4 -4
  57. package/Select.js +9 -9
  58. package/SidePanel.js +4 -4
  59. package/Slider.js +4 -4
  60. package/SlidingPanels.js +14 -5
  61. package/StaticContent.js +2 -2
  62. package/StepBar.js +2 -2
  63. package/Switch.js +2 -2
  64. package/TabBar.js +2 -2
  65. package/TabLayout.js +4 -4
  66. package/Table.js +28 -30
  67. package/Text.js +4 -4
  68. package/Tooltip.js +2 -2
  69. package/TransitionOpen.js +14 -5
  70. package/WaitSpinner.js +2 -2
  71. package/package.json +3 -3
  72. package/types/src/Accordion/AccordionContext.d.ts +0 -1
  73. package/types/src/Button/Button.d.ts +0 -2
  74. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
  75. package/types/src/Card/Card.d.ts +0 -2
  76. package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
  77. package/types/src/Concertina/ConcertinaContext.d.ts +0 -1
  78. package/types/src/File/FileContext.d.ts +0 -1
  79. package/types/src/FormRows/FormRowsContext.d.ts +0 -1
  80. package/types/src/JSONTree/JSONTree.d.ts +2 -2
  81. package/types/src/JSONTree/TreeNode.d.ts +1 -1
  82. package/types/src/JSONTree/docs/examples/WithShiftModifier.d.ts +1 -0
  83. package/types/src/Markdown/Markdown.d.ts +2 -3
  84. package/types/src/Menu/MenuContext.d.ts +0 -1
  85. package/types/src/Modal/ModalContext.d.ts +0 -1
  86. package/types/src/ModalLayer/ModalLayer.d.ts +2 -0
  87. package/types/src/Popover/Popover.d.ts +1 -0
  88. package/types/src/Popover/PopoverContext.d.ts +0 -1
  89. package/types/src/RadioBar/Option.d.ts +10 -2
  90. package/types/src/RadioBar/RadioBar.d.ts +4 -1
  91. package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
  92. package/types/src/RadioList/RadioListContext.d.ts +0 -1
  93. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -0
  94. package/types/src/StepBar/StepBarContext.d.ts +0 -1
  95. package/types/src/TabBar/TabBarContext.d.ts +0 -1
  96. package/types/src/TransitionOpen/TransitionOpen.d.ts +2 -0
  97. package/usePrevious.js +2 -2
package/Accordion.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 133);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 131);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 133:
104
+ /***/ 131:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -124,7 +124,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
124
124
  var external_lodash_ = __webpack_require__(4);
125
125
 
126
126
  // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
127
- var CollapsiblePanel_ = __webpack_require__(84);
127
+ var CollapsiblePanel_ = __webpack_require__(82);
128
128
  var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
129
129
 
130
130
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -415,7 +415,7 @@ module.exports = require("@splunk/react-ui/Box");
415
415
 
416
416
  /***/ }),
417
417
 
418
- /***/ 84:
418
+ /***/ 82:
419
419
  /***/ (function(module, exports) {
420
420
 
421
421
  module.exports = require("@splunk/react-ui/CollapsiblePanel");
package/Anchor.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 150);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 148);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 150:
104
+ /***/ 148:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Animation.js CHANGED
@@ -82,12 +82,12 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 177);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 175);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 177:
90
+ /***/ 175:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 134);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 132);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 134:
97
+ /***/ 132:
98
98
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
99
 
100
100
  "use strict";
package/Box.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 151);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 149);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 151:
104
+ /***/ 149:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Button.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 139);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 137);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 139:
104
+ /***/ 137:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -169,9 +169,6 @@ function External(props) {
169
169
  Prisma24: Prisma24
170
170
  }, props));
171
171
  }
172
- // EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
173
- var ButtonGroupContext = __webpack_require__(59);
174
-
175
172
  // EXTERNAL MODULE: external "styled-components"
176
173
  var external_styled_components_ = __webpack_require__(3);
177
174
  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
339
336
 
340
337
 
341
338
 
342
-
343
339
  var propTypes = {
344
340
  action: external_prop_types_default.a.string,
345
341
  appearance: external_prop_types_default.a.oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
@@ -444,9 +440,6 @@ var Button_Button = /*#__PURE__*/function (_Component) {
444
440
  prepend = _this$props2.prepend,
445
441
  to = _this$props2.to,
446
442
  value = _this$props2.value;
447
- var _this$context = this.context,
448
- inlineContext = _this$context.inline,
449
- roleContext = _this$context.role;
450
443
  var _this$props3 = this.props,
451
444
  children = _this$props3.children,
452
445
  label = _this$props3.label;
@@ -461,16 +454,15 @@ var Button_Button = /*#__PURE__*/function (_Component) {
461
454
  return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, Button_extends({
462
455
  "aria-haspopup": isMenu || undefined,
463
456
  "aria-invalid": error || undefined,
464
- "data-test": "button",
465
- role: roleContext || undefined
457
+ "data-test": "button"
466
458
  }, this.props, {
467
459
  className: Object(style_["toClassName"])(className, classNamePrivate),
468
460
  "data-action": action,
469
- "data-inline": inlineContext || inline || null,
461
+ "data-inline": inline || null,
470
462
  disabled: disabled,
471
463
  append: append,
472
464
  prepend: prepend,
473
- $inline: inlineContext || inline,
465
+ $inline: inline,
474
466
  $hasPrismaIcon: hasPrismaIcon,
475
467
  $isIconOnly: isIconOnly,
476
468
  $isMenu: isMenu,
@@ -514,8 +506,6 @@ _defineProperty(Button_Button, "propTypes", propTypes);
514
506
 
515
507
  _defineProperty(Button_Button, "defaultProps", defaultProps);
516
508
 
517
- _defineProperty(Button_Button, "contextType", ButtonGroupContext["a" /* ButtonGroupContext */]);
518
-
519
509
  _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
520
510
 
521
511
  /* harmony default export */ var src_Button_Button = (Button_Button);
@@ -626,20 +616,6 @@ module.exports = require("@splunk/react-icons/External");
626
616
 
627
617
  /***/ }),
628
618
 
629
- /***/ 59:
630
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
631
-
632
- "use strict";
633
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
634
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
635
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
636
-
637
- var ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
638
- ButtonGroupContext.displayName = 'ButtonGroup';
639
- /* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
640
-
641
- /***/ }),
642
-
643
619
  /***/ 6:
644
620
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
645
621
 
package/ButtonGroup.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 152);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 150);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 152:
104
+ /***/ 150:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -142,9 +142,6 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
142
142
  prisma: themes_["variables"].spacingSmall
143
143
  }));
144
144
 
145
- // EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
146
- var ButtonGroupContext = __webpack_require__(59);
147
-
148
145
  // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
149
146
  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); }
150
147
 
@@ -155,7 +152,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
155
152
 
156
153
 
157
154
 
158
-
159
155
  var propTypes = {
160
156
  children: external_prop_types_default.a.node,
161
157
  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) {
173
169
  var length = _ref2.length;
174
170
  return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
175
171
  prepend: i > 0,
176
- append: i < length - 1
172
+ append: i < length - 1,
173
+ inline: false,
174
+ role: item.props && item.props.role || 'menuitem'
177
175
  });
178
176
  });
179
177
  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
@@ -181,12 +179,7 @@ function ButtonGroup(_ref) {
181
179
  flex: true,
182
180
  "data-test": "button-group",
183
181
  role: "menubar"
184
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement(ButtonGroupContext["b" /* default */].Provider, {
185
- value: {
186
- inline: false,
187
- role: 'menuitem'
188
- }
189
- }, childrenCleaned));
182
+ }, otherProps), childrenCleaned);
190
183
  }
191
184
 
192
185
  ButtonGroup.propTypes = propTypes;
@@ -210,20 +203,6 @@ module.exports = require("styled-components");
210
203
 
211
204
  /***/ }),
212
205
 
213
- /***/ 59:
214
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
215
-
216
- "use strict";
217
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
218
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
219
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
220
-
221
- var ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
222
- ButtonGroupContext.displayName = 'ButtonGroup';
223
- /* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
224
-
225
- /***/ }),
226
-
227
206
  /***/ 8:
228
207
  /***/ (function(module, exports) {
229
208
 
package/ButtonSimple.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 135);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 133);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 135:
111
+ /***/ 133:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/CHANGELOG.md CHANGED
@@ -1,10 +1,23 @@
1
1
  Change Log
2
2
  ============
3
+ 4.10.0 - June 29, 2022
4
+ ----------
5
+ New Features:
6
+ * Changed `Paginator`'s `PageSeparator` to have active color for Enterprise theme (SUI-3237).
7
+ * Added `expandChildren="withShiftModifier"` prop to `JSONTree` (SUI-3627).
8
+
9
+ Bug Fixes:
10
+ * `RadioBar` supports keyboard navigation using the arrow keys (SUI-3745).
11
+ * Fixed line-height for `Code` in Prisma themes (SUI-3637).
12
+ * Fixes `RadioBar.Option` spacing when using adornments in Enterprise themes.
13
+ * `File` descriptive button text now includes an ellipsis.
14
+ * Fixed animation toggle issue with `SlidingPanels` by bumping `react-spring` version (SUI-3474).
15
+ * Fixed life cycle warnings for components leveraging the `onRest` on `react-spring` (SUI-3666).
3
16
 
4
17
  4.9.0 - June 7, 2020
5
18
  ----------
6
19
  New Features:
7
- * `MarkdownAnchorHeading` added to Markdown's renderers to allow headings to render as Anchors (SUI-831).
20
+ * `MarkdownAnchorHeading` added to Markdown's renderers to allow headings as Anchors (SUI-831).
8
21
 
9
22
  Bug Fixes:
10
23
  * Clear button for `Text` now clears value on Safari (SUI-3510).
package/Calendar.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 119);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 117);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 119:
111
+ /***/ 117:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -403,7 +403,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
403
403
  var i18n_ = __webpack_require__(5);
404
404
 
405
405
  // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
406
- var ChevronLeft = __webpack_require__(60);
406
+ var ChevronLeft = __webpack_require__(59);
407
407
 
408
408
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
409
409
  var ChevronRight = __webpack_require__(27);
@@ -892,39 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
892
892
 
893
893
  /***/ }),
894
894
 
895
- /***/ 6:
896
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
897
-
898
- "use strict";
899
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
900
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
901
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
902
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
903
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
904
- 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); }
905
-
906
-
907
-
908
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
909
- displayName: "SVG__Styled",
910
- componentId: "sc-1bz0ryh-0"
911
- })(["flex:0 0 auto;"]);
912
- function SVG(props) {
913
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
914
- xmlns: "http://www.w3.org/2000/svg"
915
- }, props));
916
- }
917
-
918
- /***/ }),
919
-
920
- /***/ 60:
895
+ /***/ 59:
921
896
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
922
897
 
923
898
  "use strict";
924
899
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
925
900
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
926
901
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
927
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(61);
902
+ /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
928
903
  /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
929
904
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
930
905
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -967,7 +942,32 @@ function ChevronLeft(props) {
967
942
 
968
943
  /***/ }),
969
944
 
970
- /***/ 61:
945
+ /***/ 6:
946
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
947
+
948
+ "use strict";
949
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
950
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
951
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
952
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
953
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
954
+ 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); }
955
+
956
+
957
+
958
+ var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
959
+ displayName: "SVG__Styled",
960
+ componentId: "sc-1bz0ryh-0"
961
+ })(["flex:0 0 auto;"]);
962
+ function SVG(props) {
963
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
964
+ xmlns: "http://www.w3.org/2000/svg"
965
+ }, props));
966
+ }
967
+
968
+ /***/ }),
969
+
970
+ /***/ 60:
971
971
  /***/ (function(module, exports) {
972
972
 
973
973
  module.exports = require("@splunk/react-icons/ChevronLeft");
package/Card.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 120);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 118);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 120:
111
+ /***/ 118:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -243,7 +243,7 @@ Footer.propTypes = Footer_propTypes;
243
243
  var i18n_ = __webpack_require__(5);
244
244
 
245
245
  // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
246
- var Anchor_ = __webpack_require__(62);
246
+ var Anchor_ = __webpack_require__(61);
247
247
  var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
248
248
 
249
249
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -259,7 +259,7 @@ var useSplunkTheme_ = __webpack_require__(38);
259
259
  var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
260
260
 
261
261
  // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
262
- var MoreVertical = __webpack_require__(63);
262
+ var MoreVertical = __webpack_require__(62);
263
263
 
264
264
  // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
265
265
 
@@ -436,9 +436,6 @@ var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig(
436
436
  prisma: Object(external_styled_components_["css"])(["border-radius:", ";"], themes_["variables"].borderRadius)
437
437
  }));
438
438
 
439
- // EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
440
- var CardLayoutContext = __webpack_require__(65);
441
-
442
439
  // CONCATENATED MODULE: ./src/Card/Card.tsx
443
440
  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); }
444
441
 
@@ -492,9 +489,6 @@ function Card_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
492
489
 
493
490
 
494
491
 
495
-
496
- /** @public */
497
-
498
492
  var Card_propTypes = {
499
493
  children: external_prop_types_default.a.node,
500
494
  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) {
524
518
  return !!props.onClick || !!props.to;
525
519
  }
526
520
 
527
- function getSharedProps(props, context) {
528
- var minWidthProp = props.minWidth,
529
- maxWidthProp = props.maxWidth,
530
- marginProp = props.margin,
531
- style = props.style,
521
+ function getSharedProps(props) {
522
+ var margin = props.margin,
523
+ maxWidth = props.maxWidth,
524
+ minWidth = props.minWidth,
532
525
  selected = props.selected,
533
526
  showBorder = props.showBorder,
534
- otherProps = Card_objectWithoutProperties(props, ["minWidth", "maxWidth", "margin", "style", "selected", "showBorder"]);
535
-
536
- var minWidthContext = context.minWidth,
537
- maxWidthContext = context.maxWidth,
538
- marginContext = context.margin;
527
+ style = props.style,
528
+ otherProps = Card_objectWithoutProperties(props, ["margin", "maxWidth", "minWidth", "selected", "showBorder", "style"]);
539
529
 
540
530
  var cardStyle = _objectSpread({
541
- minWidth: minWidthProp || minWidthContext,
542
- maxWidth: maxWidthProp || maxWidthContext,
543
- margin: marginProp || marginContext
531
+ minWidth: minWidth,
532
+ maxWidth: maxWidth,
533
+ margin: margin
544
534
  }, style);
545
535
 
546
536
  var sharedProps = {
@@ -587,7 +577,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
587
577
  key: "render",
588
578
  value: function render() {
589
579
  if (isClickable(this.props)) {
590
- var _getSharedProps = getSharedProps(this.props, this.context),
580
+ var _getSharedProps = getSharedProps(this.props),
591
581
  _getSharedProps2 = _slicedToArray(_getSharedProps, 2),
592
582
  _sharedProps = _getSharedProps2[0],
593
583
  _ownProps = _getSharedProps2[1];
@@ -614,7 +604,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
614
604
  }), /*#__PURE__*/external_react_default.a.createElement(StyledFirefoxFlexHack, null, _children));
615
605
  }
616
606
 
617
- var _getSharedProps3 = getSharedProps(this.props, this.context),
607
+ var _getSharedProps3 = getSharedProps(this.props),
618
608
  _getSharedProps4 = _slicedToArray(_getSharedProps3, 2),
619
609
  sharedProps = _getSharedProps4[0],
620
610
  ownProps = _getSharedProps4[1];
@@ -641,8 +631,6 @@ _defineProperty(Card_Card, "propTypes", Card_propTypes);
641
631
 
642
632
  _defineProperty(Card_Card, "defaultProps", defaultProps);
643
633
 
644
- _defineProperty(Card_Card, "contextType", CardLayoutContext["a" /* default */]);
645
-
646
634
  _defineProperty(Card_Card, "Header", Card_Header);
647
635
 
648
636
  _defineProperty(Card_Card, "Body", Card_Body);
@@ -724,21 +712,21 @@ function SVG(props) {
724
712
 
725
713
  /***/ }),
726
714
 
727
- /***/ 62:
715
+ /***/ 61:
728
716
  /***/ (function(module, exports) {
729
717
 
730
718
  module.exports = require("@splunk/react-ui/Anchor");
731
719
 
732
720
  /***/ }),
733
721
 
734
- /***/ 63:
722
+ /***/ 62:
735
723
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
736
724
 
737
725
  "use strict";
738
726
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
739
727
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
740
728
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
741
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
729
+ /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
742
730
  /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
743
731
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
744
732
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -769,27 +757,13 @@ function MoreVertical(props) {
769
757
 
770
758
  /***/ }),
771
759
 
772
- /***/ 64:
760
+ /***/ 63:
773
761
  /***/ (function(module, exports) {
774
762
 
775
763
  module.exports = require("@splunk/react-icons/MoreVertical");
776
764
 
777
765
  /***/ }),
778
766
 
779
- /***/ 65:
780
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
781
-
782
- "use strict";
783
- /* unused harmony export CardLayoutContext */
784
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
785
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
786
-
787
- var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
788
- CardLayoutContext.displayName = 'CardLayout';
789
- /* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
790
-
791
- /***/ }),
792
-
793
767
  /***/ 7:
794
768
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
795
769