@splunk/react-ui 4.10.0 → 4.11.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 131);
+/******/ 	return __webpack_require__(__webpack_require__.s = 128);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 131:
+/***/ 128:
 /***/ (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__(82);
+var CollapsiblePanel_ = __webpack_require__(81);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -415,7 +415,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 82:
+/***/ 81:
 /***/ (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 = 148);
+/******/ 	return __webpack_require__(__webpack_require__.s = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 148:
+/***/ 145:
 /***/ (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 = 175);
+/******/ 	return __webpack_require__(__webpack_require__.s = 173);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 175:
+/***/ 173:
 /***/ (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 = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 132:
+/***/ 129:
 /***/ (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 = 149);
+/******/ 	return __webpack_require__(__webpack_require__.s = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 149:
+/***/ 146:
 /***/ (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 = 137);
+/******/ 	return __webpack_require__(__webpack_require__.s = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 137:
+/***/ 134:
 /***/ (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__(58);
+var External_ = __webpack_require__(57);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -609,7 +609,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 58:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");

package/ButtonGroup.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 = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 150:
+/***/ 147:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ButtonSimple.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 = 130);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 133:
+/***/ 130:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,7 @@ 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_);
 
 // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 Change Log
 ============
+4.11.0 - August 2, 2022
+----------
+New Features:
+* Added a `separateStackingContexts` prop to `LayerStackGlobalProvider`. This allows multiple "floating" elements (such as a `Popover` and a `Modal`) to stack in the order that they were opened rather than a fixed order (SUI-2809).
+    * This prop is currently defaults to `false`, to be backwards compatible, but will default to `true` in the next major version.
+* Added util `prepareSandboxCode` to parse imports for including additional files to CodeSandbox examples.
+* `ControlGroup` now supports customizing the position of the tooltip via the `tooltipDefaultPlacement` prop (SUI-3041).
+
+Bug Fixes:
+* `Text` no longer holds space for the clear icon when it is not shown (SUI-3748).
+* Fixed `Text`'s error border color to stay the same when hovered on error (SUI-3672).
+* `Tooltip` will now hide when the toggle is clicked (SUI-3453, SUI-2712).
+* Fixed `MessageBar` content to be centered when persistent (SUI-3561).
+
 4.10.0 - June 29, 2022
 ----------
 New Features:
@@ -13,6 +27,8 @@ Bug Fixes:
 * `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).
+* Updated `ComboBox` to fix menu misalignment (SUI-3622).
+* Added support for removing `Card.Body` padding via the `inset` prop (SUI-3704).
 
 4.9.0 - June 7, 2020
 ----------
@@ -45,16 +61,16 @@ 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). 
+* `Modal` will now correctly gain focus when created with `open=true` (SUI-3412).
 
-Deprecations: 
+Deprecations:
 * `Message`'s `appearance="banner"`is deprecated and will be removed in a future major version. Use `MessageBar` instead (SUI-3437).
 * `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead (SUI-3322).
 
 4.6.0 - April 5, 2022
 ----------
 New Features:
-* Updated the `File` uploader descriptive button text from `browse...` to `upload file` (SUI-3275). 
+* Updated the `File` uploader descriptive button text from `browse...` to `upload file` (SUI-3275).
 * `Clickable` now supports the `navigationLabel` prop to provide `data.label` to the `onClick` handler (SUI-3123).
 * Added `onInputClick` prop to `Text` component (SUI-2801).
 
@@ -66,10 +82,10 @@ Bug Fixes:
 * `Modal`'s title is now read by screen reader.
 * `Card` will no longer render with different dimensions depending on the combination of `to` and `onClick` props.
 * `TableRow`'s `data` prop is no longer incorrectly passed to the DOM element (SUI-3448)
-  
+
 4.5.3 - March 15, 2022
 ----------
-Bug Fixes: 
+Bug Fixes:
 * Fixed a regression where `Accordion.Panel`s may not open (SUI-3411).
 
 4.5.2 - March 8, 2022

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 117);
+/******/ 	return __webpack_require__(__webpack_require__.s = 114);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 117:
+/***/ 114:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -403,7 +403,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(59);
+var ChevronLeft = __webpack_require__(58);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 59:
+/***/ 58:
 /***/ (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__(60);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
 /* 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);
@@ -942,6 +942,13 @@ function ChevronLeft(props) {
 
 /***/ }),
 
+/***/ 59:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/ChevronLeft");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -967,13 +974,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 60:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ChevronLeft");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 

package/Card.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 118);
+/******/ 	return __webpack_require__(__webpack_require__.s = 115);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 118:
+/***/ 115:
 /***/ (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,7 +248,7 @@ Footer.propTypes = Footer_propTypes;
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(61);
+var Anchor_ = __webpack_require__(60);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -259,7 +264,7 @@ var useSplunkTheme_ = __webpack_require__(38);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(62);
+var MoreVertical = __webpack_require__(61);
 
 // 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
@@ -643,6 +648,13 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
 
 
 
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Clickable");
+
 /***/ }),
 
 /***/ 17:
@@ -712,21 +724,21 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 61:
+/***/ 60:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Anchor");
 
 /***/ }),
 
-/***/ 62:
+/***/ 61:
 /***/ (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__(63);
+/* 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___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);
@@ -757,7 +769,7 @@ function MoreVertical(props) {
 
 /***/ }),
 
-/***/ 63:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");

package/CardLayout.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 = 148);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 151:
+/***/ 148:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Chip.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 = 149);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 152:
+/***/ 149:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -144,7 +144,7 @@ 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"

package/Clickable.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 138);
+/******/ 	return __webpack_require__(__webpack_require__.s = 135);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 138:
+/***/ 135:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -202,7 +202,7 @@ function NavigationProvider(_ref) {
 NavigationProvider.propTypes = propTypes;
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Clickable/Clickable.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); }
@@ -249,6 +249,8 @@ var isInternalLink = function isInternalLink(to) {
   return to != null && !WITH_SCHEME.test(to) && !SCHEME_RELATIVE.test(to);
 };
 var Clickable_propTypes = {
+  /** @private */
+  allowDisabledLink: external_prop_types_default.a.bool,
   children: external_prop_types_default.a.node,
   disabled: external_prop_types_default.a.bool,
   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) {
           rel: rel,
           onClick: handleOnClick
         }, Object(external_lodash_["omit"])(_otherProps, 'disabled', 'elementRef', 'onClick')), _children);
+      }
+
+      if (this.props.allowDisabledLink) {
+        var _ref = this.props,
+            _children2 = _ref.children,
+            _otherProps2 = _objectWithoutProperties(_ref, ["children"]);
+
+        if (this.props.disabled && this.props.to != null) {
+          return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
+            "data-test": "clickable",
+            ref: this.handleMount
+          }, Object(external_lodash_["omit"])(_otherProps2, 'href', 'elementRef', 'onClick')), _children2);
+        }
       } // button variant
 
 
-      var _ref = this.props,
-          children = _ref.children,
-          type = _ref.type,
-          otherProps = _objectWithoutProperties(_ref, ["children", "type"]);
+      var _ref2 = this.props,
+          children = _ref2.children,
+          type = _ref2.type,
+          otherProps = _objectWithoutProperties(_ref2, ["children", "type"]);
 
       return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
         as: "button",

package/CloseButton.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";

package/Code.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,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 154:
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-var prism_empty = __webpack_require__(80);
+var prism_empty = __webpack_require__(79);
 var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -381,7 +381,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 80:
+/***/ 79:
 /***/ (function(module, exports, __webpack_require__) {