@splunk/react-ui 4.16.3 → 4.17.1

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 (177) 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 +101 -247
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +60 -2
  10. package/Calendar.js +76 -275
  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 +38 -206
  16. package/Code.js +28 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +34 -32
  21. package/Concertina.js +40 -40
  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 +32 -32
  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 +141 -411
  42. package/MessageBar.js +170 -400
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2299 -2517
  47. package/Number.js +32 -32
  48. package/Paginator.js +94 -323
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +125 -125
  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 +226 -372
  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 +36 -239
  67. package/Switch.js +23 -23
  68. package/TabBar.js +47 -47
  69. package/TabLayout.js +30 -28
  70. package/Table.js +295 -589
  71. package/Text.js +111 -324
  72. package/TextArea.js +164 -368
  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 +12 -13
  79. package/stubs-splunkui.d.ts +4 -25
  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/Multiselect/Normal.d.ts +1 -1
  119. package/types/src/Number/IncrementIcon.d.ts +1 -1
  120. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  121. package/types/src/Search/Option.d.ts +9 -0
  122. package/types/src/Select/OptionBase.d.ts +9 -0
  123. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  124. package/types/src/Select/icons/Search.d.ts +2 -0
  125. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  126. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  127. package/types/src/TabBar/Tab.d.ts +3 -1
  128. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  129. package/types/src/Table/HeadInner.d.ts +2 -2
  130. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  131. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  132. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  133. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  134. package/types/src/TextArea/TextArea.d.ts +11 -4
  135. package/types/src/TextArea/docs/examples/ClearContent.d.ts +2 -0
  136. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  137. package/types/src/Typography/Typography.d.ts +4 -7
  138. package/types/src/useRovingFocus/index.d.ts +2 -0
  139. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  140. package/useForceUpdate.js +2 -2
  141. package/useKeyPress.js +2 -2
  142. package/usePrevious.js +2 -2
  143. package/useRovingFocus.d.ts +2 -0
  144. package/useRovingFocus.js +237 -0
  145. package/Dockerfile.enterprise.storybook +0 -7
  146. package/Dockerfile.prisma.storybook +0 -7
  147. package/Dockerfile.visual +0 -10
  148. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  149. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  150. package/types/src/Select/matchUtils.d.ts +0 -12
  151. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  152. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  153. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  154. package/types/src/icons/Alert.d.ts +0 -2
  155. package/types/src/icons/AlertFilled.d.ts +0 -2
  156. package/types/src/icons/CaretDown.d.ts +0 -2
  157. package/types/src/icons/CaretRight.d.ts +0 -2
  158. package/types/src/icons/Check.d.ts +0 -2
  159. package/types/src/icons/ChevronDown.d.ts +0 -2
  160. package/types/src/icons/ChevronLeft.d.ts +0 -2
  161. package/types/src/icons/ChevronRight.d.ts +0 -2
  162. package/types/src/icons/CrossMark.d.ts +0 -2
  163. package/types/src/icons/External.d.ts +0 -2
  164. package/types/src/icons/InfoFilled.d.ts +0 -2
  165. package/types/src/icons/More.d.ts +0 -2
  166. package/types/src/icons/MoreVertical.d.ts +0 -2
  167. package/types/src/icons/Plus.d.ts +0 -2
  168. package/types/src/icons/SVG.d.ts +0 -4
  169. package/types/src/icons/Search.d.ts +0 -2
  170. package/types/src/icons/Sort.d.ts +0 -2
  171. package/types/src/icons/SortedDown.d.ts +0 -2
  172. package/types/src/icons/SortedUp.d.ts +0 -2
  173. package/types/src/icons/Success.d.ts +0 -2
  174. package/types/src/icons/SuccessFilled.d.ts +0 -2
  175. package/types/src/icons/ThemedIcon.d.ts +0 -29
  176. package/types/src/icons/WarningFilled.d.ts +0 -2
  177. package/types/src/icons/types.d.ts +0 -11
package/Paginator.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 = 181);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,21 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 146:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/keys");
107
+ module.exports = require("@splunk/react-icons/DotsThreeHorizontal");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 143:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-icons/More");
115
-
116
- /***/ }),
117
-
118
- /***/ 171:
111
+ /***/ 181:
119
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
113
 
121
114
  "use strict";
@@ -133,54 +126,23 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
133
126
  var external_prop_types_ = __webpack_require__(1);
134
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
135
128
 
136
- // EXTERNAL MODULE: external "@splunk/ui-utils/format"
137
- var format_ = __webpack_require__(45);
138
-
139
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
140
- var i18n_ = __webpack_require__(4);
141
-
142
129
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
143
- var Box_ = __webpack_require__(8);
130
+ var Box_ = __webpack_require__(6);
144
131
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
145
132
 
146
133
  // EXTERNAL MODULE: external "@splunk/themes"
147
134
  var themes_ = __webpack_require__(0);
148
135
 
149
- // EXTERNAL MODULE: external "@splunk/react-icons/More"
150
- var More_ = __webpack_require__(143);
151
- var More_default = /*#__PURE__*/__webpack_require__.n(More_);
152
-
153
- // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
154
- var ThemedIcon = __webpack_require__(7);
155
-
156
- // EXTERNAL MODULE: ./src/icons/SVG.tsx
157
- var SVG = __webpack_require__(6);
158
-
159
- // CONCATENATED MODULE: ./src/icons/More.tsx
160
- 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); }
161
-
162
-
163
-
164
-
165
-
136
+ // EXTERNAL MODULE: external "@splunk/ui-utils/format"
137
+ var format_ = __webpack_require__(28);
166
138
 
167
- function Prisma24(_ref) {
168
- var otherProps = _extends({}, _ref);
139
+ // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
140
+ var i18n_ = __webpack_require__(4);
169
141
 
170
- return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], _extends({
171
- viewBox: "0 0 24 24"
172
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
173
- d: "M6.28933 12.0001C6.28933 11.0964 5.5567 10.3637 4.65297 10.3637C3.74923 10.3637 3.0166 11.0964 3.0166 12.0001C3.0166 12.9038 3.74923 13.6365 4.65297 13.6365C5.5567 13.6365 6.28933 12.9038 6.28933 12.0001ZM12.0166 10.3637C12.9204 10.3637 13.653 11.0964 13.653 12.0001C13.653 12.9038 12.9204 13.6365 12.0166 13.6365C11.1129 13.6365 10.3802 12.9038 10.3802 12.0001C10.3802 11.0964 11.1129 10.3637 12.0166 10.3637ZM19.3803 10.3637C20.284 10.3637 21.0166 11.0964 21.0166 12.0001C21.0166 12.9038 20.284 13.6365 19.3803 13.6365C18.4765 13.6365 17.7439 12.9038 17.7439 12.0001C17.7439 11.0964 18.4765 10.3637 19.3803 10.3637Z",
174
- fill: "currentColor"
175
- }));
176
- }
142
+ // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeHorizontal"
143
+ var DotsThreeHorizontal_ = __webpack_require__(146);
144
+ var DotsThreeHorizontal_default = /*#__PURE__*/__webpack_require__.n(DotsThreeHorizontal_);
177
145
 
178
- function More(props) {
179
- return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], _extends({
180
- Enterprise: More_default.a,
181
- Prisma24: Prisma24
182
- }, props));
183
- }
184
146
  // EXTERNAL MODULE: external "styled-components"
185
147
  var external_styled_components_ = __webpack_require__(3);
186
148
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -208,16 +170,15 @@ function PageSeparator() {
208
170
 
209
171
  var content = family === 'enterprise' ? /*#__PURE__*/external_react_default.a.createElement("span", {
210
172
  role: "separator"
211
- }, "\u2026") : /*#__PURE__*/external_react_default.a.createElement(More, {
212
- prismaSize: "small",
173
+ }, "\u2026") : /*#__PURE__*/external_react_default.a.createElement(DotsThreeHorizontal_default.a, null);
174
+ return /*#__PURE__*/external_react_default.a.createElement(StyledEllipsisWrapper, {
213
175
  role: "separator"
214
- });
215
- return /*#__PURE__*/external_react_default.a.createElement(StyledEllipsisWrapper, null, content);
176
+ }, content);
216
177
  }
217
178
 
218
179
  /* harmony default export */ var Paginator_PageSeparator = (PageSeparator);
219
180
  // EXTERNAL MODULE: external "lodash/keys"
220
- var keys_ = __webpack_require__(10);
181
+ var keys_ = __webpack_require__(9);
221
182
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
222
183
 
223
184
  // EXTERNAL MODULE: external "lodash/omit"
@@ -225,7 +186,7 @@ var omit_ = __webpack_require__(5);
225
186
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
226
187
 
227
188
  // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
228
- var ButtonSimple_ = __webpack_require__(61);
189
+ var ButtonSimple_ = __webpack_require__(62);
229
190
  var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
230
191
 
231
192
  // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -259,7 +220,7 @@ var StyledPrevNext = external_styled_components_default.a.div.withConfig({
259
220
  // CONCATENATED MODULE: ./src/Paginator/Button.tsx
260
221
  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); }
261
222
 
262
- 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); }
223
+ 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); }
263
224
 
264
225
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
265
226
 
@@ -338,7 +299,7 @@ var Button_PaginatorButton = /*#__PURE__*/function (_Component) {
338
299
  label = _this$props2.label,
339
300
  page = _this$props2.page,
340
301
  selected = _this$props2.selected;
341
- return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, Button_extends({
302
+ return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, _extends({
342
303
  "data-test": "page",
343
304
  "data-test-page": page,
344
305
  appearance: "pill",
@@ -357,36 +318,58 @@ _defineProperty(Button_PaginatorButton, "propTypes", propTypes);
357
318
  _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
358
319
 
359
320
  /* harmony default export */ var Button = (Button_PaginatorButton);
360
- // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
361
- var ChevronLeft = __webpack_require__(83);
321
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
322
+ var ChevronLeft_ = __webpack_require__(64);
323
+ var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
324
+
325
+ // EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
326
+ var react_icons_ChevronLeft_ = __webpack_require__(83);
327
+ var react_icons_ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronLeft_);
362
328
 
363
- // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
364
- var ChevronRight = __webpack_require__(37);
329
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
330
+ var ChevronRight_ = __webpack_require__(35);
331
+ var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
332
+
333
+ // EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
334
+ var react_icons_ChevronRight_ = __webpack_require__(43);
335
+ var react_icons_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronRight_);
365
336
 
366
337
  // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
367
338
 
368
339
 
369
340
 
370
341
 
371
- var StyledChevronLeft = external_styled_components_default()(ChevronLeft["a" /* default */]).withConfig({
372
- displayName: "PaginatorStyles__StyledChevronLeft",
342
+
343
+
344
+ var StyledEnterpriseChevronLeftIcon = external_styled_components_default()(ChevronLeft_default.a).withConfig({
345
+ displayName: "PaginatorStyles__StyledEnterpriseChevronLeftIcon",
373
346
  componentId: "pmabsp-0"
374
- })(["", ""], Object(themes_["pick"])({
375
- enterprise: Object(external_styled_components_["css"])(["margin:-1px 3px 0px 0px;"]),
376
- prisma: Object(external_styled_components_["css"])(["margin:-2px 6px 0px 0px;color:", ";"], function (_ref) {
377
- var $disabled = _ref.$disabled;
378
- return $disabled ? themes_["variables"].contentColorDisabled : themes_["variables"].contentColorMuted;
379
- })
380
- }));
381
- var StyledChevronRight = external_styled_components_default()(ChevronRight["a" /* default */]).withConfig({
382
- displayName: "PaginatorStyles__StyledChevronRight",
347
+ })(["margin:-1px 3px 0 0;"]);
348
+ var StyledEnterpriseChevronRightIcon = external_styled_components_default()(ChevronRight_default.a).withConfig({
349
+ displayName: "PaginatorStyles__StyledEnterpriseChevronRightIcon",
383
350
  componentId: "pmabsp-1"
384
- })(["", ""], Object(themes_["pick"])({
385
- enterprise: Object(external_styled_components_["css"])(["margin:-1px 0px 0px 3px;"]),
386
- prisma: Object(external_styled_components_["css"])(["margin:-2px 0px 0px 6px;color:", ";"], function (_ref2) {
387
- var $disabled = _ref2.$disabled;
388
- return $disabled ? themes_["variables"].contentColorDisabled : themes_["variables"].contentColorMuted;
389
- })
351
+ })(["margin:-1px 0 0 3px;"]);
352
+ var compact = Object(external_styled_components_["css"])(["height:20px;width:20px;"]);
353
+ var comfortable = Object(external_styled_components_["css"])(["height:24px;width:24px;"]);
354
+ var StyledChevronLeftIcon = external_styled_components_default()(react_icons_ChevronLeft_default.a).withConfig({
355
+ displayName: "PaginatorStyles__StyledChevronLeftIcon",
356
+ componentId: "pmabsp-2"
357
+ })(["margin:-2px 6px 0 0;color:", ";", ""], function (_ref) {
358
+ var $disabled = _ref.$disabled;
359
+ return $disabled ? themes_["variables"].contentColorDisabled : themes_["variables"].contentColorMuted;
360
+ }, Object(themes_["pick"])({
361
+ compact: compact,
362
+ comfortable: comfortable
363
+ }));
364
+ var StyledChevronRightIcon = external_styled_components_default()(react_icons_ChevronRight_default.a).withConfig({
365
+ displayName: "PaginatorStyles__StyledChevronRightIcon",
366
+ componentId: "pmabsp-3"
367
+ })(["margin:-2px 0 0 6px;color:", ";", ""], function (_ref2) {
368
+ var $disabled = _ref2.$disabled;
369
+ return $disabled ? themes_["variables"].contentColorDisabled : themes_["variables"].contentColorMuted;
370
+ }, Object(themes_["pick"])({
371
+ compact: compact,
372
+ comfortable: comfortable
390
373
  }));
391
374
 
392
375
  // CONCATENATED MODULE: ./src/Paginator/Paginator.tsx
@@ -404,6 +387,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
404
387
 
405
388
 
406
389
 
390
+
407
391
  var Paginator_propTypes = {
408
392
  alwaysShowLastPageLink: external_prop_types_default.a.bool,
409
393
  current: external_prop_types_default.a.number,
@@ -425,7 +409,10 @@ function Paginator(_ref) {
425
409
  otherProps = _objectWithoutProperties(_ref, ["onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages"]);
426
410
 
427
411
  // @docs-props-type PaginatorPropsBase
428
- // Can't show more links than total number of pages.
412
+ var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
413
+ isEnterprise = _useSplunkTheme.isEnterprise; // Can't show more links than total number of pages.
414
+
415
+
429
416
  var numLinks = Math.min(numPageLinks, totalPages);
430
417
  var loMid = Math.ceil(numLinks / 2);
431
418
  var hiMid = Math.ceil(totalPages - numLinks / 2);
@@ -464,7 +451,10 @@ function Paginator(_ref) {
464
451
  page: current - 1,
465
452
  key: "prev",
466
453
  "aria-label": Object(i18n_["_"])('Go to previous page')
467
- }, /*#__PURE__*/external_react_default.a.createElement(StyledChevronLeft, {
454
+ }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(StyledEnterpriseChevronLeftIcon, {
455
+ hideDefaultTooltip: true,
456
+ screenReaderText: null
457
+ }) : /*#__PURE__*/external_react_default.a.createElement(StyledChevronLeftIcon, {
468
458
  $disabled: current === 1
469
459
  }), Object(i18n_["_"])('Prev')));
470
460
 
@@ -521,7 +511,10 @@ function Paginator(_ref) {
521
511
  page: current + 1,
522
512
  key: "next",
523
513
  "aria-label": Object(i18n_["_"])('Go to next page')
524
- }, Object(i18n_["_"])('Next'), /*#__PURE__*/external_react_default.a.createElement(StyledChevronRight, {
514
+ }, Object(i18n_["_"])('Next'), isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(StyledEnterpriseChevronRightIcon, {
515
+ hideDefaultTooltip: true,
516
+ screenReaderText: null
517
+ }) : /*#__PURE__*/external_react_default.a.createElement(StyledChevronRightIcon, {
525
518
  $disabled: current === totalPages
526
519
  })));
527
520
  return /*#__PURE__*/external_react_default.a.createElement(Box_default.a, Paginator_extends({
@@ -549,60 +542,24 @@ module.exports = require("react");
549
542
 
550
543
  /***/ }),
551
544
 
552
- /***/ 3:
545
+ /***/ 28:
553
546
  /***/ (function(module, exports) {
554
547
 
555
- module.exports = require("styled-components");
548
+ module.exports = require("@splunk/ui-utils/format");
556
549
 
557
550
  /***/ }),
558
551
 
559
- /***/ 37:
560
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
561
-
562
- "use strict";
563
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
564
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
565
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
566
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
567
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
568
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
569
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
570
- 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); }
571
-
572
-
573
-
574
-
575
-
576
-
577
- function Prisma24(_ref) {
578
- var otherProps = _extends({}, _ref);
552
+ /***/ 3:
553
+ /***/ (function(module, exports) {
579
554
 
580
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
581
- viewBox: "0 0 24 24"
582
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
583
- d: "M14.7861 11.9999L8.48587 5.69972C8.09534 5.3092 8.09534 4.67603 8.48587 4.28551C8.87639 3.89499 9.50956 3.89499 9.90008 4.28551L16.5538 10.9393C17.1396 11.525 17.1396 12.4748 16.5538 13.0606L9.90142 19.713C9.5109 20.1035 8.87773 20.1035 8.48721 19.713C8.09669 19.3224 8.09669 18.6893 8.48721 18.2988L14.7861 11.9999Z",
584
- fill: "currentColor"
585
- }));
586
- }
555
+ module.exports = require("styled-components");
587
556
 
588
- function Prisma16(_ref2) {
589
- var otherProps = _extends({}, _ref2);
557
+ /***/ }),
590
558
 
591
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
592
- viewBox: "0 0 16 16"
593
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
594
- d: "M11.7109 7.9976L5.71017 13.9983L4.29597 12.5841L8.88914 7.99095L4.34482 3.40363L5.76567 1.99609L11.7109 7.9976Z",
595
- fill: "currentColor"
596
- }));
597
- }
559
+ /***/ 35:
560
+ /***/ (function(module, exports) {
598
561
 
599
- function ChevronRight(props) {
600
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
601
- Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
602
- Prisma16: Prisma16,
603
- Prisma24: Prisma24
604
- }, props));
605
- }
562
+ module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
606
563
 
607
564
  /***/ }),
608
565
 
@@ -613,20 +570,13 @@ module.exports = require("@splunk/ui-utils/i18n");
613
570
 
614
571
  /***/ }),
615
572
 
616
- /***/ 44:
573
+ /***/ 43:
617
574
  /***/ (function(module, exports) {
618
575
 
619
576
  module.exports = require("@splunk/react-icons/ChevronRight");
620
577
 
621
578
  /***/ }),
622
579
 
623
- /***/ 45:
624
- /***/ (function(module, exports) {
625
-
626
- module.exports = require("@splunk/ui-utils/format");
627
-
628
- /***/ }),
629
-
630
580
  /***/ 5:
631
581
  /***/ (function(module, exports) {
632
582
 
@@ -635,216 +585,37 @@ module.exports = require("lodash/omit");
635
585
  /***/ }),
636
586
 
637
587
  /***/ 6:
638
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
639
-
640
- "use strict";
641
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
642
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
643
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
644
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
645
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
646
- 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); }
647
-
648
-
588
+ /***/ (function(module, exports) {
649
589
 
650
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
651
- displayName: "SVG__Styled",
652
- componentId: "sc-1bz0ryh-0"
653
- })(["flex:0 0 auto;"]);
654
- function SVG(props) {
655
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
656
- xmlns: "http://www.w3.org/2000/svg"
657
- }, props));
658
- }
590
+ module.exports = require("@splunk/react-ui/Box");
659
591
 
660
592
  /***/ }),
661
593
 
662
- /***/ 61:
594
+ /***/ 62:
663
595
  /***/ (function(module, exports) {
664
596
 
665
597
  module.exports = require("@splunk/react-ui/ButtonSimple");
666
598
 
667
599
  /***/ }),
668
600
 
669
- /***/ 7:
670
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
671
-
672
- "use strict";
673
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
674
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
675
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
676
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
677
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
678
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
679
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
680
- 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; }
681
-
682
- 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; }
683
-
684
- 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; }
685
-
686
- 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); }
687
-
688
- 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; }
689
-
690
- 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; }
691
-
692
-
693
-
694
-
695
- var inlineStyles = {
696
- display: 'inline-block',
697
- flex: '0 0 auto',
698
- overflow: 'visible',
699
- verticalAlign: 'middle'
700
- };
701
- var blockStyles = {
702
- display: 'block',
703
- flex: '0 0 auto',
704
- margin: '0 auto',
705
- overflow: 'visible'
706
- };
707
- var propTypes = {
708
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
709
- 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]),
710
- 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]),
711
- 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]),
712
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
713
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
714
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
715
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
716
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
717
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
718
- };
719
- var defaultProps = {
720
- inline: true,
721
- prismaSize: 'medium'
722
- };
723
- function Icon(_ref) {
724
- var Enterprise = _ref.Enterprise,
725
- Prisma24 = _ref.Prisma24,
726
- Prisma20 = _ref.Prisma20,
727
- Prisma16 = _ref.Prisma16,
728
- prismaSize = _ref.prismaSize,
729
- inline = _ref.inline,
730
- enterpriseSize = _ref.enterpriseSize,
731
- enterpriseWidth = _ref.enterpriseWidth,
732
- enterpriseHeight = _ref.enterpriseHeight,
733
- screenReaderText = _ref.screenReaderText,
734
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
735
-
736
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
737
- family = _useSplunkTheme.family,
738
- density = _useSplunkTheme.density; // Enterprise - all variants
739
-
740
-
741
- if (family === 'enterprise') {
742
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
743
- size: enterpriseSize,
744
- width: enterpriseWidth,
745
- height: enterpriseHeight,
746
- screenReaderText: screenReaderText || null,
747
- hideDefaultTooltip: true,
748
- inline: inline
749
- }, otherProps));
750
- }
751
-
752
- var prismaProps = _objectSpread({
753
- 'aria-label': screenReaderText,
754
- style: inline ? inlineStyles : blockStyles
755
- }, otherProps); // Prisma - small+compact, small+comfortable
756
-
757
-
758
- if (prismaSize === 'small') {
759
- var SVG = Prisma16 || Prisma24;
760
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
761
- width: "16",
762
- height: "16"
763
- }, prismaProps));
764
- } // Prisma - medium+compact
765
-
766
-
767
- if (density === 'compact') {
768
- var _SVG = Prisma20 || Prisma24;
769
-
770
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
771
- width: "20",
772
- height: "20"
773
- }, prismaProps));
774
- } // Prisma - medium+comfortable
775
-
776
-
777
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
778
- width: "24",
779
- height: "24"
780
- }, prismaProps));
781
- }
782
- Icon.propTypes = propTypes;
783
- Icon.defaultProps = defaultProps;
784
-
785
- /***/ }),
786
-
787
- /***/ 8:
601
+ /***/ 64:
788
602
  /***/ (function(module, exports) {
789
603
 
790
- module.exports = require("@splunk/react-ui/Box");
604
+ module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
791
605
 
792
606
  /***/ }),
793
607
 
794
608
  /***/ 83:
795
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
796
-
797
- "use strict";
798
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
799
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
800
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
801
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84);
802
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
803
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
804
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
805
- 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); }
806
-
807
-
808
-
809
-
810
-
811
-
812
- function Prisma24(_ref) {
813
- var otherProps = _extends({}, _ref);
814
-
815
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
816
- viewBox: "0 0 24 24"
817
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
818
- d: "M9.21394 12L15.5141 5.69985C15.9046 5.30933 15.9046 4.67616 15.5141 4.28564C15.1236 3.89511 14.4904 3.89511 14.0999 4.28564L7.44618 10.9394C6.86039 11.5252 6.86039 12.4749 7.44618 13.0607L14.0999 19.7144C14.4904 20.105 15.1236 20.105 15.5141 19.7144C15.9046 19.3239 15.9046 18.6907 15.5141 18.3002L9.21394 12Z",
819
- fill: "currentColor"
820
- }));
821
- }
822
-
823
- function Prisma16(_ref2) {
824
- var otherProps = _extends({}, _ref2);
825
-
826
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
827
- viewBox: "0 0 16 16"
828
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
829
- d: "M4.28906 7.9976L10.2898 13.9983L11.704 12.5841L7.11086 7.99095L11.6552 3.40363L10.2343 1.99609L4.28906 7.9976Z",
830
- fill: "currentColor"
831
- }));
832
- }
609
+ /***/ (function(module, exports) {
833
610
 
834
- function ChevronLeft(props) {
835
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
836
- Enterprise: _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
837
- Prisma16: Prisma16,
838
- Prisma24: Prisma24
839
- }, props));
840
- }
611
+ module.exports = require("@splunk/react-icons/ChevronLeft");
841
612
 
842
613
  /***/ }),
843
614
 
844
- /***/ 84:
615
+ /***/ 9:
845
616
  /***/ (function(module, exports) {
846
617
 
847
- module.exports = require("@splunk/react-icons/ChevronLeft");
618
+ module.exports = require("lodash/keys");
848
619
 
849
620
  /***/ })
850
621
 
package/Paragraph.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 = 219);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 224);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 219:
111
+ /***/ 224:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";