@splunk/react-ui 4.5.2 → 4.7.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 (145) hide show
  1. package/Accordion.js +10 -9
  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 +13 -13
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +42 -1
  10. package/Calendar.js +16 -16
  11. package/Card.js +48 -53
  12. package/CardLayout.js +4 -4
  13. package/Chip.js +10 -10
  14. package/Clickable.js +41 -15
  15. package/CloseButton.js +8 -8
  16. package/Code.js +8 -7
  17. package/CollapsiblePanel.js +11 -14
  18. package/Color.js +48 -48
  19. package/ColumnLayout.js +4 -4
  20. package/ComboBox.js +8 -8
  21. package/Concertina.js +15 -15
  22. package/ControlGroup.js +30 -37
  23. package/Date.js +10 -10
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +4 -4
  26. package/EventListener.js +4 -4
  27. package/FetchOptions.js +8 -8
  28. package/File.js +27 -27
  29. package/FormRows.js +21 -23
  30. package/Heading.js +2 -2
  31. package/Image.js +14 -14
  32. package/JSONTree.js +4 -4
  33. package/Layer.js +10 -10
  34. package/Link.js +6 -6
  35. package/List.js +2 -2
  36. package/Markdown.js +28 -16
  37. package/Menu.js +135 -70
  38. package/Message.js +246 -305
  39. package/MessageBar.d.ts +2 -0
  40. package/MessageBar.js +789 -0
  41. package/Modal.js +95 -61
  42. package/ModalLayer.js +5 -4
  43. package/Monogram.js +4 -4
  44. package/Multiselect.js +293 -42
  45. package/Number.js +8 -8
  46. package/Paginator.js +24 -24
  47. package/Paragraph.js +2 -2
  48. package/Popover.js +12 -12
  49. package/Progress.js +6 -6
  50. package/RadioBar.js +4 -4
  51. package/RadioList.js +2 -2
  52. package/Resize.js +8 -8
  53. package/ResultsMenu.js +25 -23
  54. package/ScreenReaderContent.js +2 -2
  55. package/Scroll.js +6 -6
  56. package/ScrollContainerContext.js +2 -2
  57. package/Search.js +14 -14
  58. package/Select.js +286 -36
  59. package/SidePanel.js +6 -6
  60. package/Slider.js +20 -14
  61. package/SlidingPanels.js +4 -4
  62. package/StaticContent.js +2 -2
  63. package/StepBar.js +18 -18
  64. package/Switch.js +17 -31
  65. package/TabBar.js +60 -46
  66. package/TabLayout.js +4 -4
  67. package/Table.js +63 -55
  68. package/Text.js +163 -146
  69. package/Tooltip.js +14 -14
  70. package/TransitionOpen.js +69 -44
  71. package/WaitSpinner.js +2 -2
  72. package/cypress/plugins/index.ts +15 -0
  73. package/cypress/support/commands.ts +1 -0
  74. package/cypress/support/index.ts +10 -0
  75. package/cypress.json +12 -0
  76. package/package.json +18 -5
  77. package/types/src/Animation/Animation.d.ts +0 -1
  78. package/types/src/Calendar/DateTable.d.ts +0 -1
  79. package/types/src/Clickable/Clickable.d.ts +12 -2
  80. package/types/src/Clickable/NavigationProvider.d.ts +12 -2
  81. package/types/src/Color/Color.d.ts +3 -3
  82. package/types/src/Date/Date.d.ts +3 -3
  83. package/types/src/Date/Icon.d.ts +0 -1
  84. package/types/src/File/Icon.d.ts +0 -1
  85. package/types/src/File/IconCloud.d.ts +0 -1
  86. package/types/src/File/PaperClip.d.ts +0 -1
  87. package/types/src/File/Retry.d.ts +0 -1
  88. package/types/src/File/Trash.d.ts +0 -1
  89. package/types/src/Markdown/renderers/MarkdownCode.d.ts +0 -1
  90. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +0 -1
  91. package/types/src/Markdown/renderers/MarkdownImage.d.ts +0 -1
  92. package/types/src/Menu/Divider.d.ts +0 -1
  93. package/types/src/Message/Link.d.ts +2 -0
  94. package/types/src/Message/Message.d.ts +6 -1
  95. package/types/src/MessageBar/MessageBar.d.ts +28 -0
  96. package/types/src/MessageBar/index.d.ts +2 -0
  97. package/types/src/Modal/Modal.d.ts +3 -0
  98. package/types/src/Modal/ModalContext.d.ts +6 -0
  99. package/types/src/Monogram/Monogram.d.ts +2 -2
  100. package/types/src/Multiselect/Multiselect.d.ts +1 -0
  101. package/types/src/Number/IncrementIcon.d.ts +0 -1
  102. package/types/src/Number/Number.d.ts +3 -3
  103. package/types/src/Paginator/PageSeparator.d.ts +0 -1
  104. package/types/src/Popover/Popover.d.ts +1 -2
  105. package/types/src/RadioBar/RadioBar.d.ts +3 -3
  106. package/types/src/Select/Select.d.ts +8 -3
  107. package/types/src/Select/SelectBase.d.ts +17 -5
  108. package/types/src/Select/matchUtils.d.ts +12 -0
  109. package/types/src/Slider/Slider.d.ts +3 -3
  110. package/types/src/Switch/CheckIcon.d.ts +0 -1
  111. package/types/src/Switch/Switch.d.ts +7 -7
  112. package/types/src/Table/DragHandle.d.ts +0 -1
  113. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  114. package/types/src/Table/Toggle.d.ts +0 -1
  115. package/types/src/Text/IconOutlinedHide.d.ts +0 -1
  116. package/types/src/Text/IconOutlinedView.d.ts +0 -1
  117. package/types/src/Text/Text.d.ts +12 -5
  118. package/types/src/Tooltip/InfoIcon.d.ts +0 -1
  119. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -0
  120. package/types/src/icons/Alert.d.ts +0 -1
  121. package/types/src/icons/AlertFilled.d.ts +0 -1
  122. package/types/src/icons/CaretDown.d.ts +0 -1
  123. package/types/src/icons/CaretRight.d.ts +0 -1
  124. package/types/src/icons/Check.d.ts +0 -1
  125. package/types/src/icons/ChevronDown.d.ts +0 -1
  126. package/types/src/icons/ChevronLeft.d.ts +0 -1
  127. package/types/src/icons/ChevronRight.d.ts +0 -1
  128. package/types/src/icons/CrossMark.d.ts +0 -1
  129. package/types/src/icons/External.d.ts +0 -1
  130. package/types/src/icons/InfoFilled.d.ts +0 -1
  131. package/types/src/icons/More.d.ts +0 -1
  132. package/types/src/icons/MoreVertical.d.ts +0 -1
  133. package/types/src/icons/Plus.d.ts +0 -1
  134. package/types/src/icons/SVG.d.ts +0 -1
  135. package/types/src/icons/Search.d.ts +0 -1
  136. package/types/src/icons/Sort.d.ts +0 -1
  137. package/types/src/icons/SortedDown.d.ts +0 -1
  138. package/types/src/icons/SortedUp.d.ts +0 -1
  139. package/types/src/icons/Success.d.ts +0 -1
  140. package/types/src/icons/SuccessFilled.d.ts +0 -1
  141. package/types/src/icons/WarningFilled.d.ts +0 -1
  142. package/types/src/utils/types.d.ts +0 -1
  143. package/unit-test-setup-testing-library.ts +9 -0
  144. package/usePrevious.js +2 -2
  145. package/types/src/Message/Banner.d.ts +0 -8
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 150);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 157);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,14 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 12:
111
+ /***/ 11:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-ui/Clickable");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 150:
118
+ /***/ 157:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -143,7 +143,7 @@ var i18n_ = __webpack_require__(5);
143
143
  var id_ = __webpack_require__(10);
144
144
 
145
145
  // EXTERNAL MODULE: external "@splunk/react-ui/TransitionOpen"
146
- var TransitionOpen_ = __webpack_require__(47);
146
+ var TransitionOpen_ = __webpack_require__(52);
147
147
  var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
148
148
 
149
149
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -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__(12);
161
+ var Clickable_ = __webpack_require__(11);
162
162
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
163
163
 
164
164
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -203,7 +203,7 @@ var StyledTitleWithActions = external_styled_components_default.a.div.withConfig
203
203
  displayName: "CollapsiblePanelStyles__StyledTitleWithActions",
204
204
  componentId: "sc-1phikbp-2"
205
205
  })(["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"])({
206
- enterprise: '0px 10px 0px 30px',
206
+ enterprise: Object(external_styled_components_["css"])(["", " ", " ", " 30px"], themes_["variables"].spacingXSmall, themes_["variables"].spacingSmall, themes_["variables"].spacingXSmall),
207
207
  prisma: {
208
208
  comfortable: '8px 10px 8px 52px',
209
209
  compact: '8px 10px 8px 52px'
@@ -227,7 +227,7 @@ var StyledTitleWithActions = external_styled_components_default.a.div.withConfig
227
227
  var StyledClickableIcon = external_styled_components_default()(Clickable_default.a).withConfig({
228
228
  displayName: "CollapsiblePanelStyles__StyledClickableIcon",
229
229
  componentId: "sc-1phikbp-3"
230
- })(["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"])({
230
+ })(["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"])({
231
231
  enterprise: '4px',
232
232
  prisma: '8px'
233
233
  }), Object(themes_["pick"])({
@@ -239,9 +239,6 @@ var StyledClickableIcon = external_styled_components_default()(Clickable_default
239
239
  comfortable: '12px',
240
240
  compact: '8px'
241
241
  }
242
- }), Object(themes_["pick"])({
243
- enterprise: '4px',
244
- prisma: '8px'
245
242
  }), Object(themes_["pick"])({
246
243
  enterprise: '300ms',
247
244
  prisma: '200ms'
@@ -641,17 +638,17 @@ module.exports = require("lodash");
641
638
 
642
639
  /***/ }),
643
640
 
644
- /***/ 47:
641
+ /***/ 5:
645
642
  /***/ (function(module, exports) {
646
643
 
647
- module.exports = require("@splunk/react-ui/TransitionOpen");
644
+ module.exports = require("@splunk/ui-utils/i18n");
648
645
 
649
646
  /***/ }),
650
647
 
651
- /***/ 5:
648
+ /***/ 52:
652
649
  /***/ (function(module, exports) {
653
650
 
654
- module.exports = require("@splunk/ui-utils/i18n");
651
+ module.exports = require("@splunk/react-ui/TransitionOpen");
655
652
 
656
653
  /***/ }),
657
654
 
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 = 129);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 136);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 129:
111
+ /***/ 136:
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__(76);
135
+ var SplunkThemeProvider_ = __webpack_require__(85);
136
136
  var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
137
137
 
138
138
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -152,29 +152,29 @@ var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
152
152
  var themes_ = __webpack_require__(0);
153
153
 
154
154
  // EXTERNAL MODULE: external "tinycolor2"
155
- var external_tinycolor2_ = __webpack_require__(44);
155
+ var external_tinycolor2_ = __webpack_require__(46);
156
156
  var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
157
157
 
158
158
  // EXTERNAL MODULE: ./src/icons/Check.tsx
159
- var Check = __webpack_require__(48);
159
+ var Check = __webpack_require__(53);
160
160
 
161
161
  // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
162
- var ChevronDown = __webpack_require__(59);
162
+ var ChevronDown = __webpack_require__(64);
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__(12);
169
+ var Clickable_ = __webpack_require__(11);
170
170
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
171
171
 
172
172
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
173
- var Text_ = __webpack_require__(21);
173
+ var Text_ = __webpack_require__(23);
174
174
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
175
175
 
176
176
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
177
- var ScreenReaderContent_ = __webpack_require__(15);
177
+ var ScreenReaderContent_ = __webpack_require__(14);
178
178
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
179
179
 
180
180
  // CONCATENATED MODULE: ./src/Color/SwatchStyles.ts
@@ -1099,7 +1099,7 @@ ColorWithTheme.propTypes = Color_Color.propTypes;
1099
1099
 
1100
1100
  /***/ }),
1101
1101
 
1102
- /***/ 15:
1102
+ /***/ 14:
1103
1103
  /***/ (function(module, exports) {
1104
1104
 
1105
1105
  module.exports = require("@splunk/react-ui/ScreenReaderContent");
@@ -1120,7 +1120,7 @@ module.exports = require("react");
1120
1120
 
1121
1121
  /***/ }),
1122
1122
 
1123
- /***/ 21:
1123
+ /***/ 23:
1124
1124
  /***/ (function(module, exports) {
1125
1125
 
1126
1126
  module.exports = require("@splunk/react-ui/Text");
@@ -1148,28 +1148,35 @@ module.exports = require("lodash");
1148
1148
 
1149
1149
  /***/ }),
1150
1150
 
1151
- /***/ 44:
1151
+ /***/ 46:
1152
1152
  /***/ (function(module, exports) {
1153
1153
 
1154
1154
  module.exports = require("tinycolor2");
1155
1155
 
1156
1156
  /***/ }),
1157
1157
 
1158
- /***/ 45:
1158
+ /***/ 47:
1159
1159
  /***/ (function(module, exports) {
1160
1160
 
1161
1161
  module.exports = require("@splunk/react-icons/Check");
1162
1162
 
1163
1163
  /***/ }),
1164
1164
 
1165
- /***/ 48:
1165
+ /***/ 5:
1166
+ /***/ (function(module, exports) {
1167
+
1168
+ module.exports = require("@splunk/ui-utils/i18n");
1169
+
1170
+ /***/ }),
1171
+
1172
+ /***/ 53:
1166
1173
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1167
1174
 
1168
1175
  "use strict";
1169
1176
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
1170
1177
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1171
1178
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1172
- /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45);
1179
+ /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(47);
1173
1180
  /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
1174
1181
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1175
1182
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1212,21 +1219,39 @@ function Check(props) {
1212
1219
 
1213
1220
  /***/ }),
1214
1221
 
1215
- /***/ 5:
1216
- /***/ (function(module, exports) {
1222
+ /***/ 6:
1223
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1217
1224
 
1218
- module.exports = require("@splunk/ui-utils/i18n");
1225
+ "use strict";
1226
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
1227
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1228
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1229
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
1230
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
1231
+ 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); }
1232
+
1233
+
1234
+
1235
+ var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
1236
+ displayName: "SVG__Styled",
1237
+ componentId: "sc-1bz0ryh-0"
1238
+ })(["flex:0 0 auto;"]);
1239
+ function SVG(props) {
1240
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
1241
+ xmlns: "http://www.w3.org/2000/svg"
1242
+ }, props));
1243
+ }
1219
1244
 
1220
1245
  /***/ }),
1221
1246
 
1222
- /***/ 59:
1247
+ /***/ 64:
1223
1248
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1224
1249
 
1225
1250
  "use strict";
1226
1251
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
1227
1252
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1228
1253
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1229
- /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
1254
+ /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
1230
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__);
1231
1256
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1232
1257
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1269,32 +1294,7 @@ function ChevronDown(props) {
1269
1294
 
1270
1295
  /***/ }),
1271
1296
 
1272
- /***/ 6:
1273
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1274
-
1275
- "use strict";
1276
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
1277
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1278
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1279
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
1280
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
1281
- 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); }
1282
-
1283
-
1284
-
1285
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
1286
- displayName: "SVG__Styled",
1287
- componentId: "sc-1bz0ryh-0"
1288
- })(["flex:0 0 auto;"]);
1289
- function SVG(props) {
1290
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
1291
- xmlns: "http://www.w3.org/2000/svg"
1292
- }, props));
1293
- }
1294
-
1295
- /***/ }),
1296
-
1297
- /***/ 60:
1297
+ /***/ 65:
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
- /***/ 76:
1422
+ /***/ 85:
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 = 117);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 123);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 117:
104
+ /***/ 123:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -144,7 +144,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
144
144
  })(["", ";"], themes_["mixins"].reset('block'));
145
145
 
146
146
  // EXTERNAL MODULE: ./src/utils/types.ts
147
- var types = __webpack_require__(49);
147
+ var types = __webpack_require__(54);
148
148
 
149
149
  // CONCATENATED MODULE: ./src/ColumnLayout/Column.tsx
150
150
  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");
442
442
 
443
443
  /***/ }),
444
444
 
445
- /***/ 49:
445
+ /***/ 54:
446
446
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
447
447
 
448
448
  "use strict";
package/ComboBox.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 151);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 158);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 12:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 151:
138
+ /***/ 158:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
@@ -160,7 +160,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
160
160
  var external_lodash_ = __webpack_require__(4);
161
161
 
162
162
  // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
163
- var filter_ = __webpack_require__(24);
163
+ var filter_ = __webpack_require__(25);
164
164
 
165
165
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
166
166
  var id_ = __webpack_require__(10);
@@ -183,7 +183,7 @@ var ResultsMenu_ = __webpack_require__(32);
183
183
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
184
184
 
185
185
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
186
- var Text_ = __webpack_require__(21);
186
+ var Text_ = __webpack_require__(23);
187
187
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
188
188
 
189
189
  // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
@@ -326,7 +326,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
326
326
 
327
327
  /* harmony default export */ var ComboBox_Option = (Option_Option);
328
328
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
329
- var updateReactRef = __webpack_require__(11);
329
+ var updateReactRef = __webpack_require__(12);
330
330
 
331
331
  // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
332
332
  function ComboBox_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { ComboBox_typeof = function _typeof(obj) { return typeof obj; }; } else { ComboBox_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return ComboBox_typeof(obj); }
@@ -889,14 +889,14 @@ module.exports = require("react");
889
889
 
890
890
  /***/ }),
891
891
 
892
- /***/ 21:
892
+ /***/ 23:
893
893
  /***/ (function(module, exports) {
894
894
 
895
895
  module.exports = require("@splunk/react-ui/Text");
896
896
 
897
897
  /***/ }),
898
898
 
899
- /***/ 24:
899
+ /***/ 25:
900
900
  /***/ (function(module, exports) {
901
901
 
902
902
  module.exports = require("@splunk/ui-utils/filter");
package/Concertina.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 = 118);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 124);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -102,6 +102,13 @@ module.exports = require("prop-types");
102
102
  /***/ }),
103
103
 
104
104
  /***/ 11:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("@splunk/react-ui/Clickable");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 12:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -128,7 +135,7 @@ function updateReactRef(ref, current) {
128
135
 
129
136
  /***/ }),
130
137
 
131
- /***/ 118:
138
+ /***/ 124:
132
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
140
 
134
141
  "use strict";
@@ -151,7 +158,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
151
158
  var external_lodash_ = __webpack_require__(4);
152
159
 
153
160
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
154
- var EventListener_ = __webpack_require__(14);
161
+ var EventListener_ = __webpack_require__(15);
155
162
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
156
163
 
157
164
  // EXTERNAL MODULE: external "styled-components"
@@ -159,7 +166,7 @@ var external_styled_components_ = __webpack_require__(3);
159
166
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
160
167
 
161
168
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
162
- var Clickable_ = __webpack_require__(12);
169
+ var Clickable_ = __webpack_require__(11);
163
170
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
164
171
 
165
172
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -331,7 +338,7 @@ var Box_ = __webpack_require__(8);
331
338
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
332
339
 
333
340
  // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
334
- var Scroll_ = __webpack_require__(61);
341
+ var Scroll_ = __webpack_require__(66);
335
342
  var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
336
343
 
337
344
  // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -371,7 +378,7 @@ var StyledPanelBody = external_styled_components_default.a.div.withConfig({
371
378
  }));
372
379
 
373
380
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
374
- var updateReactRef = __webpack_require__(11);
381
+ var updateReactRef = __webpack_require__(12);
375
382
 
376
383
  // CONCATENATED MODULE: ./src/Concertina/ConcertinaContext.tsx
377
384
 
@@ -862,14 +869,7 @@ Concertina_defineProperty(Concertina_Concertina, "Panel", Concertina_Panel);
862
869
 
863
870
  /***/ }),
864
871
 
865
- /***/ 12:
866
- /***/ (function(module, exports) {
867
-
868
- module.exports = require("@splunk/react-ui/Clickable");
869
-
870
- /***/ }),
871
-
872
- /***/ 14:
872
+ /***/ 15:
873
873
  /***/ (function(module, exports) {
874
874
 
875
875
  module.exports = require("@splunk/react-ui/EventListener");
@@ -897,7 +897,7 @@ module.exports = require("lodash");
897
897
 
898
898
  /***/ }),
899
899
 
900
- /***/ 61:
900
+ /***/ 66:
901
901
  /***/ (function(module, exports) {
902
902
 
903
903
  module.exports = require("@splunk/react-ui/Scroll");
package/ControlGroup.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 = 134);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 141);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 134:
111
+ /***/ 14:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 141:
112
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
120
 
114
121
  "use strict";
@@ -141,11 +148,11 @@ var Box_ = __webpack_require__(8);
141
148
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
142
149
 
143
150
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
144
- var ScreenReaderContent_ = __webpack_require__(15);
151
+ var ScreenReaderContent_ = __webpack_require__(14);
145
152
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
146
153
 
147
154
  // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
148
- var Tooltip_ = __webpack_require__(46);
155
+ var Tooltip_ = __webpack_require__(48);
149
156
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
150
157
 
151
158
  // EXTERNAL MODULE: external "styled-components"
@@ -176,7 +183,10 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
176
183
  }), function (_ref) {
177
184
  var $error = _ref.$error;
178
185
  return $error && Object(external_styled_components_["css"])(["color:", ";"], Object(themes_["pick"])({
179
- enterprise: themes_["variables"].errorColor,
186
+ enterprise: {
187
+ light: themes_["variables"].errorColorD10,
188
+ dark: themes_["variables"].errorColorL20
189
+ },
180
190
  prisma: themes_["variables"].accentColorNegative
181
191
  }));
182
192
  });
@@ -488,26 +498,12 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
488
498
  key: item.key || i
489
499
  };
490
500
 
491
- var shouldApplyProp = function shouldApplyProp(propName) {
492
- // Must support prop
493
- if (!item.type || !item.type.propTypes || !item.type.propTypes[propName]) {
494
- return false;
495
- } // Must not have been change from the default.
496
-
497
-
498
- if (!item.type.defaultProps || !item.props || Object(external_lodash_["isUndefined"])(item.props[propName])) {
499
- return true;
500
- }
501
-
502
- return item.props[propName] === item.type.defaultProps[propName];
503
- };
504
-
505
501
  if (controlsLayout === 'fillJoin') {
506
- if (shouldApplyProp('prepend') && i > 0) {
502
+ if (i > 0) {
507
503
  cloneProps.prepend = true;
508
504
  }
509
505
 
510
- if (shouldApplyProp('append') && i < count - 1) {
506
+ if (i < count - 1) {
511
507
  cloneProps.append = true;
512
508
  }
513
509
 
@@ -516,11 +512,11 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
516
512
  }
517
513
  }
518
514
 
519
- if (controlsLayout === 'fill' && shouldApplyProp('inline') && count > 1) {
515
+ if (controlsLayout === 'fill' && count > 1) {
520
516
  cloneProps.inline = true;
521
517
  }
522
518
 
523
- if (controlsLayout === 'stack' && shouldApplyProp('inline')) {
519
+ if (controlsLayout === 'stack') {
524
520
  cloneProps.inline = false;
525
521
 
526
522
  if (i < count - 1) {
@@ -531,16 +527,20 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
531
527
  }
532
528
  }
533
529
 
534
- if (shouldApplyProp('labelledBy')) {
535
- cloneProps.labelledBy = _this2.labelId;
536
- }
530
+ cloneProps.labelledBy = _this2.labelId;
537
531
 
538
- if (shouldApplyProp('describedBy') && _this2.props.help) {
532
+ if (_this2.props.help) {
539
533
  cloneProps.describedBy = _this2.helpId;
540
- } // (SUI-1365) Give the label's text to select elements
534
+ } // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
541
535
 
542
536
 
543
- if (shouldApplyProp('labelText')) {
537
+ if (item.type.componentType === 'Multiselect') {
538
+ var multiselect = item;
539
+
540
+ if (multiselect.props.compact === false) {
541
+ cloneProps.labelText = label;
542
+ }
543
+ } else {
544
544
  cloneProps.labelText = label;
545
545
  }
546
546
 
@@ -622,13 +622,6 @@ ControlGroupWithTheme.propTypes = ControlGroup_ControlGroup.propTypes;
622
622
 
623
623
 
624
624
 
625
- /***/ }),
626
-
627
- /***/ 15:
628
- /***/ (function(module, exports) {
629
-
630
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
631
-
632
625
  /***/ }),
633
626
 
634
627
  /***/ 2:
@@ -652,7 +645,7 @@ module.exports = require("lodash");
652
645
 
653
646
  /***/ }),
654
647
 
655
- /***/ 46:
648
+ /***/ 48:
656
649
  /***/ (function(module, exports) {
657
650
 
658
651
  module.exports = require("@splunk/react-ui/Tooltip");