@splunk/react-ui 4.16.3 → 4.17.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 (173) hide show
  1. package/Accordion.js +13 -13
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +98 -244
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +43 -2
  10. package/Calendar.js +73 -274
  11. package/Card.js +75 -227
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +40 -211
  14. package/Clickable.js +10 -10
  15. package/CloseButton.js +34 -202
  16. package/Code.js +27 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +32 -32
  21. package/Concertina.js +38 -38
  22. package/ControlGroup.js +20 -20
  23. package/Date.js +22 -22
  24. package/DefinitionList.js +2 -2
  25. package/Divider.js +2 -2
  26. package/Dropdown.js +29 -29
  27. package/DualListbox.d.ts +2 -0
  28. package/DualListbox.js +1780 -0
  29. package/EventListener.js +4 -4
  30. package/File.js +85 -250
  31. package/FormRows.js +60 -215
  32. package/Heading.js +39 -27
  33. package/Image.js +73 -227
  34. package/JSONTree.js +18 -18
  35. package/Layer.js +30 -30
  36. package/Link.js +60 -28
  37. package/List.js +9 -9
  38. package/MIGRATION.md +28 -0
  39. package/Markdown.js +21 -21
  40. package/Menu.js +180 -371
  41. package/Message.js +137 -407
  42. package/MessageBar.js +168 -398
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2297 -2525
  47. package/Number.js +32 -32
  48. package/Paginator.js +92 -321
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +123 -123
  51. package/Progress.js +15 -15
  52. package/RadioBar.js +23 -19
  53. package/RadioList.js +13 -12
  54. package/Resize.js +18 -18
  55. package/ResultsMenu.js +21 -21
  56. package/ScreenReaderContent.js +2 -2
  57. package/Scroll.js +33 -33
  58. package/ScrollContainerContext.js +13 -13
  59. package/Search.js +34 -32
  60. package/Select.js +220 -367
  61. package/SidePanel.js +12 -12
  62. package/Slider.js +28 -28
  63. package/SlidingPanels.js +29 -29
  64. package/SplitButton.js +59 -62
  65. package/StaticContent.js +4 -4
  66. package/StepBar.js +35 -238
  67. package/Switch.js +23 -23
  68. package/TabBar.js +30 -44
  69. package/TabLayout.js +30 -28
  70. package/Table.js +292 -586
  71. package/Text.js +109 -322
  72. package/TextArea.js +160 -366
  73. package/Tooltip.js +23 -23
  74. package/TransitionOpen.js +21 -21
  75. package/Typography.js +32 -28
  76. package/WaitSpinner.js +2 -2
  77. package/docker-compose.yml +19 -7
  78. package/package.json +10 -11
  79. package/stubs-splunkui.d.ts +4 -1
  80. package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
  81. package/types/src/Button/icons/External.d.ts +2 -0
  82. package/types/src/Code/Code.d.ts +6 -1
  83. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
  84. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
  85. package/types/src/Date/Icon.d.ts +1 -1
  86. package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
  87. package/types/src/DualListbox/DualListbox.d.ts +87 -0
  88. package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
  89. package/types/src/DualListbox/Label.d.ts +37 -0
  90. package/types/src/DualListbox/Listbox.d.ts +54 -0
  91. package/types/src/DualListbox/ListboxContext.d.ts +32 -0
  92. package/types/src/DualListbox/Option.d.ts +35 -0
  93. package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
  94. package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
  95. package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
  96. package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
  98. package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
  99. package/types/src/DualListbox/index.d.ts +2 -0
  100. package/types/src/DualListbox/listboxUtils.d.ts +4 -0
  101. package/types/src/File/Icon.d.ts +1 -1
  102. package/types/src/File/IconCloud.d.ts +1 -1
  103. package/types/src/File/PaperClip.d.ts +1 -1
  104. package/types/src/File/Retry.d.ts +1 -1
  105. package/types/src/File/Trash.d.ts +1 -1
  106. package/types/src/File/docs/examples/Progress.d.ts +1 -15
  107. package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
  108. package/types/src/Heading/Heading.d.ts +12 -4
  109. package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
  110. package/types/src/Image/Image.d.ts +1 -1
  111. package/types/src/Image/icons/Cross.d.ts +2 -0
  112. package/types/src/Link/icons/External.d.ts +2 -0
  113. package/types/src/Menu/Divider.d.ts +1 -0
  114. package/types/src/Menu/Heading.d.ts +1 -0
  115. package/types/src/Menu/Item.d.ts +5 -2
  116. package/types/src/Menu/Menu.d.ts +3 -1
  117. package/types/src/Menu/icons/External.d.ts +2 -0
  118. package/types/src/Number/IncrementIcon.d.ts +1 -1
  119. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  120. package/types/src/Search/Option.d.ts +9 -0
  121. package/types/src/Select/OptionBase.d.ts +9 -0
  122. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  123. package/types/src/Select/icons/Search.d.ts +2 -0
  124. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  125. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  126. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  127. package/types/src/Table/HeadInner.d.ts +2 -2
  128. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  129. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  130. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  131. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  132. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  133. package/types/src/Typography/Typography.d.ts +4 -7
  134. package/types/src/useRovingFocus/index.d.ts +2 -0
  135. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  136. package/useForceUpdate.js +2 -2
  137. package/useKeyPress.js +2 -2
  138. package/usePrevious.js +2 -2
  139. package/useRovingFocus.d.ts +2 -0
  140. package/useRovingFocus.js +237 -0
  141. package/Dockerfile.enterprise.storybook +0 -7
  142. package/Dockerfile.prisma.storybook +0 -7
  143. package/Dockerfile.visual +0 -10
  144. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  145. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  146. package/types/src/Select/matchUtils.d.ts +0 -12
  147. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  148. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  149. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  150. package/types/src/icons/Alert.d.ts +0 -2
  151. package/types/src/icons/AlertFilled.d.ts +0 -2
  152. package/types/src/icons/CaretDown.d.ts +0 -2
  153. package/types/src/icons/CaretRight.d.ts +0 -2
  154. package/types/src/icons/Check.d.ts +0 -2
  155. package/types/src/icons/ChevronDown.d.ts +0 -2
  156. package/types/src/icons/ChevronLeft.d.ts +0 -2
  157. package/types/src/icons/ChevronRight.d.ts +0 -2
  158. package/types/src/icons/CrossMark.d.ts +0 -2
  159. package/types/src/icons/External.d.ts +0 -2
  160. package/types/src/icons/InfoFilled.d.ts +0 -2
  161. package/types/src/icons/More.d.ts +0 -2
  162. package/types/src/icons/MoreVertical.d.ts +0 -2
  163. package/types/src/icons/Plus.d.ts +0 -2
  164. package/types/src/icons/SVG.d.ts +0 -4
  165. package/types/src/icons/Search.d.ts +0 -2
  166. package/types/src/icons/Sort.d.ts +0 -2
  167. package/types/src/icons/SortedDown.d.ts +0 -2
  168. package/types/src/icons/SortedUp.d.ts +0 -2
  169. package/types/src/icons/Success.d.ts +0 -2
  170. package/types/src/icons/SuccessFilled.d.ts +0 -2
  171. package/types/src/icons/ThemedIcon.d.ts +0 -29
  172. package/types/src/icons/WarningFilled.d.ts +0 -2
  173. package/types/src/icons/types.d.ts +0 -11
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 = 183);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 188);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,13 +104,6 @@ module.exports = require("prop-types");
104
104
  /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/keys");
108
-
109
- /***/ }),
110
-
111
- /***/ 11:
112
- /***/ (function(module, exports) {
113
-
114
107
  module.exports = require("lodash/has");
115
108
 
116
109
  /***/ }),
@@ -122,7 +115,7 @@ module.exports = require("@splunk/react-ui/CollapsiblePanel");
122
115
 
123
116
  /***/ }),
124
117
 
125
- /***/ 183:
118
+ /***/ 188:
126
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
120
 
128
121
  "use strict";
@@ -142,11 +135,11 @@ var external_prop_types_ = __webpack_require__(1);
142
135
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
143
136
 
144
137
  // EXTERNAL MODULE: external "lodash/has"
145
- var has_ = __webpack_require__(11);
138
+ var has_ = __webpack_require__(10);
146
139
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
147
140
 
148
141
  // EXTERNAL MODULE: external "lodash/keys"
149
- var keys_ = __webpack_require__(10);
142
+ var keys_ = __webpack_require__(9);
150
143
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
151
144
 
152
145
  // EXTERNAL MODULE: external "lodash/omit"
@@ -244,7 +237,7 @@ var external_styled_components_ = __webpack_require__(3);
244
237
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
245
238
 
246
239
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
247
- var Box_ = __webpack_require__(8);
240
+ var Box_ = __webpack_require__(6);
248
241
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
249
242
 
250
243
  // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
@@ -440,11 +433,18 @@ module.exports = require("lodash/omit");
440
433
 
441
434
  /***/ }),
442
435
 
443
- /***/ 8:
436
+ /***/ 6:
444
437
  /***/ (function(module, exports) {
445
438
 
446
439
  module.exports = require("@splunk/react-ui/Box");
447
440
 
441
+ /***/ }),
442
+
443
+ /***/ 9:
444
+ /***/ (function(module, exports) {
445
+
446
+ module.exports = require("lodash/keys");
447
+
448
448
  /***/ })
449
449
 
450
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 = 202);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 210);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 202:
111
+ /***/ 210:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
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 = 231);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 236);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 231:
90
+ /***/ 236:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
@@ -99,7 +99,7 @@ __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__(26);
102
+ var external_react_spring_ = __webpack_require__(24);
103
103
 
104
104
  // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
105
105
  var AnimationToggle_ = __webpack_require__(48);
@@ -151,7 +151,7 @@ function Transition(_ref2) {
151
151
 
152
152
  /***/ }),
153
153
 
154
- /***/ 26:
154
+ /***/ 24:
155
155
  /***/ (function(module, exports) {
156
156
 
157
157
  module.exports = require("react-spring");
@@ -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 = 184);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 189);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 184:
97
+ /***/ 189:
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 = 203);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 211);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 203:
111
+ /***/ 211:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
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 = 189);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 190);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 189:
104
+ /***/ 122:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("@splunk/react-icons/ArrowSquareTopRightInset");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 190:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -120,56 +127,15 @@ var external_prop_types_ = __webpack_require__(1);
120
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
128
 
122
129
  // EXTERNAL MODULE: external "lodash/isString"
123
- var isString_ = __webpack_require__(25);
130
+ var isString_ = __webpack_require__(23);
124
131
  var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
125
132
 
126
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
127
- var i18n_ = __webpack_require__(4);
128
-
129
133
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
130
- var Dropdown_ = __webpack_require__(24);
134
+ var Dropdown_ = __webpack_require__(22);
131
135
 
132
136
  // EXTERNAL MODULE: external "@splunk/ui-utils/style"
133
- var style_ = __webpack_require__(40);
134
-
135
- // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
136
- var CaretDown = __webpack_require__(52);
137
-
138
- // EXTERNAL MODULE: external "@splunk/react-icons/External"
139
- var External_ = __webpack_require__(60);
140
- var External_default = /*#__PURE__*/__webpack_require__.n(External_);
141
-
142
- // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
143
- var ThemedIcon = __webpack_require__(7);
144
-
145
- // EXTERNAL MODULE: ./src/icons/SVG.tsx
146
- var SVG = __webpack_require__(6);
147
-
148
- // CONCATENATED MODULE: ./src/icons/External.tsx
149
- 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); }
137
+ var style_ = __webpack_require__(37);
150
138
 
151
-
152
-
153
-
154
-
155
-
156
- function Prisma24(_ref) {
157
- var otherProps = _extends({}, _ref);
158
-
159
- return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], _extends({
160
- viewBox: "0 0 24 24"
161
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
162
- d: "M3 4.10623C3 3.51257 3.47768 3.00623 4.09895 3.00623H7.49725C8.04954 3.00623 8.49725 3.45394 8.49725 4.00623C8.49725 4.55851 8.04954 5.00623 7.49725 5.00623H5V18.9937H18.9874V16.4964C18.9874 15.9441 19.4352 15.4964 19.9874 15.4964C20.5397 15.4964 20.9874 15.9441 20.9874 16.4964V19.8937C20.9874 20.5012 20.495 20.9937 19.8874 20.9937H4.1C3.49248 20.9937 3 20.5012 3 19.8937V4.10623ZM19.0002 6.42035L10.6109 14.8096C10.2204 15.2002 9.58722 15.2002 9.1967 14.8096C8.80618 14.4191 8.80618 13.7859 9.1967 13.3954L17.5859 5.00623H13.6592C13.1069 5.00623 12.6592 4.55851 12.6592 4.00623C12.6592 3.45394 13.1069 3.00623 13.6592 3.00623H19.5002C20.3287 3.00623 21.0002 3.6778 21.0002 4.50623V10.3117C21.0002 10.864 20.5525 11.3117 20.0002 11.3117C19.4479 11.3117 19.0002 10.864 19.0002 10.3117V6.42035Z",
163
- fill: "currentColor"
164
- }));
165
- }
166
-
167
- function External(props) {
168
- return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], _extends({
169
- Enterprise: External_default.a,
170
- Prisma24: Prisma24
171
- }, props));
172
- }
173
139
  // EXTERNAL MODULE: external "styled-components"
174
140
  var external_styled_components_ = __webpack_require__(3);
175
141
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -305,10 +271,81 @@ var StyledCaretWrapper = external_styled_components_default.a.span.withConfig({
305
271
  }
306
272
  }));
307
273
 
274
+ // EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallDown"
275
+ var CaretSmallDown_ = __webpack_require__(53);
276
+ var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_);
277
+
278
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Caret"
279
+ var Caret_ = __webpack_require__(54);
280
+ var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_);
281
+
282
+ // CONCATENATED MODULE: ./src/Button/icons/CaretSmallDown.tsx
283
+
284
+
285
+
286
+
287
+
288
+ var CaretSmallDown_CaretSmallDown = function CaretSmallDown() {
289
+ var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
290
+ isEnterprise = _useSplunkTheme.isEnterprise,
291
+ isCompact = _useSplunkTheme.isCompact;
292
+
293
+ var prismaSize = isCompact ? '20px' : '24px';
294
+ return isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Caret_default.a, {
295
+ screenReaderText: null,
296
+ hideDefaultTooltip: true,
297
+ size: 0.5
298
+ }) : /*#__PURE__*/external_react_default.a.createElement(CaretSmallDown_default.a, {
299
+ height: prismaSize,
300
+ width: prismaSize
301
+ });
302
+ };
303
+
304
+ /* harmony default export */ var icons_CaretSmallDown = (CaretSmallDown_CaretSmallDown);
305
+ // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
306
+ var ArrowSquareTopRightInset_ = __webpack_require__(122);
307
+ var ArrowSquareTopRightInset_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRightInset_);
308
+
309
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
310
+ var External_ = __webpack_require__(62);
311
+ var External_default = /*#__PURE__*/__webpack_require__.n(External_);
312
+
313
+ // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
314
+ var i18n_ = __webpack_require__(4);
315
+
316
+ // CONCATENATED MODULE: ./src/Button/icons/External.tsx
317
+
318
+
319
+
320
+
321
+
322
+
323
+ var External_label = Object(i18n_["_"])('Open externally');
324
+
325
+ function External() {
326
+ var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
327
+ isEnterprise = _useSplunkTheme.isEnterprise,
328
+ isCompact = _useSplunkTheme.isCompact;
329
+
330
+ var prismaSize = isCompact ? '20px' : '24px';
331
+ return isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(External_default.a, {
332
+ screenReaderText: External_label,
333
+ size: 0.8,
334
+ style: {
335
+ verticalAlign: 'baseline'
336
+ }
337
+ }) : /*#__PURE__*/external_react_default.a.createElement(ArrowSquareTopRightInset_default.a, {
338
+ "aria-label": External_label,
339
+ height: prismaSize,
340
+ width: prismaSize
341
+ }, /*#__PURE__*/external_react_default.a.createElement("title", null, External_label));
342
+ }
343
+
344
+ /* harmony default export */ var icons_External = (External);
308
345
  // CONCATENATED MODULE: ./src/Button/Button.tsx
309
346
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
310
347
 
311
- function Button_extends() { Button_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 Button_extends.apply(this, arguments); }
348
+ 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); }
312
349
 
313
350
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
314
351
 
@@ -340,7 +377,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
340
377
 
341
378
 
342
379
 
343
-
344
380
  var propTypes = {
345
381
  action: external_prop_types_default.a.string,
346
382
  appearance: external_prop_types_default.a.oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
@@ -455,7 +491,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
455
491
 
456
492
  var isIconOnly = !!(icon && !label && !isMenu && !children);
457
493
  var hasPrismaIcon = to && openInNewContext || isMenu || !!icon;
458
- return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, Button_extends({
494
+ return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, _extends({
459
495
  "aria-haspopup": isMenu || undefined,
460
496
  "aria-invalid": error || undefined,
461
497
  "data-test": "button"
@@ -490,15 +526,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
490
526
  }, label), children, isMenu && /*#__PURE__*/external_react_default.a.createElement(StyledCaretWrapper, {
491
527
  $disabled: disabled,
492
528
  $primary: appearance === 'primary'
493
- }, /*#__PURE__*/external_react_default.a.createElement(CaretDown["a" /* default */], {
494
- enterpriseSize: 0.5
495
- })), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(External, {
496
- screenReaderText: Object(i18n_["_"])('Open externally'),
497
- enterpriseSize: 0.8,
498
- style: {
499
- verticalAlign: 'baseline'
500
- }
501
- })));
529
+ }, /*#__PURE__*/external_react_default.a.createElement(icons_CaretSmallDown, null)), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null)));
502
530
  }
503
531
  }]);
504
532
 
@@ -525,14 +553,14 @@ module.exports = require("react");
525
553
 
526
554
  /***/ }),
527
555
 
528
- /***/ 24:
556
+ /***/ 22:
529
557
  /***/ (function(module, exports) {
530
558
 
531
559
  module.exports = require("@splunk/react-ui/Dropdown");
532
560
 
533
561
  /***/ }),
534
562
 
535
- /***/ 25:
563
+ /***/ 23:
536
564
  /***/ (function(module, exports) {
537
565
 
538
566
  module.exports = require("lodash/isString");
@@ -546,94 +574,31 @@ module.exports = require("styled-components");
546
574
 
547
575
  /***/ }),
548
576
 
549
- /***/ 4:
550
- /***/ (function(module, exports) {
551
-
552
- module.exports = require("@splunk/ui-utils/i18n");
553
-
554
- /***/ }),
555
-
556
- /***/ 40:
577
+ /***/ 37:
557
578
  /***/ (function(module, exports) {
558
579
 
559
580
  module.exports = require("@splunk/ui-utils/style");
560
581
 
561
582
  /***/ }),
562
583
 
563
- /***/ 52:
564
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
565
-
566
- "use strict";
567
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
568
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
569
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
570
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
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__);
572
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
573
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
574
- 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); }
575
-
576
-
577
-
578
-
579
-
580
-
581
- function Prisma24(_ref) {
582
- var otherProps = _extends({}, _ref);
583
-
584
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
585
- viewBox: "0 0 24 24"
586
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
587
- d: "M7.2788 9.00002C6.84609 9.00002 6.61768 9.51239 6.90691 9.83423L11.4078 14.8426C11.6065 15.0637 11.953 15.0636 12.1517 14.8425L16.6499 9.8341C16.939 9.51223 16.7106 9 16.2779 9L7.2788 9.00002Z",
588
- fill: "currentColor"
589
- }));
590
- }
584
+ /***/ 4:
585
+ /***/ (function(module, exports) {
591
586
 
592
- function CaretDown(props) {
593
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
594
- Enterprise: _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
595
- Prisma24: Prisma24
596
- }, props));
597
- }
587
+ module.exports = require("@splunk/ui-utils/i18n");
598
588
 
599
589
  /***/ }),
600
590
 
601
591
  /***/ 53:
602
592
  /***/ (function(module, exports) {
603
593
 
604
- module.exports = require("@splunk/react-icons/Caret");
594
+ module.exports = require("@splunk/react-icons/CaretSmallDown");
605
595
 
606
596
  /***/ }),
607
597
 
608
- /***/ 6:
609
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
610
-
611
- "use strict";
612
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
613
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
614
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
615
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
616
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
617
- 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); }
618
-
619
-
620
-
621
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
622
- displayName: "SVG__Styled",
623
- componentId: "sc-1bz0ryh-0"
624
- })(["flex:0 0 auto;"]);
625
- function SVG(props) {
626
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
627
- xmlns: "http://www.w3.org/2000/svg"
628
- }, props));
629
- }
630
-
631
- /***/ }),
632
-
633
- /***/ 60:
598
+ /***/ 54:
634
599
  /***/ (function(module, exports) {
635
600
 
636
- module.exports = require("@splunk/react-icons/External");
601
+ module.exports = require("@splunk/react-icons/enterprise/Caret");
637
602
 
638
603
  /***/ }),
639
604
 
@@ -644,121 +609,10 @@ module.exports = require("@splunk/react-ui/ButtonSimple");
644
609
 
645
610
  /***/ }),
646
611
 
647
- /***/ 7:
648
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
649
-
650
- "use strict";
651
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
652
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
653
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
654
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
655
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
656
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
657
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
658
- 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; }
659
-
660
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
661
-
662
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
663
-
664
- 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); }
665
-
666
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
667
-
668
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
669
-
670
-
671
-
672
-
673
- var inlineStyles = {
674
- display: 'inline-block',
675
- flex: '0 0 auto',
676
- overflow: 'visible',
677
- verticalAlign: 'middle'
678
- };
679
- var blockStyles = {
680
- display: 'block',
681
- flex: '0 0 auto',
682
- margin: '0 auto',
683
- overflow: 'visible'
684
- };
685
- var propTypes = {
686
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
687
- enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
688
- enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
689
- enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
690
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
691
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
692
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
693
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
694
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
695
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
696
- };
697
- var defaultProps = {
698
- inline: true,
699
- prismaSize: 'medium'
700
- };
701
- function Icon(_ref) {
702
- var Enterprise = _ref.Enterprise,
703
- Prisma24 = _ref.Prisma24,
704
- Prisma20 = _ref.Prisma20,
705
- Prisma16 = _ref.Prisma16,
706
- prismaSize = _ref.prismaSize,
707
- inline = _ref.inline,
708
- enterpriseSize = _ref.enterpriseSize,
709
- enterpriseWidth = _ref.enterpriseWidth,
710
- enterpriseHeight = _ref.enterpriseHeight,
711
- screenReaderText = _ref.screenReaderText,
712
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
713
-
714
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
715
- family = _useSplunkTheme.family,
716
- density = _useSplunkTheme.density; // Enterprise - all variants
717
-
718
-
719
- if (family === 'enterprise') {
720
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
721
- size: enterpriseSize,
722
- width: enterpriseWidth,
723
- height: enterpriseHeight,
724
- screenReaderText: screenReaderText || null,
725
- hideDefaultTooltip: true,
726
- inline: inline
727
- }, otherProps));
728
- }
729
-
730
- var prismaProps = _objectSpread({
731
- 'aria-label': screenReaderText,
732
- style: inline ? inlineStyles : blockStyles
733
- }, otherProps); // Prisma - small+compact, small+comfortable
734
-
735
-
736
- if (prismaSize === 'small') {
737
- var SVG = Prisma16 || Prisma24;
738
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
739
- width: "16",
740
- height: "16"
741
- }, prismaProps));
742
- } // Prisma - medium+compact
743
-
744
-
745
- if (density === 'compact') {
746
- var _SVG = Prisma20 || Prisma24;
747
-
748
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
749
- width: "20",
750
- height: "20"
751
- }, prismaProps));
752
- } // Prisma - medium+comfortable
753
-
612
+ /***/ 62:
613
+ /***/ (function(module, exports) {
754
614
 
755
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
756
- width: "24",
757
- height: "24"
758
- }, prismaProps));
759
- }
760
- Icon.propTypes = propTypes;
761
- Icon.defaultProps = defaultProps;
615
+ module.exports = require("@splunk/react-icons/enterprise/External");
762
616
 
763
617
  /***/ })
764
618
 
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 = 204);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 212);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 204:
111
+ /***/ 212:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -131,7 +131,7 @@ var external_styled_components_ = __webpack_require__(3);
131
131
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
132
132
 
133
133
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
134
- var Box_ = __webpack_require__(8);
134
+ var Box_ = __webpack_require__(6);
135
135
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
136
136
 
137
137
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -203,7 +203,7 @@ module.exports = require("styled-components");
203
203
 
204
204
  /***/ }),
205
205
 
206
- /***/ 8:
206
+ /***/ 6:
207
207
  /***/ (function(module, exports) {
208
208
 
209
209
  module.exports = require("@splunk/react-ui/Box");