@splunk/react-ui 4.5.3 → 4.6.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 (87) hide show
  1. package/Accordion.js +4 -4
  2. package/Anchor.js +2 -2
  3. package/Animation.js +2 -2
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +8 -8
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +2 -2
  9. package/CHANGELOG.md +17 -1
  10. package/Calendar.js +6 -6
  11. package/Card.js +25 -30
  12. package/CardLayout.js +4 -4
  13. package/Chip.js +2 -2
  14. package/Clickable.js +39 -13
  15. package/CloseButton.js +4 -4
  16. package/Code.js +8 -7
  17. package/CollapsiblePanel.js +6 -9
  18. package/Color.js +42 -42
  19. package/ColumnLayout.js +4 -4
  20. package/ComboBox.js +2 -2
  21. package/Concertina.js +4 -4
  22. package/ControlGroup.js +22 -29
  23. package/Date.js +4 -4
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +2 -2
  26. package/EventListener.js +4 -4
  27. package/FetchOptions.js +8 -8
  28. package/File.js +7 -7
  29. package/FormRows.js +16 -18
  30. package/Heading.js +2 -2
  31. package/Image.js +6 -6
  32. package/JSONTree.js +2 -2
  33. package/Layer.js +8 -8
  34. package/Link.js +4 -4
  35. package/List.js +2 -2
  36. package/Markdown.js +26 -14
  37. package/Menu.js +17 -17
  38. package/Message.js +10 -10
  39. package/Modal.js +43 -14
  40. package/ModalLayer.js +4 -4
  41. package/Monogram.js +2 -2
  42. package/Multiselect.js +255 -13
  43. package/Number.js +2 -2
  44. package/Paginator.js +10 -10
  45. package/Paragraph.js +2 -2
  46. package/Popover.js +6 -6
  47. package/Progress.js +6 -6
  48. package/Resize.js +2 -2
  49. package/ResultsMenu.js +6 -6
  50. package/ScreenReaderContent.js +2 -2
  51. package/Scroll.js +2 -2
  52. package/ScrollContainerContext.js +2 -2
  53. package/Search.js +4 -4
  54. package/Select.js +254 -13
  55. package/SidePanel.js +6 -6
  56. package/Slider.js +12 -6
  57. package/SlidingPanels.js +2 -2
  58. package/StaticContent.js +2 -2
  59. package/StepBar.js +6 -6
  60. package/Switch.js +4 -4
  61. package/TabLayout.js +4 -4
  62. package/Table.js +37 -36
  63. package/Text.js +144 -127
  64. package/Tooltip.js +2 -2
  65. package/TransitionOpen.js +62 -37
  66. package/WaitSpinner.js +2 -2
  67. package/cypress/plugins/index.ts +15 -0
  68. package/cypress/support/commands.ts +1 -0
  69. package/cypress/support/index.ts +9 -0
  70. package/cypress.json +12 -0
  71. package/package.json +13 -4
  72. package/types/src/Clickable/Clickable.d.ts +12 -2
  73. package/types/src/Clickable/NavigationProvider.d.ts +12 -2
  74. package/types/src/Color/Color.d.ts +3 -3
  75. package/types/src/Date/Date.d.ts +3 -3
  76. package/types/src/Modal/Modal.d.ts +2 -0
  77. package/types/src/Modal/ModalContext.d.ts +6 -0
  78. package/types/src/Multiselect/Multiselect.d.ts +1 -0
  79. package/types/src/Number/Number.d.ts +3 -3
  80. package/types/src/RadioBar/RadioBar.d.ts +3 -3
  81. package/types/src/Select/Select.d.ts +8 -3
  82. package/types/src/Select/SelectBase.d.ts +16 -4
  83. package/types/src/Select/matchUtils.d.ts +12 -0
  84. package/types/src/Slider/Slider.d.ts +3 -3
  85. package/types/src/Text/Text.d.ts +12 -5
  86. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -0
  87. package/usePrevious.js +2 -2
package/CloseButton.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 148);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 149);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 148:
104
+ /***/ 149:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -130,7 +130,7 @@ var external_styled_components_ = __webpack_require__(3);
130
130
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
131
131
 
132
132
  // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
133
- var ButtonSimple_ = __webpack_require__(43);
133
+ var ButtonSimple_ = __webpack_require__(44);
134
134
  var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
135
135
 
136
136
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -258,7 +258,7 @@ module.exports = require("styled-components");
258
258
 
259
259
  /***/ }),
260
260
 
261
- /***/ 43:
261
+ /***/ 44:
262
262
  /***/ (function(module, exports) {
263
263
 
264
264
  module.exports = require("@splunk/react-ui/ButtonSimple");
package/Code.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 149);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 150);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 149:
104
+ /***/ 150:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
123
123
  var external_lodash_ = __webpack_require__(4);
124
124
 
125
125
  // EXTERNAL MODULE: ./src/Code/prism/prism.empty
126
- var prism_empty = __webpack_require__(72);
126
+ var prism_empty = __webpack_require__(74);
127
127
  var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
128
128
 
129
129
  // EXTERNAL MODULE: external "styled-components"
@@ -139,11 +139,11 @@ var themes_ = __webpack_require__(0);
139
139
  var Styled = external_styled_components_default.a.pre.withConfig({
140
140
  displayName: "CodeStyles__Styled",
141
141
  componentId: "sc-1eq4k68-0"
142
- })(["", ";", " line-height:17px;text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
142
+ })(["", ";", " line-height:17px;text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
143
143
  enterprise: {
144
144
  dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray92)
145
145
  }
146
- }));
146
+ }), themes_["variables"].focusColor);
147
147
  var StyledCode = external_styled_components_default.a.code.withConfig({
148
148
  displayName: "CodeStyles__StyledCode",
149
149
  componentId: "sc-1eq4k68-1"
@@ -343,7 +343,8 @@ function Code(_ref) {
343
343
  var codeContent = render(tokens);
344
344
  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
345
345
  "data-test": "code",
346
- ref: elementRef
346
+ ref: elementRef,
347
+ tabIndex: 0
347
348
  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledCode, {
348
349
  className: "language-".concat(language)
349
350
  }, codeContent));
@@ -377,7 +378,7 @@ module.exports = require("lodash");
377
378
 
378
379
  /***/ }),
379
380
 
380
- /***/ 72:
381
+ /***/ 74:
381
382
  /***/ (function(module, exports, __webpack_require__) {
382
383
 
383
384
 
@@ -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 = 151);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/Clickable");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 150:
118
+ /***/ 151:
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__(49);
147
147
  var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
148
148
 
149
149
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -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,7 +638,7 @@ module.exports = require("lodash");
641
638
 
642
639
  /***/ }),
643
640
 
644
- /***/ 47:
641
+ /***/ 49:
645
642
  /***/ (function(module, exports) {
646
643
 
647
644
  module.exports = require("@splunk/react-ui/TransitionOpen");
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 = 130);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 129:
111
+ /***/ 130:
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__(78);
136
136
  var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
137
137
 
138
138
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -152,14 +152,14 @@ 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__(45);
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__(50);
160
160
 
161
161
  // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
162
- var ChevronDown = __webpack_require__(59);
162
+ var ChevronDown = __webpack_require__(61);
163
163
 
164
164
  // EXTERNAL MODULE: external "styled-components"
165
165
  var external_styled_components_ = __webpack_require__(3);
@@ -1148,28 +1148,35 @@ module.exports = require("lodash");
1148
1148
 
1149
1149
  /***/ }),
1150
1150
 
1151
- /***/ 44:
1151
+ /***/ 45:
1152
1152
  /***/ (function(module, exports) {
1153
1153
 
1154
1154
  module.exports = require("tinycolor2");
1155
1155
 
1156
1156
  /***/ }),
1157
1157
 
1158
- /***/ 45:
1158
+ /***/ 46:
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
+ /***/ 50:
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__(46);
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
+ /***/ 61:
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__(62);
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
+ /***/ 62:
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
+ /***/ 78:
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 = 118);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 117:
104
+ /***/ 118:
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__(51);
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
+ /***/ 51:
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 = 152);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 151:
138
+ /***/ 152:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
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 = 119);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 118:
131
+ /***/ 119:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -331,7 +331,7 @@ var Box_ = __webpack_require__(8);
331
331
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
332
332
 
333
333
  // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
334
- var Scroll_ = __webpack_require__(61);
334
+ var Scroll_ = __webpack_require__(63);
335
335
  var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
336
336
 
337
337
  // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -897,7 +897,7 @@ module.exports = require("lodash");
897
897
 
898
898
  /***/ }),
899
899
 
900
- /***/ 61:
900
+ /***/ 63:
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 = 135);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 134:
111
+ /***/ 135:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -145,7 +145,7 @@ var ScreenReaderContent_ = __webpack_require__(15);
145
145
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
146
146
 
147
147
  // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
148
- var Tooltip_ = __webpack_require__(46);
148
+ var Tooltip_ = __webpack_require__(47);
149
149
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
150
150
 
151
151
  // EXTERNAL MODULE: external "styled-components"
@@ -176,7 +176,10 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
176
176
  }), function (_ref) {
177
177
  var $error = _ref.$error;
178
178
  return $error && Object(external_styled_components_["css"])(["color:", ";"], Object(themes_["pick"])({
179
- enterprise: themes_["variables"].errorColor,
179
+ enterprise: {
180
+ light: themes_["variables"].errorColorD10,
181
+ dark: themes_["variables"].errorColorL20
182
+ },
180
183
  prisma: themes_["variables"].accentColorNegative
181
184
  }));
182
185
  });
@@ -488,26 +491,12 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
488
491
  key: item.key || i
489
492
  };
490
493
 
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
494
  if (controlsLayout === 'fillJoin') {
506
- if (shouldApplyProp('prepend') && i > 0) {
495
+ if (i > 0) {
507
496
  cloneProps.prepend = true;
508
497
  }
509
498
 
510
- if (shouldApplyProp('append') && i < count - 1) {
499
+ if (i < count - 1) {
511
500
  cloneProps.append = true;
512
501
  }
513
502
 
@@ -516,11 +505,11 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
516
505
  }
517
506
  }
518
507
 
519
- if (controlsLayout === 'fill' && shouldApplyProp('inline') && count > 1) {
508
+ if (controlsLayout === 'fill' && count > 1) {
520
509
  cloneProps.inline = true;
521
510
  }
522
511
 
523
- if (controlsLayout === 'stack' && shouldApplyProp('inline')) {
512
+ if (controlsLayout === 'stack') {
524
513
  cloneProps.inline = false;
525
514
 
526
515
  if (i < count - 1) {
@@ -531,16 +520,20 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
531
520
  }
532
521
  }
533
522
 
534
- if (shouldApplyProp('labelledBy')) {
535
- cloneProps.labelledBy = _this2.labelId;
536
- }
523
+ cloneProps.labelledBy = _this2.labelId;
537
524
 
538
- if (shouldApplyProp('describedBy') && _this2.props.help) {
525
+ if (_this2.props.help) {
539
526
  cloneProps.describedBy = _this2.helpId;
540
- } // (SUI-1365) Give the label's text to select elements
527
+ } // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
541
528
 
542
529
 
543
- if (shouldApplyProp('labelText')) {
530
+ if (item.type.componentType === 'Multiselect') {
531
+ var multiselect = item;
532
+
533
+ if (multiselect.props.compact === false) {
534
+ cloneProps.labelText = label;
535
+ }
536
+ } else {
544
537
  cloneProps.labelText = label;
545
538
  }
546
539
 
@@ -652,7 +645,7 @@ module.exports = require("lodash");
652
645
 
653
646
  /***/ }),
654
647
 
655
- /***/ 46:
648
+ /***/ 47:
656
649
  /***/ (function(module, exports) {
657
650
 
658
651
  module.exports = require("@splunk/react-ui/Tooltip");
package/Date.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 = 135);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 136);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 135:
138
+ /***/ 136:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
@@ -168,7 +168,7 @@ var id_ = __webpack_require__(10);
168
168
  var keyboard_ = __webpack_require__(9);
169
169
 
170
170
  // EXTERNAL MODULE: external "@splunk/react-ui/Calendar"
171
- var Calendar_ = __webpack_require__(77);
171
+ var Calendar_ = __webpack_require__(79);
172
172
  var Calendar_default = /*#__PURE__*/__webpack_require__.n(Calendar_);
173
173
 
174
174
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -618,7 +618,7 @@ module.exports = require("lodash");
618
618
 
619
619
  /***/ }),
620
620
 
621
- /***/ 77:
621
+ /***/ 79:
622
622
  /***/ (function(module, exports) {
623
623
 
624
624
  module.exports = require("@splunk/react-ui/Calendar");
package/DefinitionList.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 = 119);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 120);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 119:
104
+ /***/ 120:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Dropdown.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 = 170);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 171);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Popover");
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 170:
138
+ /***/ 171:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
package/EventListener.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 = 171);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 172);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 171:
97
+ /***/ 172:
98
98
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
99
 
100
100
  "use strict";
@@ -113,7 +113,7 @@ var external_prop_types_ = __webpack_require__(1);
113
113
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
114
114
 
115
115
  // EXTERNAL MODULE: external "use-typed-event-listener"
116
- var external_use_typed_event_listener_ = __webpack_require__(78);
116
+ var external_use_typed_event_listener_ = __webpack_require__(80);
117
117
  var external_use_typed_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_use_typed_event_listener_);
118
118
 
119
119
  // CONCATENATED MODULE: ./src/EventListener/EventListener.tsx
@@ -158,7 +158,7 @@ module.exports = require("react");
158
158
 
159
159
  /***/ }),
160
160
 
161
- /***/ 78:
161
+ /***/ 80:
162
162
  /***/ (function(module, exports) {
163
163
 
164
164
  module.exports = require("use-typed-event-listener");