@splunk/react-ui 4.5.3 → 4.6.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 126);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 126:
+/***/ 127:
 /***/ (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__(74);
+var CollapsiblePanel_ = __webpack_require__(76);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -408,7 +408,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 74:
+/***/ 76:
 /***/ (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 = 143);
+/******/ 	return __webpack_require__(__webpack_require__.s = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 143:
+/***/ 144:
 /***/ (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 = 169);
+/******/ 	return __webpack_require__(__webpack_require__.s = 170);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 169:
+/***/ 170:
 /***/ (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 = 127);
+/******/ 	return __webpack_require__(__webpack_require__.s = 128);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 127:
+/***/ 128:
 /***/ (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 = 144);
+/******/ 	return __webpack_require__(__webpack_require__.s = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 144:
+/***/ 145:
 /***/ (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 = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 133);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 132:
+/***/ 133:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,7 @@ var style_ = __webpack_require__(39);
 var CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(52);
+var External_ = __webpack_require__(54);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -170,14 +170,14 @@ function External(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(53);
+var ButtonGroupContext = __webpack_require__(55);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(43);
+var ButtonSimple_ = __webpack_require__(44);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -605,7 +605,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 43:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -619,14 +619,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 52:
+/***/ 54:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 
-/***/ 53:
+/***/ 55:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ButtonGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ 	return __webpack_require__(__webpack_require__.s = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 145:
+/***/ 146:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -143,7 +143,7 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(53);
+var ButtonGroupContext = __webpack_require__(55);
 
 // 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); }
@@ -210,7 +210,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 53:
+/***/ 55:
 /***/ (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 = 128);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 128:
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/CHANGELOG.md

@@ -1,6 +1,21 @@
 Change Log
 ============
 
+4.6.0 - April 5, 2002
+----------
+New Features:
+* 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).
+
+Bug Fixes:
+* `NavigationProvider`'s `value` now has the the same shape as other provider values.
+* `TransitionOpen`'s slide transitions now consistently use transforms instead of animating dimensions (SUI-3328).
+* `FormRows`'s inside a `Modal` now display correctly when being sorted (SUI-3416).
+* Focus on `FormRows` drag handle is now visible in Prisma themes (SUI-3415).
+* `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.
+
 4.5.3 - March 15, 2022
 ----------
 Bug Fixes: 
@@ -15,7 +30,7 @@ Bug Fixes:
 
   `styled-components@5.2.0` changed how selectors like `& + &` are compiled; [styled-components PR#3236](https://github.com/styled-components/styled-components/pull/3236).
   This breaks styles that worked in previous versions of styled-components; [styled-components issue #3265](https://github.com/styled-components/styled-components/issues/3265).
-  
+
   **Until noted otherwise in a future release of `@splunk/react-ui` do not use `styled-components@^5.2.0` with` @splunk/react-ui`**.
 
 4.5.1 - March 1, 2022
@@ -38,6 +53,7 @@ New Features:
 * `Color`'s `defaultPalette` is now extrapolated from 8 base colors by `tinycolor2` to form the rest of the palette (SUI-2466).
 * Redundant `Table.HeadCell` indicators for sortable columns in Prisma themes have been replaced with the icons that matches the existing sort arrows. Note: column widths may be affected by this change (SUI-2547).
 * `Table` now supports `rowExpansion="controlled"` to allow for customization of expanded row state (SUI-2649).
+* `Select` now supports jumping to the first matching item when a character key is pressed as long as `filter=false` and the control is not currently loading data. This behavior can be disabled with `allowKeyMatching=false`
 
 Bug Fixes:
 * Updated `Chip` styles to grid to fix misalignment (SUI-2706).

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 112);
+/******/ 	return __webpack_require__(__webpack_require__.s = 114);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 112:
+/***/ 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__(54);
+var ChevronLeft = __webpack_require__(56);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 54:
+/***/ 56:
 /***/ (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__(55);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57);
 /* 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,7 +942,7 @@ function ChevronLeft(props) {
 
 /***/ }),
 
-/***/ 55:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");

package/Card.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 113);
+/******/ 	return __webpack_require__(__webpack_require__.s = 115);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 113:
+/***/ 115:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -236,7 +236,7 @@ Footer.propTypes = Footer_propTypes;
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(75);
+var Anchor_ = __webpack_require__(77);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -252,7 +252,7 @@ var useSplunkTheme_ = __webpack_require__(38);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(56);
+var MoreVertical = __webpack_require__(58);
 
 // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
 
@@ -388,12 +388,11 @@ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 
 
-
 var cardTransitionTime = '0.2s';
 var Styled = external_styled_components_default.a.div.withConfig({
   displayName: "CardStyles__Styled",
   componentId: "ola3x0-0"
-})(["", ";flex-direction:column;align-items:stretch;min-width:100px;flex:1;vertical-align:top;", " transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";", " &[data-clickable='true']{cursor:pointer;", " &:hover{", "}&:focus{", "}}", ""], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
+})(["", ";flex-direction:column;align-items:stretch;min-width:100px;flex:1;vertical-align:top;", " transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";", " &[data-clickable='true']{cursor:pointer;", " &:hover{", "}&:focus{", "}}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["background-color:", ";border:1px solid transparent;"], themes_["variables"].backgroundColor),
   prisma: Object(external_styled_components_["css"])(["background-color:", ";border-radius:", ";box-shadow:", ";"], themes_["variables"].backgroundColorSection, themes_["variables"].borderRadius, themes_["variables"].embossShadow)
 }), cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, function (_ref) {
@@ -413,10 +412,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
 }), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow),
   prisma: Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], themes_["variables"].embossShadow, themes_["mixins"].overlayColors(themes_["variables"].backgroundColorSection, themes_["variables"].interactiveColorOverlayHover))
-}), function (_ref3) {
-  var rendersAsButton = _ref3.rendersAsButton;
-  return rendersAsButton && Object(external_styled_components_["css"])(["& ", "{flex-basis:0;}"], StyledBox);
-});
+}));
 var StyledClickable = Styled.withComponent(Clickable_default.a);
 /* A child element we add to <button>s to make flexbox work.
    Without this wrapper element, child elements won't flex
@@ -434,7 +430,7 @@ var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig(
 }));
 
 // EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
-var CardLayoutContext = __webpack_require__(58);
+var CardLayoutContext = __webpack_require__(60);
 
 // 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); }
@@ -607,7 +603,6 @@ var Card_Card = /*#__PURE__*/function (_Component) {
         }, _sharedProps, _otherProps, {
           onClick: onClick ? this.handleCardClick : undefined,
           openInNewContext: openInNewContext,
-          rendersAsButton: onClick && !to,
           to: to || undefined
         }), /*#__PURE__*/external_react_default.a.createElement(StyledFirefoxFlexHack, null, _children));
       }
@@ -704,14 +699,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 56:
+/***/ 58:
 /***/ (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__(57);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
 /* 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);
@@ -742,27 +737,13 @@ function MoreVertical(props) {
 
 /***/ }),
 
-/***/ 57:
+/***/ 59:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
 
-/***/ 58:
-/***/ (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);
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -788,6 +769,20 @@ function SVG(props) {
 
 /***/ }),
 
+/***/ 60:
+/***/ (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,7 +901,7 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 75:
+/***/ 77:
 /***/ (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 = 146);
+/******/ 	return __webpack_require__(__webpack_require__.s = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 146:
+/***/ 147:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
-var CardLayoutContext = __webpack_require__(58);
+var CardLayoutContext = __webpack_require__(60);
 
 // 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); }
@@ -228,7 +228,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 58:
+/***/ 60:
 /***/ (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 = 147);
+/******/ 	return __webpack_require__(__webpack_require__.s = 148);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 147:
+/***/ 148:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Clickable.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 = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 133:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -177,9 +177,10 @@ var StyledA = external_styled_components_default.a.a.withConfig({
 
 var propTypes = {
   children: external_prop_types_default.a.node,
-  onClick: external_prop_types_default.a.func
+  onClick: external_prop_types_default.a.func,
+  prefix: external_prop_types_default.a.string
 };
-var NavigationContext = /*#__PURE__*/external_react_default.a.createContext(undefined);
+var NavigationContext = /*#__PURE__*/external_react_default.a.createContext({});
 /**
  * Used to provide an override for the `onClick` for links for single page applications so that
  * internal links can navigate without a page reload.
@@ -187,10 +188,14 @@ var NavigationContext = /*#__PURE__*/external_react_default.a.createContext(unde
 
 function NavigationProvider(_ref) {
   var children = _ref.children,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      prefix = _ref.prefix;
   // @docs-props-type NavigationProviderProps
   return /*#__PURE__*/external_react_default.a.createElement(NavigationContext.Provider, {
-    value: onClick
+    value: {
+      onClick: onClick,
+      prefix: prefix
+    }
   }, children);
 }
 
@@ -239,8 +244,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var WITH_SCHEME = /^[a-z0-9]+:/;
 var SCHEME_RELATIVE = /^\/\//;
+var IS_RELATIVE = /^\//;
 var isInternalLink = function isInternalLink(to) {
-  return !WITH_SCHEME.test(to) && !SCHEME_RELATIVE.test(to);
+  return to != null && !WITH_SCHEME.test(to) && !SCHEME_RELATIVE.test(to);
 };
 var Clickable_propTypes = {
   children: external_prop_types_default.a.node,
@@ -248,6 +254,7 @@ var Clickable_propTypes = {
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   onClick: external_prop_types_default.a.func,
   openInNewContext: external_prop_types_default.a.bool,
+  navigationLabel: external_prop_types_default.a.string,
   to: external_prop_types_default.a.string
 };
 var defaultProps = {
@@ -258,6 +265,14 @@ var defaultProps = {
 function isLink(props) {
   return !!props.to && !props.disabled;
 }
+
+function getPrefixedURL(to, prefix) {
+  if (prefix != null && isInternalLink(to) && IS_RELATIVE.test(to)) {
+    return "".concat(prefix).concat(to);
+  }
+
+  return to;
+}
 /**
  * `Clickable` renders as a `button` element, or as an `a` element if the `to` prop is set
  * and the `disabled` prop is `false`. This is called link mode.
@@ -302,9 +317,17 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
         if (_this.props.onClick) {
           _this.props.onClick(e);
         } else if (isLink(_this.props) && providedOnClick) {
+          var prefix = _this.context.prefix;
+          var label = _this.props.navigationLabel;
+
+          if (!label && Object(external_lodash_["isString"])(_this.props.children)) {
+            label = _this.props.children;
+          }
+
           providedOnClick(e, {
-            to: _this.props.to,
-            openInNewContext: _this.props.openInNewContext
+            to: getPrefixedURL(_this.props.to, prefix),
+            openInNewContext: _this.props.openInNewContext,
+            label: label
           });
         }
       };
@@ -329,7 +352,10 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var onClick = this.createHandleOnClick(this.context); // Only set the href attribute when enabled, and therefore using an <a> tag
+      var _this$context = this.context,
+          onClick = _this$context.onClick,
+          prefix = _this$context.prefix;
+      var handleOnClick = this.createHandleOnClick(onClick); // Only set the href attribute when enabled, and therefore using an <a> tag
 
       if (isLink(this.props)) {
         var _this$props = this.props,
@@ -343,10 +369,10 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
           "data-test": "clickable",
           ref: this.handleMount,
-          href: to,
+          href: getPrefixedURL(this.props.to, prefix),
           target: target,
           rel: rel,
-          onClick: onClick
+          onClick: handleOnClick
         }, Object(external_lodash_["omit"])(_otherProps, 'disabled', 'elementRef', 'onClick')), _children);
       } // button variant
 
@@ -361,7 +387,7 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
         "data-test": "clickable",
         ref: this.handleMount,
         type: type || 'button',
-        onClick: onClick
+        onClick: handleOnClick
       }, Object(external_lodash_["omit"])(otherProps, 'elementRef', 'onClick', 'openInNewContext', 'to')), children);
     }
   }]);