@splunk/react-ui 4.11.0 → 4.12.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 (100) hide show
  1. package/Accordion.js +2 -2
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/Box.js +2 -2
  5. package/Button.js +23 -23
  6. package/ButtonGroup.js +2 -2
  7. package/CHANGELOG.md +28 -0
  8. package/Calendar.js +20 -20
  9. package/Card.js +17 -17
  10. package/CardLayout.js +2 -2
  11. package/Chip.js +17 -17
  12. package/Clickable.js +7 -7
  13. package/CloseButton.js +15 -15
  14. package/Code.js +4 -4
  15. package/CollapsiblePanel.js +4 -4
  16. package/Color.js +17 -17
  17. package/ColumnLayout.js +7 -7
  18. package/ComboBox.js +12 -11
  19. package/Concertina.js +11 -11
  20. package/ControlGroup.js +4 -4
  21. package/Date.js +8 -8
  22. package/DefinitionList.js +2 -2
  23. package/Dropdown.js +4 -4
  24. package/EventListener.js +4 -4
  25. package/File.js +25 -25
  26. package/FormRows.js +10 -10
  27. package/Heading.js +2 -2
  28. package/Image.js +19 -19
  29. package/Layer.js +8 -8
  30. package/Link.js +9 -9
  31. package/List.js +2 -2
  32. package/Markdown.js +17 -17
  33. package/Menu.js +33 -33
  34. package/Message.js +31 -31
  35. package/MessageBar.js +32 -32
  36. package/Modal.js +8 -8
  37. package/ModalLayer.js +4 -4
  38. package/Monogram.js +2 -2
  39. package/Multiselect.js +93 -89
  40. package/Number.js +4 -4
  41. package/Paginator.js +20 -20
  42. package/Paragraph.js +2 -2
  43. package/Popover.js +6 -6
  44. package/Progress.js +8 -8
  45. package/RadioBar.js +4 -4
  46. package/RadioList.js +2 -2
  47. package/Resize.js +2 -2
  48. package/ResultsMenu.js +60 -39
  49. package/ScreenReaderContent.js +2 -2
  50. package/Scroll.js +4 -4
  51. package/ScrollContainerContext.js +2 -2
  52. package/Search.js +17 -16
  53. package/Select.js +86 -84
  54. package/SidePanel.js +4 -4
  55. package/Slider.js +8 -8
  56. package/SlidingPanels.js +2 -2
  57. package/StaticContent.js +2 -2
  58. package/StepBar.js +8 -8
  59. package/Switch.js +6 -6
  60. package/TabBar.js +6 -6
  61. package/TabLayout.js +4 -4
  62. package/Table.js +114 -82
  63. package/Text.js +109 -236
  64. package/TextArea.js +1444 -0
  65. package/Tooltip.js +4 -4
  66. package/TransitionOpen.js +8 -7
  67. package/Typography.js +225 -0
  68. package/WaitSpinner.js +4 -4
  69. package/cypress.json +1 -0
  70. package/package.json +12 -2
  71. package/test-runner-jest.config.js +38 -0
  72. package/types/src/ComboBox/ComboBox.d.ts +13 -4
  73. package/types/src/Multiselect/Compact.d.ts +11 -4
  74. package/types/src/Multiselect/Multiselect.d.ts +14 -5
  75. package/types/src/Multiselect/Normal.d.ts +11 -4
  76. package/types/src/ResultsMenu/ResultsMenu.d.ts +8 -2
  77. package/types/src/Search/Search.d.ts +4 -0
  78. package/types/src/Select/Select.d.ts +13 -4
  79. package/types/src/Select/SelectBase.d.ts +12 -4
  80. package/types/src/SidePanel/SidePanel.d.ts +2 -1
  81. package/types/src/Table/HeadCell.d.ts +7 -3
  82. package/types/src/Table/Table.d.ts +2 -3
  83. package/types/src/Table/TableContext.d.ts +5 -0
  84. package/types/src/Text/Text.d.ts +21 -12
  85. package/types/src/TextArea/TextArea.d.ts +190 -0
  86. package/types/src/TextArea/docs/examples/Basic.d.ts +2 -0
  87. package/types/src/TextArea/docs/examples/Disabled.d.ts +2 -0
  88. package/types/src/TextArea/docs/examples/Error.d.ts +2 -0
  89. package/types/src/TextArea/docs/examples/Inline.d.ts +2 -0
  90. package/types/src/TextArea/docs/examples/Uncontrolled.d.ts +2 -0
  91. package/types/src/TextArea/index.d.ts +2 -0
  92. package/types/src/{Text → TextArea}/syncHeightWithShadow.d.ts +1 -2
  93. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -0
  94. package/types/src/TransitionOpen/index.d.ts +1 -0
  95. package/types/src/Typography/Typography.d.ts +78 -0
  96. package/types/src/Typography/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/Typography/docs/examples/Variants.d.ts +2 -0
  98. package/types/src/Typography/index.d.ts +2 -0
  99. package/types/src/Typography/test/Typography.unit.d.ts +1 -0
  100. package/usePrevious.js +2 -2
package/MessageBar.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 = 158);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 160);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 158:
118
+ /***/ 160:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -141,19 +141,19 @@ var ScreenReaderContent_ = __webpack_require__(14);
141
141
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
142
142
 
143
143
  // EXTERNAL MODULE: ./src/icons/AlertFilled.tsx
144
- var AlertFilled = __webpack_require__(70);
144
+ var AlertFilled = __webpack_require__(71);
145
145
 
146
146
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
147
- var CrossMark = __webpack_require__(20);
147
+ var CrossMark = __webpack_require__(19);
148
148
 
149
149
  // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
150
- var InfoFilled = __webpack_require__(71);
150
+ var InfoFilled = __webpack_require__(72);
151
151
 
152
152
  // EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
153
- var SuccessFilled = __webpack_require__(73);
153
+ var SuccessFilled = __webpack_require__(74);
154
154
 
155
155
  // EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
156
- var WarningFilled = __webpack_require__(74);
156
+ var WarningFilled = __webpack_require__(75);
157
157
 
158
158
  // EXTERNAL MODULE: external "styled-components"
159
159
  var external_styled_components_ = __webpack_require__(3);
@@ -377,21 +377,14 @@ MessageBar.propTypes = propTypes;
377
377
 
378
378
  /***/ }),
379
379
 
380
- /***/ 2:
381
- /***/ (function(module, exports) {
382
-
383
- module.exports = require("react");
384
-
385
- /***/ }),
386
-
387
- /***/ 20:
380
+ /***/ 19:
388
381
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
389
382
 
390
383
  "use strict";
391
384
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
392
385
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
393
386
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
394
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
387
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
395
388
  /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
396
389
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
397
390
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -434,24 +427,24 @@ function CrossMark(props) {
434
427
 
435
428
  /***/ }),
436
429
 
437
- /***/ 22:
430
+ /***/ 2:
438
431
  /***/ (function(module, exports) {
439
432
 
440
- module.exports = require("@splunk/react-icons/Close");
433
+ module.exports = require("react");
441
434
 
442
435
  /***/ }),
443
436
 
444
- /***/ 3:
437
+ /***/ 21:
445
438
  /***/ (function(module, exports) {
446
439
 
447
- module.exports = require("styled-components");
440
+ module.exports = require("@splunk/react-icons/Close");
448
441
 
449
442
  /***/ }),
450
443
 
451
- /***/ 49:
444
+ /***/ 3:
452
445
  /***/ (function(module, exports) {
453
446
 
454
- module.exports = require("@splunk/react-icons/Error");
447
+ module.exports = require("styled-components");
455
448
 
456
449
  /***/ }),
457
450
 
@@ -465,6 +458,13 @@ module.exports = require("@splunk/ui-utils/i18n");
465
458
  /***/ 50:
466
459
  /***/ (function(module, exports) {
467
460
 
461
+ module.exports = require("@splunk/react-icons/Error");
462
+
463
+ /***/ }),
464
+
465
+ /***/ 51:
466
+ /***/ (function(module, exports) {
467
+
468
468
  module.exports = require("@splunk/react-icons/Success");
469
469
 
470
470
  /***/ }),
@@ -612,14 +612,14 @@ Icon.defaultProps = defaultProps;
612
612
 
613
613
  /***/ }),
614
614
 
615
- /***/ 70:
615
+ /***/ 71:
616
616
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
617
617
 
618
618
  "use strict";
619
619
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AlertFilled; });
620
620
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
621
621
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
622
- /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
622
+ /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50);
623
623
  /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__);
624
624
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
625
625
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -652,14 +652,14 @@ function AlertFilled(props) {
652
652
 
653
653
  /***/ }),
654
654
 
655
- /***/ 71:
655
+ /***/ 72:
656
656
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
657
657
 
658
658
  "use strict";
659
659
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoFilled; });
660
660
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
661
661
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
662
- /* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72);
662
+ /* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73);
663
663
  /* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__);
664
664
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
665
665
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -692,21 +692,21 @@ function InfoFilled(props) {
692
692
 
693
693
  /***/ }),
694
694
 
695
- /***/ 72:
695
+ /***/ 73:
696
696
  /***/ (function(module, exports) {
697
697
 
698
698
  module.exports = require("@splunk/react-icons/InfoCircle");
699
699
 
700
700
  /***/ }),
701
701
 
702
- /***/ 73:
702
+ /***/ 74:
703
703
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
704
704
 
705
705
  "use strict";
706
706
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
707
707
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
708
708
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
709
- /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50);
709
+ /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
710
710
  /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__);
711
711
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
712
712
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -739,14 +739,14 @@ function SuccessFilled(props) {
739
739
 
740
740
  /***/ }),
741
741
 
742
- /***/ 74:
742
+ /***/ 75:
743
743
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
744
744
 
745
745
  "use strict";
746
746
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WarningFilled; });
747
747
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
748
748
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
749
- /* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75);
749
+ /* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76);
750
750
  /* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__);
751
751
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
752
752
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -779,7 +779,7 @@ function WarningFilled(props) {
779
779
 
780
780
  /***/ }),
781
781
 
782
- /***/ 75:
782
+ /***/ 76:
783
783
  /***/ (function(module, exports) {
784
784
 
785
785
  module.exports = require("@splunk/react-icons/Warning");
package/Modal.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 = 113);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 114);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 113:
111
+ /***/ 114:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -133,7 +133,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
133
133
  var external_lodash_ = __webpack_require__(4);
134
134
 
135
135
  // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
136
- var ModalLayer_ = __webpack_require__(76);
136
+ var ModalLayer_ = __webpack_require__(77);
137
137
  var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
138
138
 
139
139
  // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
@@ -143,7 +143,7 @@ var focus_ = __webpack_require__(26);
143
143
  var id_ = __webpack_require__(10);
144
144
 
145
145
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
146
- var ScrollContainerContext_ = __webpack_require__(35);
146
+ var ScrollContainerContext_ = __webpack_require__(37);
147
147
 
148
148
  // EXTERNAL MODULE: external "styled-components"
149
149
  var external_styled_components_ = __webpack_require__(3);
@@ -279,7 +279,7 @@ function Footer(_ref) {
279
279
  Footer.propTypes = Footer_propTypes;
280
280
  /* harmony default export */ var Modal_Footer = (Footer);
281
281
  // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
282
- var CloseButton_ = __webpack_require__(66);
282
+ var CloseButton_ = __webpack_require__(67);
283
283
  var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
284
284
 
285
285
  // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
@@ -716,7 +716,7 @@ module.exports = require("styled-components");
716
716
 
717
717
  /***/ }),
718
718
 
719
- /***/ 35:
719
+ /***/ 37:
720
720
  /***/ (function(module, exports) {
721
721
 
722
722
  module.exports = require("@splunk/react-ui/ScrollContainerContext");
@@ -730,14 +730,14 @@ module.exports = require("lodash");
730
730
 
731
731
  /***/ }),
732
732
 
733
- /***/ 66:
733
+ /***/ 67:
734
734
  /***/ (function(module, exports) {
735
735
 
736
736
  module.exports = require("@splunk/react-ui/CloseButton");
737
737
 
738
738
  /***/ }),
739
739
 
740
- /***/ 76:
740
+ /***/ 77:
741
741
  /***/ (function(module, exports) {
742
742
 
743
743
  module.exports = require("@splunk/react-ui/ModalLayer");
package/ModalLayer.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 = 159);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 161);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 159:
104
+ /***/ 161:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
123
123
  var Animation_ = __webpack_require__(30);
124
124
 
125
125
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
126
- var Layer_ = __webpack_require__(56);
126
+ var Layer_ = __webpack_require__(57);
127
127
  var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
128
128
 
129
129
  // EXTERNAL MODULE: external "styled-components"
@@ -338,7 +338,7 @@ module.exports = require("@splunk/react-ui/Animation");
338
338
 
339
339
  /***/ }),
340
340
 
341
- /***/ 56:
341
+ /***/ 57:
342
342
  /***/ (function(module, exports) {
343
343
 
344
344
  module.exports = require("@splunk/react-ui/Layer");
package/Monogram.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 = 160);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 162);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 160:
111
+ /***/ 162:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";