@splunk/react-ui 4.5.1 → 4.6.0

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);
     }
   }]);

package/CloseButton.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 = 149);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 148:
+/***/ 149:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,7 +130,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/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(43);
+var ButtonSimple_ = __webpack_require__(44);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -258,7 +258,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 43:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");

package/Code.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 = 150);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 149:
+/***/ 150:
 /***/ (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__(72);
+var prism_empty = __webpack_require__(74);
 var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -139,11 +139,11 @@ var themes_ = __webpack_require__(0);
 var Styled = external_styled_components_default.a.pre.withConfig({
   displayName: "CodeStyles__Styled",
   componentId: "sc-1eq4k68-0"
-})(["", ";", " 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;"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
+})(["", ";", " 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"])({
   enterprise: {
     dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray92)
   }
-}));
+}), themes_["variables"].focusColor);
 var StyledCode = external_styled_components_default.a.code.withConfig({
   displayName: "CodeStyles__StyledCode",
   componentId: "sc-1eq4k68-1"
@@ -343,7 +343,8 @@ function Code(_ref) {
   var codeContent = render(tokens);
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
     "data-test": "code",
-    ref: elementRef
+    ref: elementRef,
+    tabIndex: 0
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledCode, {
     className: "language-".concat(language)
   }, codeContent));
@@ -377,7 +378,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 72:
+/***/ 74:
 /***/ (function(module, exports, __webpack_require__) {
 
 

package/CollapsiblePanel.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 = 151);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 150:
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -143,7 +143,7 @@ var i18n_ = __webpack_require__(5);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TransitionOpen"
-var TransitionOpen_ = __webpack_require__(47);
+var TransitionOpen_ = __webpack_require__(49);
 var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -203,7 +203,7 @@ var StyledTitleWithActions = external_styled_components_default.a.div.withConfig
   displayName: "CollapsiblePanelStyles__StyledTitleWithActions",
   componentId: "sc-1phikbp-2"
 })(["flex-shrink:0;border-bottom:0;position:relative;padding:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s;color:", ";", " ", ""], Object(themes_["pick"])({
-  enterprise: '0px 10px 0px 30px',
+  enterprise: Object(external_styled_components_["css"])(["", " ", " ", " 30px"], themes_["variables"].spacingXSmall, themes_["variables"].spacingSmall, themes_["variables"].spacingXSmall),
   prisma: {
     comfortable: '8px 10px 8px 52px',
     compact: '8px 10px 8px 52px'
@@ -227,7 +227,7 @@ var StyledTitleWithActions = external_styled_components_default.a.div.withConfig
 var StyledClickableIcon = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "CollapsiblePanelStyles__StyledClickableIcon",
   componentId: "sc-1phikbp-3"
-})(["position:absolute;left:", ";padding:", ";top:", ";& > svg{transition:transform ", ";}", ";", " &:focus:not([disabled]),&:active:not([disabled]){color:", ";box-shadow:", ";}&:hover:not([disabled]){color:", ";background-color:", ";}"], Object(themes_["pick"])({
+})(["position:absolute;left:", ";padding:", ";top:8px;& > svg{transition:transform ", ";}", ";", " &:focus:not([disabled]),&:active:not([disabled]){color:", ";box-shadow:", ";}&:hover:not([disabled]){color:", ";background-color:", ";}"], Object(themes_["pick"])({
   enterprise: '4px',
   prisma: '8px'
 }), Object(themes_["pick"])({
@@ -239,9 +239,6 @@ var StyledClickableIcon = external_styled_components_default()(Clickable_default
     comfortable: '12px',
     compact: '8px'
   }
-}), Object(themes_["pick"])({
-  enterprise: '4px',
-  prisma: '8px'
 }), Object(themes_["pick"])({
   enterprise: '300ms',
   prisma: '200ms'
@@ -641,7 +638,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 47:
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TransitionOpen");

package/Color.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 129);
+/******/ 	return __webpack_require__(__webpack_require__.s = 130);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 129:
+/***/ 130:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -132,7 +132,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/themes/SplunkThemeProvider"
-var SplunkThemeProvider_ = __webpack_require__(76);
+var SplunkThemeProvider_ = __webpack_require__(78);
 var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -152,14 +152,14 @@ var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(44);
+var external_tinycolor2_ = __webpack_require__(45);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: ./src/icons/Check.tsx
-var Check = __webpack_require__(48);
+var Check = __webpack_require__(50);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(59);
+var ChevronDown = __webpack_require__(61);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -1148,28 +1148,35 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 44:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");
 
 /***/ }),
 
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Check");
 
 /***/ }),
 
-/***/ 48:
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 50:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
 /* 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_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45);
+/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
 /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__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);
@@ -1212,21 +1219,39 @@ function Check(props) {
 
 /***/ }),
 
-/***/ 5:
-/***/ (function(module, exports) {
+/***/ 6:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
+/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+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); }
+
+
+
+var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
+  displayName: "SVG__Styled",
+  componentId: "sc-1bz0ryh-0"
+})(["flex:0 0 auto;"]);
+function SVG(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props));
+}
 
 /***/ }),
 
-/***/ 59:
+/***/ 61:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
 /* 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_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(62);
 /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__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);
@@ -1269,32 +1294,7 @@ function ChevronDown(props) {
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
-/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-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); }
-
-
-
-var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
-  displayName: "SVG__Styled",
-  componentId: "sc-1bz0ryh-0"
-})(["flex:0 0 auto;"]);
-function SVG(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props));
-}
-
-/***/ }),
-
-/***/ 60:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
@@ -1419,7 +1419,7 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 76:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/SplunkThemeProvider");

package/ColumnLayout.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 = 118);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 117:
+/***/ 118:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -144,7 +144,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
 })(["", ";"], themes_["mixins"].reset('block'));
 
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(49);
+var types = __webpack_require__(51);
 
 // CONCATENATED MODULE: ./src/ColumnLayout/Column.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); }
@@ -442,7 +442,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 49:
+/***/ 51:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ComboBox.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 = 152);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 151:
+/***/ 152:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Concertina.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 = 119);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 118:
+/***/ 119:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -331,7 +331,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(61);
+var Scroll_ = __webpack_require__(63);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -897,7 +897,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 61:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");

package/ControlGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 134);
+/******/ 	return __webpack_require__(__webpack_require__.s = 135);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 134:
+/***/ 135:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -145,7 +145,7 @@ var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(46);
+var Tooltip_ = __webpack_require__(47);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -176,7 +176,10 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
 }), function (_ref) {
   var $error = _ref.$error;
   return $error && Object(external_styled_components_["css"])(["color:", ";"], Object(themes_["pick"])({
-    enterprise: themes_["variables"].errorColor,
+    enterprise: {
+      light: themes_["variables"].errorColorD10,
+      dark: themes_["variables"].errorColorL20
+    },
     prisma: themes_["variables"].accentColorNegative
   }));
 });
@@ -488,26 +491,12 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           key: item.key || i
         };
 
-        var shouldApplyProp = function shouldApplyProp(propName) {
-          // Must support prop
-          if (!item.type || !item.type.propTypes || !item.type.propTypes[propName]) {
-            return false;
-          } //  Must not have been change from the default.
-
-
-          if (!item.type.defaultProps || !item.props || Object(external_lodash_["isUndefined"])(item.props[propName])) {
-            return true;
-          }
-
-          return item.props[propName] === item.type.defaultProps[propName];
-        };
-
         if (controlsLayout === 'fillJoin') {
-          if (shouldApplyProp('prepend') && i > 0) {
+          if (i > 0) {
             cloneProps.prepend = true;
           }
 
-          if (shouldApplyProp('append') && i < count - 1) {
+          if (i < count - 1) {
             cloneProps.append = true;
           }
 
@@ -516,11 +505,11 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           }
         }
 
-        if (controlsLayout === 'fill' && shouldApplyProp('inline') && count > 1) {
+        if (controlsLayout === 'fill' && count > 1) {
           cloneProps.inline = true;
         }
 
-        if (controlsLayout === 'stack' && shouldApplyProp('inline')) {
+        if (controlsLayout === 'stack') {
           cloneProps.inline = false;
 
           if (i < count - 1) {
@@ -531,16 +520,20 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           }
         }
 
-        if (shouldApplyProp('labelledBy')) {
-          cloneProps.labelledBy = _this2.labelId;
-        }
+        cloneProps.labelledBy = _this2.labelId;
 
-        if (shouldApplyProp('describedBy') && _this2.props.help) {
+        if (_this2.props.help) {
           cloneProps.describedBy = _this2.helpId;
-        } // (SUI-1365) Give the label's text to select elements
+        } // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
 
 
-        if (shouldApplyProp('labelText')) {
+        if (item.type.componentType === 'Multiselect') {
+          var multiselect = item;
+
+          if (multiselect.props.compact === false) {
+            cloneProps.labelText = label;
+          }
+        } else {
           cloneProps.labelText = label;
         }
 
@@ -652,7 +645,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 46:
+/***/ 47:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");