@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/Number.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 = 145);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 194);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,28 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 11:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/has");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 14:
105
112
  /***/ (function(module, exports) {
106
113
 
107
114
  module.exports = require("@splunk/react-ui/Clickable");
108
115
 
109
116
  /***/ }),
110
117
 
111
- /***/ 145:
118
+ /***/ 19:
119
+ /***/ (function(module, exports) {
120
+
121
+ module.exports = require("@splunk/react-ui/Button");
122
+
123
+ /***/ }),
124
+
125
+ /***/ 194:
112
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
127
 
114
128
  "use strict";
@@ -126,8 +140,21 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
126
140
  var external_prop_types_ = __webpack_require__(1);
127
141
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
128
142
 
129
- // EXTERNAL MODULE: external "lodash"
130
- var external_lodash_ = __webpack_require__(4);
143
+ // EXTERNAL MODULE: external "lodash/has"
144
+ var has_ = __webpack_require__(11);
145
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_);
146
+
147
+ // EXTERNAL MODULE: external "lodash/isFinite"
148
+ var isFinite_ = __webpack_require__(21);
149
+ var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
150
+
151
+ // EXTERNAL MODULE: external "lodash/isString"
152
+ var isString_ = __webpack_require__(25);
153
+ var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
154
+
155
+ // EXTERNAL MODULE: external "lodash/omit"
156
+ var omit_ = __webpack_require__(5);
157
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
131
158
 
132
159
  // EXTERNAL MODULE: external "@splunk/themes"
133
160
  var themes_ = __webpack_require__(0);
@@ -136,10 +163,10 @@ var themes_ = __webpack_require__(0);
136
163
  var keyboard_ = __webpack_require__(9);
137
164
 
138
165
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
139
- var i18n_ = __webpack_require__(5);
166
+ var i18n_ = __webpack_require__(4);
140
167
 
141
168
  // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
142
- var SVG_ = __webpack_require__(25);
169
+ var SVG_ = __webpack_require__(32);
143
170
  var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
144
171
 
145
172
  // CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
@@ -162,15 +189,15 @@ var external_styled_components_ = __webpack_require__(3);
162
189
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
163
190
 
164
191
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
165
- var Button_ = __webpack_require__(16);
192
+ var Button_ = __webpack_require__(19);
166
193
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
167
194
 
168
195
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
169
- var Clickable_ = __webpack_require__(12);
196
+ var Clickable_ = __webpack_require__(14);
170
197
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
171
198
 
172
199
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
173
- var Text_ = __webpack_require__(24);
200
+ var Text_ = __webpack_require__(30);
174
201
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
175
202
 
176
203
  // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
@@ -304,6 +331,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
304
331
 
305
332
 
306
333
 
334
+
335
+
336
+
307
337
  var propTypes = {
308
338
  append: external_prop_types_default.a.bool,
309
339
  children: external_prop_types_default.a.node,
@@ -372,7 +402,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
372
402
  value: function stringToNumber(str, props) {
373
403
  var val = str;
374
404
 
375
- if (!Object(external_lodash_["isString"])(val) || val === '') {
405
+ if (!isString_default()(val) || val === '') {
376
406
  return undefined;
377
407
  }
378
408
 
@@ -386,7 +416,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
386
416
 
387
417
  var valNumeric = Number.limitValue(parseFloat(val), props);
388
418
 
389
- if (Object(external_lodash_["isFinite"])(valNumeric)) {
419
+ if (isFinite_default()(valNumeric)) {
390
420
  return valNumeric;
391
421
  }
392
422
 
@@ -395,7 +425,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
395
425
  }, {
396
426
  key: "numberToString",
397
427
  value: function numberToString(number, props) {
398
- if (number === undefined || !Object(external_lodash_["isFinite"])(number)) {
428
+ if (number === undefined || !isFinite_default()(number)) {
399
429
  return '';
400
430
  }
401
431
 
@@ -414,15 +444,15 @@ var Number_Number = /*#__PURE__*/function (_Component) {
414
444
  roundTo = _ref.roundTo;
415
445
  var newVal = val;
416
446
 
417
- if (!Object(external_lodash_["isFinite"])(val)) {
447
+ if (!isFinite_default()(val)) {
418
448
  return newVal;
419
449
  }
420
450
 
421
- if (min !== undefined && Object(external_lodash_["isFinite"])(min)) {
451
+ if (min !== undefined && isFinite_default()(min)) {
422
452
  newVal = Math.max(min, newVal);
423
453
  }
424
454
 
425
- if (max !== undefined && Object(external_lodash_["isFinite"])(max)) {
455
+ if (max !== undefined && isFinite_default()(max)) {
426
456
  newVal = Math.min(max, newVal);
427
457
  } // eslint-disable-next-line no-restricted-properties
428
458
 
@@ -513,7 +543,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
513
543
  _this.increment(e, -_this.props.step);
514
544
  });
515
545
 
516
- _this.controlledExternally = Object(external_lodash_["has"])(props, 'value');
546
+ _this.controlledExternally = has_default()(props, 'value');
517
547
 
518
548
  var _value = _this.isControlled() ? props.value : props.defaultValue;
519
549
 
@@ -529,7 +559,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
529
559
 
530
560
  if (false) {}
531
561
 
532
- if (Object(external_lodash_["has"])(props, 'useSyntheticPlaceholder')) {
562
+ if (has_default()(props, 'useSyntheticPlaceholder')) {
533
563
  // eslint-disable-next-line no-console
534
564
  console.warn("The 'Number' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
535
565
  }
@@ -625,10 +655,10 @@ var Number_Number = /*#__PURE__*/function (_Component) {
625
655
  var valNumeric = Number.stringToNumber(this.state.stringValue, this.props);
626
656
  var targetValNumeric; // increment appropriate number
627
657
 
628
- if (valNumeric !== undefined && Object(external_lodash_["isFinite"])(valNumeric)) {
658
+ if (valNumeric !== undefined && isFinite_default()(valNumeric)) {
629
659
  // increment the entered value
630
660
  targetValNumeric = valNumeric + amount;
631
- } else if (this.props.defaultValue !== undefined && Object(external_lodash_["isFinite"])(this.props.defaultValue)) {
661
+ } else if (this.props.defaultValue !== undefined && isFinite_default()(this.props.defaultValue)) {
632
662
  // increment the defaultValue
633
663
  targetValNumeric = this.props.defaultValue + amount;
634
664
  } else if (amount > 0) {
@@ -644,7 +674,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
644
674
  }, {
645
675
  key: "preventNegativeNumbers",
646
676
  value: function preventNegativeNumbers() {
647
- return this.props.min !== undefined && Object(external_lodash_["isFinite"])(this.props.min) && this.props.min >= 0;
677
+ return this.props.min !== undefined && isFinite_default()(this.props.min) && this.props.min >= 0;
648
678
  }
649
679
  }, {
650
680
  key: "render",
@@ -664,7 +694,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
664
694
  min = _this$props4.min,
665
695
  prepend = _this$props4.prepend,
666
696
  splunkTheme = _this$props4.splunkTheme;
667
- var textProps = Object(external_lodash_["omit"])(this.props, ['defaultValue', 'hideStepButtons', 'max', 'min', 'roundTo', 'spellCheck', 'step']);
697
+ var textProps = omit_default()(this.props, ['defaultValue', 'hideStepButtons', 'max', 'min', 'roundTo', 'spellCheck', 'step']);
668
698
  var isPrisma = splunkTheme.isPrisma;
669
699
  var buttonProps = isPrisma ? {} : {
670
700
  append: append,
@@ -672,8 +702,8 @@ var Number_Number = /*#__PURE__*/function (_Component) {
672
702
  error: error,
673
703
  inline: false
674
704
  };
675
- var disableIncrement = value !== undefined && Object(external_lodash_["isFinite"])(value) && max !== undefined && Object(external_lodash_["isFinite"])(max) && value >= max;
676
- var disableDecrement = value !== undefined && Object(external_lodash_["isFinite"])(value) && min !== undefined && Object(external_lodash_["isFinite"])(min) && value <= min;
705
+ var disableIncrement = value !== undefined && isFinite_default()(value) && max !== undefined && isFinite_default()(max) && value >= max;
706
+ var disableDecrement = value !== undefined && isFinite_default()(value) && min !== undefined && isFinite_default()(min) && value <= min;
677
707
  var plusIcon = /*#__PURE__*/external_react_default.a.createElement(SortedUp, {
678
708
  width: "6px",
679
709
  height: "4px",
@@ -745,7 +775,7 @@ _defineProperty(Number_Number, "propTypes", propTypes);
745
775
  _defineProperty(Number_Number, "defaultProps", defaultProps);
746
776
 
747
777
  _defineProperty(Number_Number, "getDerivedStateFromProps", function (props, state) {
748
- if (Object(external_lodash_["has"])(props, 'value') && props.value !== state.prevValueProp) {
778
+ if (has_default()(props, 'value') && props.value !== state.prevValueProp) {
749
779
  var valNumeric = Number_Number.stringToNumber(state.stringValue, props);
750
780
  return props.value !== valNumeric ? {
751
781
  prevValueProp: props.value,
@@ -765,13 +795,6 @@ NumberWithTheme.propTypes = Number_Number.propTypes;
765
795
 
766
796
 
767
797
 
768
- /***/ }),
769
-
770
- /***/ 16:
771
- /***/ (function(module, exports) {
772
-
773
- module.exports = require("@splunk/react-ui/Button");
774
-
775
798
  /***/ }),
776
799
 
777
800
  /***/ 2:
@@ -781,17 +804,17 @@ module.exports = require("react");
781
804
 
782
805
  /***/ }),
783
806
 
784
- /***/ 24:
807
+ /***/ 21:
785
808
  /***/ (function(module, exports) {
786
809
 
787
- module.exports = require("@splunk/react-ui/Text");
810
+ module.exports = require("lodash/isFinite");
788
811
 
789
812
  /***/ }),
790
813
 
791
814
  /***/ 25:
792
815
  /***/ (function(module, exports) {
793
816
 
794
- module.exports = require("@splunk/react-icons/SVG");
817
+ module.exports = require("lodash/isString");
795
818
 
796
819
  /***/ }),
797
820
 
@@ -802,17 +825,31 @@ module.exports = require("styled-components");
802
825
 
803
826
  /***/ }),
804
827
 
828
+ /***/ 30:
829
+ /***/ (function(module, exports) {
830
+
831
+ module.exports = require("@splunk/react-ui/Text");
832
+
833
+ /***/ }),
834
+
835
+ /***/ 32:
836
+ /***/ (function(module, exports) {
837
+
838
+ module.exports = require("@splunk/react-icons/SVG");
839
+
840
+ /***/ }),
841
+
805
842
  /***/ 4:
806
843
  /***/ (function(module, exports) {
807
844
 
808
- module.exports = require("lodash");
845
+ module.exports = require("@splunk/ui-utils/i18n");
809
846
 
810
847
  /***/ }),
811
848
 
812
849
  /***/ 5:
813
850
  /***/ (function(module, exports) {
814
851
 
815
- module.exports = require("@splunk/ui-utils/i18n");
852
+ module.exports = require("lodash/omit");
816
853
 
817
854
  /***/ }),
818
855
 
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 = 122);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 171);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 102:
104
+ /***/ 10:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/keys");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 143:
105
112
  /***/ (function(module, exports) {
106
113
 
107
114
  module.exports = require("@splunk/react-icons/More");
108
115
 
109
116
  /***/ }),
110
117
 
111
- /***/ 122:
118
+ /***/ 171:
112
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
120
 
114
121
  "use strict";
@@ -130,7 +137,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
130
137
  var format_ = __webpack_require__(45);
131
138
 
132
139
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
133
- var i18n_ = __webpack_require__(5);
140
+ var i18n_ = __webpack_require__(4);
134
141
 
135
142
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
136
143
  var Box_ = __webpack_require__(8);
@@ -140,7 +147,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
140
147
  var themes_ = __webpack_require__(0);
141
148
 
142
149
  // EXTERNAL MODULE: external "@splunk/react-icons/More"
143
- var More_ = __webpack_require__(102);
150
+ var More_ = __webpack_require__(143);
144
151
  var More_default = /*#__PURE__*/__webpack_require__.n(More_);
145
152
 
146
153
  // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -209,11 +216,16 @@ function PageSeparator() {
209
216
  }
210
217
 
211
218
  /* harmony default export */ var Paginator_PageSeparator = (PageSeparator);
212
- // EXTERNAL MODULE: external "lodash"
213
- var external_lodash_ = __webpack_require__(4);
219
+ // EXTERNAL MODULE: external "lodash/keys"
220
+ var keys_ = __webpack_require__(10);
221
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
222
+
223
+ // EXTERNAL MODULE: external "lodash/omit"
224
+ var omit_ = __webpack_require__(5);
225
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
214
226
 
215
227
  // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
216
- var ButtonSimple_ = __webpack_require__(48);
228
+ var ButtonSimple_ = __webpack_require__(61);
217
229
  var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
218
230
 
219
231
  // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -275,6 +287,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
275
287
 
276
288
 
277
289
 
290
+
278
291
  var propTypes = {
279
292
  children: external_prop_types_default.a.node,
280
293
  label: external_prop_types_default.a.node,
@@ -332,7 +345,7 @@ var Button_PaginatorButton = /*#__PURE__*/function (_Component) {
332
345
  onClick: page !== undefined ? this.handleClick : undefined,
333
346
  inline: false,
334
347
  selected: selected
335
- }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(PaginatorButton.propTypes))), label, children && /*#__PURE__*/external_react_default.a.createElement(StyledPrevNext, null, children));
348
+ }, omit_default()(this.props, keys_default()(PaginatorButton.propTypes))), label, children && /*#__PURE__*/external_react_default.a.createElement(StyledPrevNext, null, children));
336
349
  }
337
350
  }]);
338
351
 
@@ -345,10 +358,10 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
345
358
 
346
359
  /* harmony default export */ var Button = (Button_PaginatorButton);
347
360
  // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
348
- var ChevronLeft = __webpack_require__(62);
361
+ var ChevronLeft = __webpack_require__(83);
349
362
 
350
363
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
351
- var ChevronRight = __webpack_require__(29);
364
+ var ChevronRight = __webpack_require__(37);
352
365
 
353
366
  // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
354
367
 
@@ -536,14 +549,21 @@ module.exports = require("react");
536
549
 
537
550
  /***/ }),
538
551
 
539
- /***/ 29:
552
+ /***/ 3:
553
+ /***/ (function(module, exports) {
554
+
555
+ module.exports = require("styled-components");
556
+
557
+ /***/ }),
558
+
559
+ /***/ 37:
540
560
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
541
561
 
542
562
  "use strict";
543
563
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
544
564
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
545
565
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
546
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
566
+ /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
547
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__);
548
568
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
549
569
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -586,27 +606,20 @@ function ChevronRight(props) {
586
606
 
587
607
  /***/ }),
588
608
 
589
- /***/ 3:
609
+ /***/ 4:
590
610
  /***/ (function(module, exports) {
591
611
 
592
- module.exports = require("styled-components");
612
+ module.exports = require("@splunk/ui-utils/i18n");
593
613
 
594
614
  /***/ }),
595
615
 
596
- /***/ 35:
616
+ /***/ 44:
597
617
  /***/ (function(module, exports) {
598
618
 
599
619
  module.exports = require("@splunk/react-icons/ChevronRight");
600
620
 
601
621
  /***/ }),
602
622
 
603
- /***/ 4:
604
- /***/ (function(module, exports) {
605
-
606
- module.exports = require("lodash");
607
-
608
- /***/ }),
609
-
610
623
  /***/ 45:
611
624
  /***/ (function(module, exports) {
612
625
 
@@ -614,17 +627,10 @@ module.exports = require("@splunk/ui-utils/format");
614
627
 
615
628
  /***/ }),
616
629
 
617
- /***/ 48:
618
- /***/ (function(module, exports) {
619
-
620
- module.exports = require("@splunk/react-ui/ButtonSimple");
621
-
622
- /***/ }),
623
-
624
630
  /***/ 5:
625
631
  /***/ (function(module, exports) {
626
632
 
627
- module.exports = require("@splunk/ui-utils/i18n");
633
+ module.exports = require("lodash/omit");
628
634
 
629
635
  /***/ }),
630
636
 
@@ -653,60 +659,10 @@ function SVG(props) {
653
659
 
654
660
  /***/ }),
655
661
 
656
- /***/ 62:
657
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
658
-
659
- "use strict";
660
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
661
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
662
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
663
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
664
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
665
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
666
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
667
- 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); }
668
-
669
-
670
-
671
-
672
-
673
-
674
- function Prisma24(_ref) {
675
- var otherProps = _extends({}, _ref);
676
-
677
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
678
- viewBox: "0 0 24 24"
679
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
680
- 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",
681
- fill: "currentColor"
682
- }));
683
- }
684
-
685
- function Prisma16(_ref2) {
686
- var otherProps = _extends({}, _ref2);
687
-
688
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
689
- viewBox: "0 0 16 16"
690
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
691
- d: "M4.28906 7.9976L10.2898 13.9983L11.704 12.5841L7.11086 7.99095L11.6552 3.40363L10.2343 1.99609L4.28906 7.9976Z",
692
- fill: "currentColor"
693
- }));
694
- }
695
-
696
- function ChevronLeft(props) {
697
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
698
- Enterprise: _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
699
- Prisma16: Prisma16,
700
- Prisma24: Prisma24
701
- }, props));
702
- }
703
-
704
- /***/ }),
705
-
706
- /***/ 63:
662
+ /***/ 61:
707
663
  /***/ (function(module, exports) {
708
664
 
709
- module.exports = require("@splunk/react-icons/ChevronLeft");
665
+ module.exports = require("@splunk/react-ui/ButtonSimple");
710
666
 
711
667
  /***/ }),
712
668
 
@@ -833,6 +789,63 @@ Icon.defaultProps = defaultProps;
833
789
 
834
790
  module.exports = require("@splunk/react-ui/Box");
835
791
 
792
+ /***/ }),
793
+
794
+ /***/ 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
+ }
833
+
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
+ }
841
+
842
+ /***/ }),
843
+
844
+ /***/ 84:
845
+ /***/ (function(module, exports) {
846
+
847
+ module.exports = require("@splunk/react-icons/ChevronLeft");
848
+
836
849
  /***/ })
837
850
 
838
851
  /******/ });
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 = 170);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 219);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 170:
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 219:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -132,7 +139,7 @@ var themes_ = __webpack_require__(0);
132
139
  var Styled = external_styled_components_default.a.p.withConfig({
133
140
  displayName: "ParagraphStyles__Styled",
134
141
  componentId: "sic5zk-0"
135
- })(["", ";", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
142
+ })(["", ";", ";", ""], themes_["mixins"].reset('block'), themes_["mixins"].typography('body'), Object(themes_["pick"])({
136
143
  enterprise: Object(external_styled_components_["css"])(["margin-bottom:calc(", " / 2);"], themes_["variables"].lineHeight),
137
144
  prisma: Object(external_styled_components_["css"])(["margin-bottom:14px;"])
138
145
  }));
@@ -169,13 +176,6 @@ Paragraph.propTypes = propTypes;
169
176
  // CONCATENATED MODULE: ./src/Paragraph/index.ts
170
177
 
171
178
 
172
- /***/ }),
173
-
174
- /***/ 2:
175
- /***/ (function(module, exports) {
176
-
177
- module.exports = require("react");
178
-
179
179
  /***/ }),
180
180
 
181
181
  /***/ 3: