@splunk/react-ui 4.8.0 → 4.11.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 (117) 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 +4 -4
  9. package/CHANGELOG.md +42 -5
  10. package/Calendar.js +12 -12
  11. package/Card.js +48 -62
  12. package/CardLayout.js +14 -35
  13. package/Chip.js +4 -4
  14. package/Clickable.js +23 -8
  15. package/CloseButton.js +2 -2
  16. package/Code.js +8 -5
  17. package/CollapsiblePanel.js +4 -4
  18. package/Color.js +10 -10
  19. package/ColumnLayout.js +2 -2
  20. package/ComboBox.js +9 -5
  21. package/Concertina.js +13 -13
  22. package/ControlGroup.js +26 -16
  23. package/Date.js +6 -6
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +4 -4
  26. package/EventListener.js +4 -4
  27. package/File.js +15 -15
  28. package/FormRows.js +11 -11
  29. package/Heading.js +2 -2
  30. package/Image.js +8 -8
  31. package/JSONTree.js +40 -22
  32. package/Layer.js +72 -22
  33. package/Link.js +4 -4
  34. package/List.js +2 -2
  35. package/Markdown.js +62 -30
  36. package/Menu.js +42 -42
  37. package/Message.js +18 -18
  38. package/MessageBar.js +28 -21
  39. package/Modal.js +6 -6
  40. package/ModalLayer.js +16 -7
  41. package/Monogram.js +27 -15
  42. package/Multiselect.js +12 -12
  43. package/Number.js +4 -4
  44. package/Paginator.js +21 -24
  45. package/Paragraph.js +2 -2
  46. package/Popover.js +16 -11
  47. package/Progress.js +2 -2
  48. package/RadioBar.js +143 -39
  49. package/RadioList.js +2 -2
  50. package/Resize.js +4 -4
  51. package/ResultsMenu.js +20 -20
  52. package/ScreenReaderContent.js +2 -2
  53. package/Scroll.js +4 -4
  54. package/ScrollContainerContext.js +2 -2
  55. package/Search.js +6 -6
  56. package/Select.js +9 -9
  57. package/SidePanel.js +4 -4
  58. package/Slider.js +4 -4
  59. package/SlidingPanels.js +16 -7
  60. package/StaticContent.js +2 -2
  61. package/StepBar.js +2 -2
  62. package/Switch.js +4 -4
  63. package/TabBar.js +11 -11
  64. package/TabLayout.js +4 -4
  65. package/Table.js +26 -31
  66. package/Text.js +18 -10
  67. package/Tooltip.js +21 -6
  68. package/TransitionOpen.js +14 -5
  69. package/WaitSpinner.js +2 -2
  70. package/package.json +12 -9
  71. package/stubs-splunkui.d.ts +13 -0
  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/ButtonSimple/ButtonSimple.d.ts +2 -6
  76. package/types/src/Card/Body.d.ts +6 -1
  77. package/types/src/Card/Card.d.ts +0 -2
  78. package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
  79. package/types/src/Clickable/Clickable.d.ts +5 -0
  80. package/types/src/ComboBox/ComboBox.d.ts +2 -1
  81. package/types/src/Concertina/ConcertinaContext.d.ts +0 -1
  82. package/types/src/ControlGroup/ControlGroup.d.ts +9 -2
  83. package/types/src/Date/Date.d.ts +3 -3
  84. package/types/src/File/FileContext.d.ts +0 -1
  85. package/types/src/FormRows/FormRows.d.ts +1 -1
  86. package/types/src/FormRows/FormRowsContext.d.ts +0 -1
  87. package/types/src/FormRows/Row.d.ts +1 -1
  88. package/types/src/JSONTree/JSONTree.d.ts +2 -2
  89. package/types/src/JSONTree/TreeNode.d.ts +1 -1
  90. package/types/src/JSONTree/docs/examples/WithShiftModifier.d.ts +1 -0
  91. package/types/src/Layer/LayerStack.d.ts +8 -2
  92. package/types/src/Markdown/Markdown.d.ts +9 -4
  93. package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +15 -0
  94. package/types/src/Markdown/renderers/index.d.ts +2 -1
  95. package/types/src/Menu/MenuContext.d.ts +0 -1
  96. package/types/src/Modal/ModalContext.d.ts +0 -1
  97. package/types/src/ModalLayer/ModalLayer.d.ts +2 -0
  98. package/types/src/Monogram/Monogram.d.ts +2 -2
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +1 -0
  101. package/types/src/Popover/PopoverContext.d.ts +0 -1
  102. package/types/src/RadioBar/Option.d.ts +10 -2
  103. package/types/src/RadioBar/RadioBar.d.ts +4 -1
  104. package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
  105. package/types/src/RadioList/RadioListContext.d.ts +0 -1
  106. package/types/src/Slider/Slider.d.ts +3 -3
  107. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -0
  108. package/types/src/StepBar/StepBarContext.d.ts +0 -1
  109. package/types/src/TabBar/TabBarContext.d.ts +0 -1
  110. package/types/src/Text/Text.d.ts +4 -3
  111. package/types/src/Tooltip/Tooltip.d.ts +15 -10
  112. package/types/src/TransitionOpen/TransitionOpen.d.ts +2 -0
  113. package/types/src/fixtures/FetchOptions.d.ts +82 -2
  114. package/usePrevious.js +2 -2
  115. package/FetchOptions.js +0 -359
  116. package/types/src/FetchOptions/FetchOptions.d.ts +0 -82
  117. package/types/src/FetchOptions/index.d.ts +0 -2
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 = 115);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("@splunk/react-ui/Clickable");
108
-
109
- /***/ }),
110
-
111
- /***/ 120:
104
+ /***/ 115:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -147,11 +140,19 @@ var themes_ = __webpack_require__(0);
147
140
  var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
148
141
  displayName: "BodyStyles__StyledBox",
149
142
  componentId: "sc-1130udp-0"
150
- })(["flex:1 1 auto;overflow:auto;height:100%;", ""], Object(themes_["pick"])({
151
- enterprise: Object(external_styled_components_["css"])(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_["variables"].spacing),
143
+ })(["flex:1 1 auto;overflow:auto;height:100%;", ";", ""], function (_ref) {
144
+ var $inset = _ref.$inset;
145
+ return $inset ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
146
+ enterprise: Object(external_styled_components_["css"])(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_["variables"].spacing),
147
+ prisma: {
148
+ comfortable: Object(external_styled_components_["css"])(["padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}"]),
149
+ compact: Object(external_styled_components_["css"])(["padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}"])
150
+ }
151
+ })) : Object(external_styled_components_["css"])(["padding:0;"]);
152
+ }, Object(themes_["pick"])({
152
153
  prisma: {
153
- 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),
154
- 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)
154
+ comfortable: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted),
155
+ compact: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted)
155
156
  }
156
157
  }));
157
158
 
@@ -167,7 +168,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
167
168
 
168
169
  var propTypes = {
169
170
  children: external_prop_types_default.a.node,
170
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])
171
+ elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
172
+ inset: external_prop_types_default.a.bool
171
173
  };
172
174
 
173
175
  /**
@@ -175,11 +177,14 @@ var propTypes = {
175
177
  */
176
178
  function Body(_ref) {
177
179
  var children = _ref.children,
178
- otherProps = _objectWithoutProperties(_ref, ["children"]);
180
+ _ref$inset = _ref.inset,
181
+ inset = _ref$inset === void 0 ? true : _ref$inset,
182
+ otherProps = _objectWithoutProperties(_ref, ["children", "inset"]);
179
183
 
180
184
  // @docs-props-type BodyPropsBase
181
185
  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
182
- "data-test": "body"
186
+ "data-test": "body",
187
+ $inset: inset
183
188
  }, otherProps), children);
184
189
  }
185
190
 
@@ -243,7 +248,7 @@ Footer.propTypes = Footer_propTypes;
243
248
  var i18n_ = __webpack_require__(5);
244
249
 
245
250
  // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
246
- var Anchor_ = __webpack_require__(84);
251
+ var Anchor_ = __webpack_require__(60);
247
252
  var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
248
253
 
249
254
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -388,7 +393,7 @@ function Header(_ref) {
388
393
  Header.propTypes = Header_propTypes;
389
394
  /* harmony default export */ var Card_Header = (Header);
390
395
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
391
- var Clickable_ = __webpack_require__(11);
396
+ var Clickable_ = __webpack_require__(12);
392
397
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
393
398
 
394
399
  // CONCATENATED MODULE: ./src/Card/CardStyles.ts
@@ -436,9 +441,6 @@ var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig(
436
441
  prisma: Object(external_styled_components_["css"])(["border-radius:", ";"], themes_["variables"].borderRadius)
437
442
  }));
438
443
 
439
- // EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
440
- var CardLayoutContext = __webpack_require__(63);
441
-
442
444
  // CONCATENATED MODULE: ./src/Card/Card.tsx
443
445
  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
446
 
@@ -492,9 +494,6 @@ function Card_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
492
494
 
493
495
 
494
496
 
495
-
496
- /** @public */
497
-
498
497
  var Card_propTypes = {
499
498
  children: external_prop_types_default.a.node,
500
499
  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) {
524
523
  return !!props.onClick || !!props.to;
525
524
  }
526
525
 
527
- function getSharedProps(props, context) {
528
- var minWidthProp = props.minWidth,
529
- maxWidthProp = props.maxWidth,
530
- marginProp = props.margin,
531
- style = props.style,
526
+ function getSharedProps(props) {
527
+ var margin = props.margin,
528
+ maxWidth = props.maxWidth,
529
+ minWidth = props.minWidth,
532
530
  selected = props.selected,
533
531
  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;
532
+ style = props.style,
533
+ otherProps = Card_objectWithoutProperties(props, ["margin", "maxWidth", "minWidth", "selected", "showBorder", "style"]);
539
534
 
540
535
  var cardStyle = _objectSpread({
541
- minWidth: minWidthProp || minWidthContext,
542
- maxWidth: maxWidthProp || maxWidthContext,
543
- margin: marginProp || marginContext
536
+ minWidth: minWidth,
537
+ maxWidth: maxWidth,
538
+ margin: margin
544
539
  }, style);
545
540
 
546
541
  var sharedProps = {
@@ -587,7 +582,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
587
582
  key: "render",
588
583
  value: function render() {
589
584
  if (isClickable(this.props)) {
590
- var _getSharedProps = getSharedProps(this.props, this.context),
585
+ var _getSharedProps = getSharedProps(this.props),
591
586
  _getSharedProps2 = _slicedToArray(_getSharedProps, 2),
592
587
  _sharedProps = _getSharedProps2[0],
593
588
  _ownProps = _getSharedProps2[1];
@@ -614,7 +609,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
614
609
  }), /*#__PURE__*/external_react_default.a.createElement(StyledFirefoxFlexHack, null, _children));
615
610
  }
616
611
 
617
- var _getSharedProps3 = getSharedProps(this.props, this.context),
612
+ var _getSharedProps3 = getSharedProps(this.props),
618
613
  _getSharedProps4 = _slicedToArray(_getSharedProps3, 2),
619
614
  sharedProps = _getSharedProps4[0],
620
615
  ownProps = _getSharedProps4[1];
@@ -641,8 +636,6 @@ _defineProperty(Card_Card, "propTypes", Card_propTypes);
641
636
 
642
637
  _defineProperty(Card_Card, "defaultProps", defaultProps);
643
638
 
644
- _defineProperty(Card_Card, "contextType", CardLayoutContext["a" /* default */]);
645
-
646
639
  _defineProperty(Card_Card, "Header", Card_Header);
647
640
 
648
641
  _defineProperty(Card_Card, "Body", Card_Body);
@@ -655,6 +648,13 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
655
648
 
656
649
 
657
650
 
651
+ /***/ }),
652
+
653
+ /***/ 12:
654
+ /***/ (function(module, exports) {
655
+
656
+ module.exports = require("@splunk/react-ui/Clickable");
657
+
658
658
  /***/ }),
659
659
 
660
660
  /***/ 17:
@@ -724,6 +724,13 @@ function SVG(props) {
724
724
 
725
725
  /***/ }),
726
726
 
727
+ /***/ 60:
728
+ /***/ (function(module, exports) {
729
+
730
+ module.exports = require("@splunk/react-ui/Anchor");
731
+
732
+ /***/ }),
733
+
727
734
  /***/ 61:
728
735
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
729
736
 
@@ -769,20 +776,6 @@ module.exports = require("@splunk/react-icons/MoreVertical");
769
776
 
770
777
  /***/ }),
771
778
 
772
- /***/ 63:
773
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
774
-
775
- "use strict";
776
- /* unused harmony export CardLayoutContext */
777
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
778
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
779
-
780
- var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
781
- CardLayoutContext.displayName = 'CardLayout';
782
- /* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
783
-
784
- /***/ }),
785
-
786
779
  /***/ 7:
787
780
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
788
781
 
@@ -906,13 +899,6 @@ Icon.defaultProps = defaultProps;
906
899
 
907
900
  module.exports = require("@splunk/react-ui/Box");
908
901
 
909
- /***/ }),
910
-
911
- /***/ 84:
912
- /***/ (function(module, exports) {
913
-
914
- module.exports = require("@splunk/react-ui/Anchor");
915
-
916
902
  /***/ })
917
903
 
918
904
  /******/ });
package/CardLayout.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 = 153);
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
- /***/ 153:
104
+ /***/ 148:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -140,9 +140,6 @@ var Styled = external_styled_components_default.a.div.withConfig({
140
140
  right: Object(external_styled_components_["css"])(["justify-content:flex-end;"])
141
141
  }));
142
142
 
143
- // EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
144
- var CardLayoutContext = __webpack_require__(63);
145
-
146
143
  // CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
147
144
  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); }
148
145
 
@@ -159,7 +156,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
159
156
 
160
157
 
161
158
 
162
-
163
159
  var propTypes = {
164
160
  alignCards: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
165
161
  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) {
186
182
  wrapCards = _ref$wrapCards === void 0 ? true : _ref$wrapCards,
187
183
  otherProps = _objectWithoutProperties(_ref, ["alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards"]);
188
184
 
189
- var validChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
190
- var minWidth = cardWidth || cardMinWidth || undefined;
191
- var maxWidth = cardWidth || cardMaxWidth || undefined;
192
- var margin = gutterSize / 2;
185
+ var clonedChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (child) {
186
+ return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
187
+ minWidth: cardWidth || cardMinWidth || undefined,
188
+ maxWidth: cardWidth || cardMaxWidth || undefined,
189
+ margin: gutterSize / 2
190
+ });
191
+ });
193
192
  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
193
+ "data-test": "card-layout",
194
+ $alignCards: alignCards,
195
+ $wrapCards: wrapCards,
194
196
  ref: elementRef,
195
197
  style: _objectSpread({
196
198
  padding: gutterSize / 2
197
- }, style),
198
- "data-test": "card-layout",
199
- $alignCards: alignCards,
200
- $wrapCards: wrapCards
201
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement(CardLayoutContext["a" /* default */].Provider, {
202
- value: {
203
- minWidth: minWidth,
204
- maxWidth: maxWidth,
205
- margin: margin
206
- }
207
- }, validChildren));
199
+ }, style)
200
+ }, otherProps), clonedChildren);
208
201
  }
209
202
 
210
203
  CardLayout.propTypes = propTypes;
@@ -226,20 +219,6 @@ module.exports = require("react");
226
219
 
227
220
  module.exports = require("styled-components");
228
221
 
229
- /***/ }),
230
-
231
- /***/ 63:
232
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
233
-
234
- "use strict";
235
- /* unused harmony export CardLayoutContext */
236
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
237
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
238
-
239
- var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
240
- CardLayoutContext.displayName = 'CardLayout';
241
- /* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
242
-
243
222
  /***/ })
244
223
 
245
224
  /******/ });
package/Chip.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 = 154);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 149);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 154:
111
+ /***/ 149:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -144,7 +144,7 @@ var external_styled_components_ = __webpack_require__(3);
144
144
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
145
145
 
146
146
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
147
- var Clickable_ = __webpack_require__(11);
147
+ var Clickable_ = __webpack_require__(12);
148
148
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
149
149
 
150
150
  // EXTERNAL MODULE: external "@splunk/themes"
package/Clickable.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 = 140);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 135);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 11:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 140:
131
+ /***/ 135:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -202,7 +202,7 @@ function NavigationProvider(_ref) {
202
202
  NavigationProvider.propTypes = propTypes;
203
203
 
204
204
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
205
- var updateReactRef = __webpack_require__(12);
205
+ var updateReactRef = __webpack_require__(11);
206
206
 
207
207
  // CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
208
208
  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); }
@@ -249,6 +249,8 @@ var isInternalLink = function isInternalLink(to) {
249
249
  return to != null && !WITH_SCHEME.test(to) && !SCHEME_RELATIVE.test(to);
250
250
  };
251
251
  var Clickable_propTypes = {
252
+ /** @private */
253
+ allowDisabledLink: external_prop_types_default.a.bool,
252
254
  children: external_prop_types_default.a.node,
253
255
  disabled: external_prop_types_default.a.bool,
254
256
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -375,13 +377,26 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
375
377
  rel: rel,
376
378
  onClick: handleOnClick
377
379
  }, Object(external_lodash_["omit"])(_otherProps, 'disabled', 'elementRef', 'onClick')), _children);
380
+ }
381
+
382
+ if (this.props.allowDisabledLink) {
383
+ var _ref = this.props,
384
+ _children2 = _ref.children,
385
+ _otherProps2 = _objectWithoutProperties(_ref, ["children"]);
386
+
387
+ if (this.props.disabled && this.props.to != null) {
388
+ return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
389
+ "data-test": "clickable",
390
+ ref: this.handleMount
391
+ }, Object(external_lodash_["omit"])(_otherProps2, 'href', 'elementRef', 'onClick')), _children2);
392
+ }
378
393
  } // button variant
379
394
 
380
395
 
381
- var _ref = this.props,
382
- children = _ref.children,
383
- type = _ref.type,
384
- otherProps = _objectWithoutProperties(_ref, ["children", "type"]);
396
+ var _ref2 = this.props,
397
+ children = _ref2.children,
398
+ type = _ref2.type,
399
+ otherProps = _objectWithoutProperties(_ref2, ["children", "type"]);
385
400
 
386
401
  return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
387
402
  as: "button",
package/CloseButton.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 = 155);
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
- /***/ 155:
104
+ /***/ 150:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Code.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 = 156);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 151);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 156:
104
+ /***/ 151:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
123
123
  var external_lodash_ = __webpack_require__(4);
124
124
 
125
125
  // EXTERNAL MODULE: ./src/Code/prism/prism.empty
126
- var prism_empty = __webpack_require__(81);
126
+ var prism_empty = __webpack_require__(79);
127
127
  var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
128
128
 
129
129
  // EXTERNAL MODULE: external "styled-components"
@@ -139,10 +139,13 @@ var themes_ = __webpack_require__(0);
139
139
  var Styled = external_styled_components_default.a.pre.withConfig({
140
140
  displayName: "CodeStyles__Styled",
141
141
  componentId: "sc-1eq4k68-0"
142
- })(["", ";", " line-height:17px;text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
142
+ })(["", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
143
143
  enterprise: {
144
144
  dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray92)
145
145
  }
146
+ }), Object(themes_["pick"])({
147
+ enterprise: '17px',
148
+ prisma: themes_["variables"].lineHeight
146
149
  }), themes_["variables"].focusColor);
147
150
  var StyledCode = external_styled_components_default.a.code.withConfig({
148
151
  displayName: "CodeStyles__StyledCode",
@@ -378,7 +381,7 @@ module.exports = require("lodash");
378
381
 
379
382
  /***/ }),
380
383
 
381
- /***/ 81:
384
+ /***/ 79:
382
385
  /***/ (function(module, exports, __webpack_require__) {
383
386
 
384
387
 
@@ -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 = 157);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 152);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,14 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 11:
111
+ /***/ 12:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-ui/Clickable");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 157:
118
+ /***/ 152:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -158,7 +158,7 @@ var Box_ = __webpack_require__(8);
158
158
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
159
159
 
160
160
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
161
- var Clickable_ = __webpack_require__(11);
161
+ var Clickable_ = __webpack_require__(12);
162
162
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
163
163
 
164
164
  // EXTERNAL MODULE: external "@splunk/themes"
package/Color.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 = 136);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 131);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 136:
111
+ /***/ 131:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -132,7 +132,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
132
132
  var external_lodash_ = __webpack_require__(4);
133
133
 
134
134
  // EXTERNAL MODULE: external "@splunk/themes/SplunkThemeProvider"
135
- var SplunkThemeProvider_ = __webpack_require__(85);
135
+ var SplunkThemeProvider_ = __webpack_require__(82);
136
136
  var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
137
137
 
138
138
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -159,14 +159,14 @@ var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_ti
159
159
  var Check = __webpack_require__(53);
160
160
 
161
161
  // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
162
- var ChevronDown = __webpack_require__(64);
162
+ var ChevronDown = __webpack_require__(63);
163
163
 
164
164
  // EXTERNAL MODULE: external "styled-components"
165
165
  var external_styled_components_ = __webpack_require__(3);
166
166
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
167
167
 
168
168
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
169
- var Clickable_ = __webpack_require__(11);
169
+ var Clickable_ = __webpack_require__(12);
170
170
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
171
171
 
172
172
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -1244,14 +1244,14 @@ function SVG(props) {
1244
1244
 
1245
1245
  /***/ }),
1246
1246
 
1247
- /***/ 64:
1247
+ /***/ 63:
1248
1248
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1249
1249
 
1250
1250
  "use strict";
1251
1251
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
1252
1252
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1253
1253
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1254
- /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
1254
+ /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
1255
1255
  /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
1256
1256
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1257
1257
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1294,7 +1294,7 @@ function ChevronDown(props) {
1294
1294
 
1295
1295
  /***/ }),
1296
1296
 
1297
- /***/ 65:
1297
+ /***/ 64:
1298
1298
  /***/ (function(module, exports) {
1299
1299
 
1300
1300
  module.exports = require("@splunk/react-icons/ChevronDown");
@@ -1419,7 +1419,7 @@ Icon.defaultProps = defaultProps;
1419
1419
 
1420
1420
  /***/ }),
1421
1421
 
1422
- /***/ 85:
1422
+ /***/ 82:
1423
1423
  /***/ (function(module, exports) {
1424
1424
 
1425
1425
  module.exports = require("@splunk/themes/SplunkThemeProvider");
package/ColumnLayout.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 = 123);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 118);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 123:
104
+ /***/ 118:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";