@splunk/react-ui 4.14.0 → 4.16.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 (137) hide show
  1. package/.dockerignore +2 -0
  2. package/Accordion.js +41 -16
  3. package/Anchor.js +9 -9
  4. package/Animation.js +6 -6
  5. package/AnimationToggle.js +2 -2
  6. package/Box.js +9 -9
  7. package/Button.js +54 -51
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +68 -64
  10. package/CHANGELOG.md +46 -0
  11. package/Calendar.js +124 -106
  12. package/Card.js +68 -68
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +22 -22
  15. package/Clickable.js +38 -14
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +59 -34
  19. package/Color.js +297 -187
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +88 -27
  23. package/ControlGroup.js +81 -24
  24. package/Date.js +54 -36
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +9 -9
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +78 -18
  32. package/EventListener.js +17 -17
  33. package/File.js +108 -46
  34. package/FormRows.js +38 -37
  35. package/Heading.js +83 -55
  36. package/Image.js +63 -38
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +59 -34
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/MIGRATION.md +21 -0
  42. package/Markdown.js +71 -65
  43. package/Menu.js +155 -121
  44. package/Message.js +129 -129
  45. package/MessageBar.js +136 -136
  46. package/Modal.js +57 -32
  47. package/ModalLayer.js +15 -15
  48. package/Monogram.js +18 -17
  49. package/Multiselect.js +2807 -2310
  50. package/Number.js +74 -37
  51. package/Paginator.js +96 -83
  52. package/Paragraph.js +10 -10
  53. package/Popover.js +191 -54
  54. package/Progress.js +23 -22
  55. package/RadioBar.js +32 -14
  56. package/RadioList.js +17 -11
  57. package/Resize.js +33 -20
  58. package/ResultsMenu.js +36 -23
  59. package/ScreenReaderContent.js +9 -9
  60. package/Scroll.js +51 -26
  61. package/ScrollContainerContext.js +48 -48
  62. package/Search.js +68 -31
  63. package/Select.js +501 -204
  64. package/SidePanel.js +37 -24
  65. package/Slider.js +54 -24
  66. package/SlidingPanels.js +52 -14
  67. package/SplitButton.js +23 -22
  68. package/StaticContent.js +9 -9
  69. package/StepBar.js +22 -22
  70. package/Switch.js +18 -13
  71. package/TabBar.js +22 -22
  72. package/TabLayout.js +46 -18
  73. package/Table.js +424 -166
  74. package/Text.js +91 -49
  75. package/TextArea.d.ts +2 -0
  76. package/TextArea.js +127 -49
  77. package/Tooltip.js +236 -59
  78. package/TransitionOpen.js +39 -26
  79. package/Typography.d.ts +2 -0
  80. package/Typography.js +18 -17
  81. package/WaitSpinner.js +15 -15
  82. package/docker-compose.yml +42 -0
  83. package/package.json +13 -12
  84. package/test-runner-jest.config.js +11 -6
  85. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  86. package/types/src/Button/Button.d.ts +5 -2
  87. package/types/src/Button/docs/examples/Basic.d.ts +2 -2
  88. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  89. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  90. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
  91. package/types/src/Calendar/Calendar.d.ts +2 -0
  92. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  93. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  94. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  95. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  96. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  97. package/types/src/File/File.d.ts +4 -2
  98. package/types/src/File/FileContext.d.ts +1 -0
  99. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  100. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  101. package/types/src/Menu/MenuContext.d.ts +1 -0
  102. package/types/src/Modal/ModalContext.d.ts +1 -0
  103. package/types/src/Multiselect/Compact.d.ts +14 -1
  104. package/types/src/Multiselect/Multiselect.d.ts +15 -1
  105. package/types/src/Multiselect/Normal.d.ts +2 -0
  106. package/types/src/Popover/Popover.d.ts +25 -5
  107. package/types/src/Popover/PopoverContext.d.ts +1 -0
  108. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  109. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  110. package/types/src/RadioList/RadioList.d.ts +5 -1
  111. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  112. package/types/src/Select/Select.d.ts +3 -1
  113. package/types/src/Select/SelectBase.d.ts +14 -0
  114. package/types/src/Slider/Slider.d.ts +5 -3
  115. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  116. package/types/src/Switch/Switch.d.ts +2 -0
  117. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  118. package/types/src/TabLayout/Panel.d.ts +3 -0
  119. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  120. package/types/src/Table/Body.d.ts +2 -0
  121. package/types/src/Table/Head.d.ts +2 -0
  122. package/types/src/Table/Row.d.ts +11 -3
  123. package/types/src/Table/Table.d.ts +5 -3
  124. package/types/src/Table/TableContext.d.ts +1 -0
  125. package/types/src/Text/Text.d.ts +5 -3
  126. package/types/src/TextArea/TextArea.d.ts +5 -3
  127. package/types/src/Tooltip/Tooltip.d.ts +16 -4
  128. package/types/src/Typography/Typography.d.ts +1 -1
  129. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  130. package/useForceUpdate.js +9 -9
  131. package/useKeyPress.js +2 -2
  132. package/usePrevious.js +9 -9
  133. package/.storybook-visual/config/snapshotResolver.js +0 -29
  134. package/.storybook-visual/main.js +0 -22
  135. package/.storybook-visual/preview.jsx +0 -31
  136. package/.storybook-visual/scripts/test.sh +0 -108
  137. package/.storybook-visual/test-runner.js +0 -108
package/.dockerignore ADDED
@@ -0,0 +1,2 @@
1
+ node_modules
2
+ package.json
package/Accordion.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 = 133);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 182);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,28 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 133:
104
+ /***/ 10:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/keys");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 11:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("lodash/has");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 121:
119
+ /***/ (function(module, exports) {
120
+
121
+ module.exports = require("@splunk/react-ui/CollapsiblePanel");
122
+
123
+ /***/ }),
124
+
125
+ /***/ 182:
105
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
127
 
107
128
  "use strict";
@@ -120,11 +141,20 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
120
141
  var external_prop_types_ = __webpack_require__(1);
121
142
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
122
143
 
123
- // EXTERNAL MODULE: external "lodash"
124
- var external_lodash_ = __webpack_require__(4);
144
+ // EXTERNAL MODULE: external "lodash/has"
145
+ var has_ = __webpack_require__(11);
146
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_);
147
+
148
+ // EXTERNAL MODULE: external "lodash/keys"
149
+ var keys_ = __webpack_require__(10);
150
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
151
+
152
+ // EXTERNAL MODULE: external "lodash/omit"
153
+ var omit_ = __webpack_require__(5);
154
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
125
155
 
126
156
  // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
127
- var CollapsiblePanel_ = __webpack_require__(86);
157
+ var CollapsiblePanel_ = __webpack_require__(121);
128
158
  var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
129
159
 
130
160
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -265,6 +295,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
265
295
 
266
296
 
267
297
 
298
+
299
+
268
300
  /** @public */
269
301
 
270
302
  var Accordion_propTypes = {
@@ -320,7 +352,7 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
320
352
  }));
321
353
  });
322
354
 
323
- _this.controlledExternally = Object(external_lodash_["has"])(props, 'openPanelId');
355
+ _this.controlledExternally = has_default()(props, 'openPanelId');
324
356
 
325
357
  if (!_this.isControlled()) {
326
358
  _this.state = {
@@ -359,7 +391,7 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
359
391
  "data-test": "accordion",
360
392
  "data-test-open-panel-id": openPanelId,
361
393
  elementRef: elementRef
362
- }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Accordion.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Accordion_AccordionContext.Provider, {
394
+ }, omit_default()(this.props, keys_default()(Accordion.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Accordion_AccordionContext.Provider, {
363
395
  value: {
364
396
  onRequestOpen: this.handleRequestOpen,
365
397
  onRequestClose: this.handleRequestClose,
@@ -401,10 +433,10 @@ module.exports = require("styled-components");
401
433
 
402
434
  /***/ }),
403
435
 
404
- /***/ 4:
436
+ /***/ 5:
405
437
  /***/ (function(module, exports) {
406
438
 
407
- module.exports = require("lodash");
439
+ module.exports = require("lodash/omit");
408
440
 
409
441
  /***/ }),
410
442
 
@@ -413,13 +445,6 @@ module.exports = require("lodash");
413
445
 
414
446
  module.exports = require("@splunk/react-ui/Box");
415
447
 
416
- /***/ }),
417
-
418
- /***/ 86:
419
- /***/ (function(module, exports) {
420
-
421
- module.exports = require("@splunk/react-ui/CollapsiblePanel");
422
-
423
448
  /***/ })
424
449
 
425
450
  /******/ });
package/Anchor.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 = 153);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 202);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 153:
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 202:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -175,13 +182,6 @@ Anchor.propTypes = propTypes;
175
182
  // CONCATENATED MODULE: ./src/Anchor/index.ts
176
183
 
177
184
 
178
- /***/ }),
179
-
180
- /***/ 2:
181
- /***/ (function(module, exports) {
182
-
183
- module.exports = require("react");
184
-
185
185
  /***/ }),
186
186
 
187
187
  /***/ 3:
package/Animation.js CHANGED
@@ -82,12 +82,12 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 182);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 231);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 182:
90
+ /***/ 231:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
@@ -99,10 +99,10 @@ __webpack_require__.d(__webpack_exports__, "Spring", function() { return /* reex
99
99
  __webpack_require__.d(__webpack_exports__, "Transition", function() { return /* reexport */ Transition; });
100
100
 
101
101
  // EXTERNAL MODULE: external "react-spring"
102
- var external_react_spring_ = __webpack_require__(21);
102
+ var external_react_spring_ = __webpack_require__(26);
103
103
 
104
104
  // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
105
- var AnimationToggle_ = __webpack_require__(38);
105
+ var AnimationToggle_ = __webpack_require__(48);
106
106
 
107
107
  // CONCATENATED MODULE: ./src/Animation/Animation.tsx
108
108
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -151,14 +151,14 @@ function Transition(_ref2) {
151
151
 
152
152
  /***/ }),
153
153
 
154
- /***/ 21:
154
+ /***/ 26:
155
155
  /***/ (function(module, exports) {
156
156
 
157
157
  module.exports = require("react-spring");
158
158
 
159
159
  /***/ }),
160
160
 
161
- /***/ 38:
161
+ /***/ 48:
162
162
  /***/ (function(module, exports) {
163
163
 
164
164
  module.exports = require("@splunk/react-ui/AnimationToggle");
@@ -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 = 183);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 134:
97
+ /***/ 183:
98
98
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
99
 
100
100
  "use strict";
package/Box.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 = 154);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 203);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 154:
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 203:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -176,13 +183,6 @@ Box.propTypes = propTypes;
176
183
  // CONCATENATED MODULE: ./src/Box/index.ts
177
184
 
178
185
 
179
- /***/ }),
180
-
181
- /***/ 2:
182
- /***/ (function(module, exports) {
183
-
184
- module.exports = require("react");
185
-
186
186
  /***/ }),
187
187
 
188
188
  /***/ 3:
package/Button.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 = 140);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 189);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 140:
104
+ /***/ 189:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -119,23 +119,24 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
119
119
  var external_prop_types_ = __webpack_require__(1);
120
120
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
121
 
122
- // EXTERNAL MODULE: external "lodash"
123
- var external_lodash_ = __webpack_require__(4);
122
+ // EXTERNAL MODULE: external "lodash/isString"
123
+ var isString_ = __webpack_require__(25);
124
+ var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
124
125
 
125
126
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
126
- var i18n_ = __webpack_require__(5);
127
+ var i18n_ = __webpack_require__(4);
127
128
 
128
129
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
129
- var Dropdown_ = __webpack_require__(20);
130
+ var Dropdown_ = __webpack_require__(24);
130
131
 
131
132
  // EXTERNAL MODULE: external "@splunk/ui-utils/style"
132
- var style_ = __webpack_require__(32);
133
+ var style_ = __webpack_require__(40);
133
134
 
134
135
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
135
- var CaretDown = __webpack_require__(40);
136
+ var CaretDown = __webpack_require__(52);
136
137
 
137
138
  // EXTERNAL MODULE: external "@splunk/react-icons/External"
138
- var External_ = __webpack_require__(61);
139
+ var External_ = __webpack_require__(60);
139
140
  var External_default = /*#__PURE__*/__webpack_require__.n(External_);
140
141
 
141
142
  // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -174,7 +175,7 @@ var external_styled_components_ = __webpack_require__(3);
174
175
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
175
176
 
176
177
  // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
177
- var ButtonSimple_ = __webpack_require__(48);
178
+ var ButtonSimple_ = __webpack_require__(61);
178
179
  var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
179
180
 
180
181
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -248,21 +249,25 @@ var StyledContentWrapper = external_styled_components_default.a.span.withConfig(
248
249
  displayName: "ButtonStyles__StyledContentWrapper",
249
250
  componentId: "eqxqs2-2"
250
251
  })(["display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:100%;padding:", ";"], Object(themes_["pick"])({
251
- enterprise: Object(themes_["pickVariant"])('$error', {
252
- "true": '1px',
253
- "false": Object(themes_["pickVariant"])('$appearance', {
252
+ enterprise: function enterprise(_ref7) {
253
+ var $error = _ref7.$error;
254
+
255
+ if ($error) {
256
+ return '1px';
257
+ }
258
+
259
+ return Object(themes_["pickVariant"])('$appearance', {
254
260
  "default": '0',
255
261
  secondary: '0',
256
- destructive: '0',
257
- // === default
262
+ destructive: '1px',
258
263
  primary: '1px',
259
264
  pill: '0',
260
265
  toggle: '0',
261
266
  // === default
262
267
  flat: '0' // === default
263
268
 
264
- })
265
- }),
269
+ });
270
+ },
266
271
  prisma: Object(themes_["pickVariant"])('$appearance', {
267
272
  "default": 0,
268
273
  secondary: '1px 0',
@@ -280,8 +285,8 @@ var StyledLabel = external_styled_components_default.a.span.withConfig({
280
285
  })(["text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;&:not(:last-child){padding-right:", ";}", ""], Object(themes_["pick"])({
281
286
  enterprise: '3px',
282
287
  prisma: '10px'
283
- }), function (_ref7) {
284
- var $isMenu = _ref7.$isMenu;
288
+ }), function (_ref8) {
289
+ var $isMenu = _ref8.$isMenu;
285
290
  return $isMenu && Object(external_styled_components_["css"])(["flex:1 1 auto;text-align:left;"]);
286
291
  });
287
292
  var StyledCaretWrapper = external_styled_components_default.a.span.withConfig({
@@ -375,16 +380,13 @@ var Button_Button = /*#__PURE__*/function (_Component) {
375
380
 
376
381
  var _super = _createSuper(Button);
377
382
 
378
- function Button() {
383
+ // @docs-props-type ButtonPropsBase
384
+ function Button(props) {
379
385
  var _this;
380
386
 
381
387
  _classCallCheck(this, Button);
382
388
 
383
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
384
- args[_key] = arguments[_key];
385
- }
386
-
387
- _this = _super.call.apply(_super, [this].concat(args));
389
+ _this = _super.call(this, props);
388
390
 
389
391
  _defineProperty(_assertThisInitialized(_this), "component", null);
390
392
 
@@ -407,6 +409,8 @@ var Button_Button = /*#__PURE__*/function (_Component) {
407
409
  _this.component = c;
408
410
  });
409
411
 
412
+ if (false) {}
413
+
410
414
  return _this;
411
415
  }
412
416
 
@@ -444,7 +448,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
444
448
  children = _this$props3.children,
445
449
  label = _this$props3.label;
446
450
 
447
- if (!label && Object(external_lodash_["isString"])(children)) {
451
+ if (!label && isString_default()(children)) {
448
452
  label = children;
449
453
  children = null;
450
454
  }
@@ -465,8 +469,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
465
469
  $inline: inline,
466
470
  $hasPrismaIcon: hasPrismaIcon,
467
471
  $isIconOnly: isIconOnly,
468
- $isMenu: isMenu,
469
- status: error ? 'error' : 'normal' // @ts-expect-error - this is problematic for two reasons:
472
+ $isMenu: isMenu // @ts-expect-error - this is problematic for two reasons:
470
473
  // * value is only a valid attribute on button (not on a)
471
474
  // * this component's value prop is of type any, which can result
472
475
  // in "[object Object]" attribute values
@@ -522,42 +525,49 @@ module.exports = require("react");
522
525
 
523
526
  /***/ }),
524
527
 
525
- /***/ 20:
528
+ /***/ 24:
526
529
  /***/ (function(module, exports) {
527
530
 
528
531
  module.exports = require("@splunk/react-ui/Dropdown");
529
532
 
530
533
  /***/ }),
531
534
 
532
- /***/ 3:
535
+ /***/ 25:
533
536
  /***/ (function(module, exports) {
534
537
 
535
- module.exports = require("styled-components");
538
+ module.exports = require("lodash/isString");
536
539
 
537
540
  /***/ }),
538
541
 
539
- /***/ 32:
542
+ /***/ 3:
540
543
  /***/ (function(module, exports) {
541
544
 
542
- module.exports = require("@splunk/ui-utils/style");
545
+ module.exports = require("styled-components");
543
546
 
544
547
  /***/ }),
545
548
 
546
549
  /***/ 4:
547
550
  /***/ (function(module, exports) {
548
551
 
549
- module.exports = require("lodash");
552
+ module.exports = require("@splunk/ui-utils/i18n");
550
553
 
551
554
  /***/ }),
552
555
 
553
556
  /***/ 40:
557
+ /***/ (function(module, exports) {
558
+
559
+ module.exports = require("@splunk/ui-utils/style");
560
+
561
+ /***/ }),
562
+
563
+ /***/ 52:
554
564
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
555
565
 
556
566
  "use strict";
557
567
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
558
568
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
559
569
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
560
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
570
+ /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
561
571
  /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
562
572
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
563
573
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -588,27 +598,13 @@ function CaretDown(props) {
588
598
 
589
599
  /***/ }),
590
600
 
591
- /***/ 41:
601
+ /***/ 53:
592
602
  /***/ (function(module, exports) {
593
603
 
594
604
  module.exports = require("@splunk/react-icons/Caret");
595
605
 
596
606
  /***/ }),
597
607
 
598
- /***/ 48:
599
- /***/ (function(module, exports) {
600
-
601
- module.exports = require("@splunk/react-ui/ButtonSimple");
602
-
603
- /***/ }),
604
-
605
- /***/ 5:
606
- /***/ (function(module, exports) {
607
-
608
- module.exports = require("@splunk/ui-utils/i18n");
609
-
610
- /***/ }),
611
-
612
608
  /***/ 6:
613
609
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
614
610
 
@@ -634,13 +630,20 @@ function SVG(props) {
634
630
 
635
631
  /***/ }),
636
632
 
637
- /***/ 61:
633
+ /***/ 60:
638
634
  /***/ (function(module, exports) {
639
635
 
640
636
  module.exports = require("@splunk/react-icons/External");
641
637
 
642
638
  /***/ }),
643
639
 
640
+ /***/ 61:
641
+ /***/ (function(module, exports) {
642
+
643
+ module.exports = require("@splunk/react-ui/ButtonSimple");
644
+
645
+ /***/ }),
646
+
644
647
  /***/ 7:
645
648
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
646
649
 
package/ButtonGroup.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 = 155);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 204);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 155:
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 204:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -187,13 +194,6 @@ ButtonGroup.propTypes = propTypes;
187
194
  // CONCATENATED MODULE: ./src/ButtonGroup/index.ts
188
195
 
189
196
 
190
- /***/ }),
191
-
192
- /***/ 2:
193
- /***/ (function(module, exports) {
194
-
195
- module.exports = require("react");
196
-
197
197
  /***/ }),
198
198
 
199
199
  /***/ 3: