@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/Calendar.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 = 120);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 169);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -102,6 +102,13 @@ module.exports = require("prop-types");
102
102
  /***/ }),
103
103
 
104
104
  /***/ 10:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/keys");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 12:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -128,14 +135,21 @@ function updateReactRef(ref, current) {
128
135
 
129
136
  /***/ }),
130
137
 
131
- /***/ 11:
138
+ /***/ 13:
132
139
  /***/ (function(module, exports) {
133
140
 
134
141
  module.exports = require("@splunk/ui-utils/id");
135
142
 
136
143
  /***/ }),
137
144
 
138
- /***/ 120:
145
+ /***/ 16:
146
+ /***/ (function(module, exports) {
147
+
148
+ module.exports = require("@splunk/react-ui/ScreenReaderContent");
149
+
150
+ /***/ }),
151
+
152
+ /***/ 169:
139
153
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
154
 
141
155
  "use strict";
@@ -154,15 +168,24 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
154
168
  var external_prop_types_ = __webpack_require__(1);
155
169
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
156
170
 
157
- // EXTERNAL MODULE: external "lodash"
158
- var external_lodash_ = __webpack_require__(4);
171
+ // EXTERNAL MODULE: external "lodash/keys"
172
+ var keys_ = __webpack_require__(10);
173
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
174
+
175
+ // EXTERNAL MODULE: external "lodash/omit"
176
+ var omit_ = __webpack_require__(5);
177
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
159
178
 
160
179
  // EXTERNAL MODULE: external "moment"
161
- var external_moment_ = __webpack_require__(17);
180
+ var external_moment_ = __webpack_require__(22);
162
181
  var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
163
182
 
164
183
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
165
- var id_ = __webpack_require__(11);
184
+ var id_ = __webpack_require__(13);
185
+
186
+ // EXTERNAL MODULE: external "lodash/times"
187
+ var times_ = __webpack_require__(78);
188
+ var times_default = /*#__PURE__*/__webpack_require__.n(times_);
166
189
 
167
190
  // EXTERNAL MODULE: external "@splunk/themes"
168
191
  var themes_ = __webpack_require__(0);
@@ -171,7 +194,7 @@ var themes_ = __webpack_require__(0);
171
194
  var keyboard_ = __webpack_require__(9);
172
195
 
173
196
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
174
- var ScreenReaderContent_ = __webpack_require__(14);
197
+ var ScreenReaderContent_ = __webpack_require__(16);
175
198
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
176
199
 
177
200
  // EXTERNAL MODULE: external "styled-components"
@@ -371,7 +394,7 @@ var DateTable_propTypes = {
371
394
  };
372
395
 
373
396
  function renderPaddingCells(count) {
374
- return Object(external_lodash_["times"])(count, function (i) {
397
+ return times_default()(count, function (i) {
375
398
  return /*#__PURE__*/external_react_default.a.createElement("td", {
376
399
  key: "".concat(i)
377
400
  });
@@ -418,7 +441,7 @@ function renderRows(cells) {
418
441
  var row = Math.floor(i / 7);
419
442
  accum[row].push(el);
420
443
  return accum;
421
- }, Object(external_lodash_["times"])(7, function () {
444
+ }, times_default()(7, function () {
422
445
  return [];
423
446
  })).map(function (row, i) {
424
447
  return (
@@ -432,7 +455,7 @@ function renderRows(cells) {
432
455
  }
433
456
 
434
457
  function renderHeader(locale, dayFormat) {
435
- return /*#__PURE__*/external_react_default.a.createElement("thead", null, /*#__PURE__*/external_react_default.a.createElement("tr", null, Object(external_lodash_["times"])(7, function (i) {
458
+ return /*#__PURE__*/external_react_default.a.createElement("thead", null, /*#__PURE__*/external_react_default.a.createElement("tr", null, times_default()(7, function (i) {
436
459
  var text = external_moment_default()().locale(locale).weekday(i).format(dayFormat);
437
460
  var label = external_moment_default()().locale(locale).weekday(i).format('dddd');
438
461
  return /*#__PURE__*/external_react_default.a.createElement(StyledTableHeader, {
@@ -626,22 +649,18 @@ function DateTable(_ref2) {
626
649
 
627
650
  DateTable.propTypes = DateTable_propTypes;
628
651
  /* harmony default export */ var Calendar_DateTable = (DateTable);
629
- // EXTERNAL MODULE: external "lodash/omit"
630
- var omit_ = __webpack_require__(47);
631
- var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
632
-
633
652
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
634
- var Button_ = __webpack_require__(16);
653
+ var Button_ = __webpack_require__(19);
635
654
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
636
655
 
637
656
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
638
- var i18n_ = __webpack_require__(5);
657
+ var i18n_ = __webpack_require__(4);
639
658
 
640
659
  // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
641
- var ChevronLeft = __webpack_require__(62);
660
+ var ChevronLeft = __webpack_require__(83);
642
661
 
643
662
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
644
- var ChevronRight = __webpack_require__(29);
663
+ var ChevronRight = __webpack_require__(37);
645
664
 
646
665
  // CONCATENATED MODULE: ./src/Calendar/MonthHeaderStyles.ts
647
666
 
@@ -850,7 +869,7 @@ var CalendarStyles_StyledBox = external_styled_components_default()(Box_default.
850
869
  }));
851
870
 
852
871
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
853
- var updateReactRef = __webpack_require__(10);
872
+ var updateReactRef = __webpack_require__(12);
854
873
 
855
874
  // CONCATENATED MODULE: ./src/Calendar/Calendar.tsx
856
875
  function Calendar_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Calendar_typeof = function _typeof(obj) { return typeof obj; }; } else { Calendar_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Calendar_typeof(obj); }
@@ -888,6 +907,7 @@ function Calendar_defineProperty(obj, key, value) { if (key in obj) { Object.def
888
907
 
889
908
 
890
909
 
910
+
891
911
  var calendarActiveSelector = '[data-active-day="true"]';
892
912
  var Calendar_propTypes = {
893
913
  describedBy: external_prop_types_default.a.string,
@@ -895,6 +915,9 @@ var Calendar_propTypes = {
895
915
  labelledBy: external_prop_types_default.a.string,
896
916
  locale: external_prop_types_default.a.string,
897
917
  onChange: external_prop_types_default.a.func,
918
+
919
+ /** @private. */
920
+ required: external_prop_types_default.a.bool,
898
921
  value: external_prop_types_default.a.string,
899
922
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])
900
923
  };
@@ -1015,6 +1038,7 @@ var Calendar_Calendar = /*#__PURE__*/function (_Component) {
1015
1038
  labelledBy = _this$props.labelledBy,
1016
1039
  locale = _this$props.locale,
1017
1040
  onChange = _this$props.onChange,
1041
+ required = _this$props.required,
1018
1042
  value = _this$props.value;
1019
1043
  var _this$state = this.state,
1020
1044
  internalValue = _this$state.internalValue,
@@ -1022,8 +1046,9 @@ var Calendar_Calendar = /*#__PURE__*/function (_Component) {
1022
1046
  return /*#__PURE__*/external_react_default.a.createElement(CalendarStyles_StyledBox, Calendar_extends({
1023
1047
  inline: true,
1024
1048
  "aria-labelledby": labelledBy,
1025
- "aria-describedby": describedBy
1026
- }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Calendar.propTypes)), {
1049
+ "aria-describedby": describedBy,
1050
+ "aria-required": required
1051
+ }, omit_default()(this.props, keys_default()(Calendar.propTypes)), {
1027
1052
  elementRef: this.handleCalendarMount
1028
1053
  }), /*#__PURE__*/external_react_default.a.createElement(Calendar_MonthHeader, {
1029
1054
  headingId: this.monthHeaderId,
@@ -1067,42 +1092,42 @@ Calendar_defineProperty(Calendar_Calendar, "defaultProps", Calendar_defaultProps
1067
1092
 
1068
1093
  /***/ }),
1069
1094
 
1070
- /***/ 14:
1095
+ /***/ 19:
1071
1096
  /***/ (function(module, exports) {
1072
1097
 
1073
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
1098
+ module.exports = require("@splunk/react-ui/Button");
1074
1099
 
1075
1100
  /***/ }),
1076
1101
 
1077
- /***/ 16:
1102
+ /***/ 2:
1078
1103
  /***/ (function(module, exports) {
1079
1104
 
1080
- module.exports = require("@splunk/react-ui/Button");
1105
+ module.exports = require("react");
1081
1106
 
1082
1107
  /***/ }),
1083
1108
 
1084
- /***/ 17:
1109
+ /***/ 22:
1085
1110
  /***/ (function(module, exports) {
1086
1111
 
1087
1112
  module.exports = require("moment");
1088
1113
 
1089
1114
  /***/ }),
1090
1115
 
1091
- /***/ 2:
1116
+ /***/ 3:
1092
1117
  /***/ (function(module, exports) {
1093
1118
 
1094
- module.exports = require("react");
1119
+ module.exports = require("styled-components");
1095
1120
 
1096
1121
  /***/ }),
1097
1122
 
1098
- /***/ 29:
1123
+ /***/ 37:
1099
1124
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1100
1125
 
1101
1126
  "use strict";
1102
1127
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
1103
1128
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1104
1129
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1105
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
1130
+ /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
1106
1131
  /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
1107
1132
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1108
1133
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1145,38 +1170,24 @@ function ChevronRight(props) {
1145
1170
 
1146
1171
  /***/ }),
1147
1172
 
1148
- /***/ 3:
1149
- /***/ (function(module, exports) {
1150
-
1151
- module.exports = require("styled-components");
1152
-
1153
- /***/ }),
1154
-
1155
- /***/ 35:
1156
- /***/ (function(module, exports) {
1157
-
1158
- module.exports = require("@splunk/react-icons/ChevronRight");
1159
-
1160
- /***/ }),
1161
-
1162
1173
  /***/ 4:
1163
1174
  /***/ (function(module, exports) {
1164
1175
 
1165
- module.exports = require("lodash");
1176
+ module.exports = require("@splunk/ui-utils/i18n");
1166
1177
 
1167
1178
  /***/ }),
1168
1179
 
1169
- /***/ 47:
1180
+ /***/ 44:
1170
1181
  /***/ (function(module, exports) {
1171
1182
 
1172
- module.exports = require("lodash/omit");
1183
+ module.exports = require("@splunk/react-icons/ChevronRight");
1173
1184
 
1174
1185
  /***/ }),
1175
1186
 
1176
1187
  /***/ 5:
1177
1188
  /***/ (function(module, exports) {
1178
1189
 
1179
- module.exports = require("@splunk/ui-utils/i18n");
1190
+ module.exports = require("lodash/omit");
1180
1191
 
1181
1192
  /***/ }),
1182
1193
 
@@ -1205,63 +1216,6 @@ function SVG(props) {
1205
1216
 
1206
1217
  /***/ }),
1207
1218
 
1208
- /***/ 62:
1209
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1210
-
1211
- "use strict";
1212
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
1213
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1214
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1215
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
1216
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
1217
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1218
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1219
- 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); }
1220
-
1221
-
1222
-
1223
-
1224
-
1225
-
1226
- function Prisma24(_ref) {
1227
- var otherProps = _extends({}, _ref);
1228
-
1229
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1230
- viewBox: "0 0 24 24"
1231
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1232
- 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",
1233
- fill: "currentColor"
1234
- }));
1235
- }
1236
-
1237
- function Prisma16(_ref2) {
1238
- var otherProps = _extends({}, _ref2);
1239
-
1240
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1241
- viewBox: "0 0 16 16"
1242
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1243
- d: "M4.28906 7.9976L10.2898 13.9983L11.704 12.5841L7.11086 7.99095L11.6552 3.40363L10.2343 1.99609L4.28906 7.9976Z",
1244
- fill: "currentColor"
1245
- }));
1246
- }
1247
-
1248
- function ChevronLeft(props) {
1249
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1250
- Enterprise: _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
1251
- Prisma16: Prisma16,
1252
- Prisma24: Prisma24
1253
- }, props));
1254
- }
1255
-
1256
- /***/ }),
1257
-
1258
- /***/ 63:
1259
- /***/ (function(module, exports) {
1260
-
1261
- module.exports = require("@splunk/react-icons/ChevronLeft");
1262
-
1263
- /***/ }),
1264
-
1265
1219
  /***/ 7:
1266
1220
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1267
1221
 
@@ -1380,6 +1334,13 @@ Icon.defaultProps = defaultProps;
1380
1334
 
1381
1335
  /***/ }),
1382
1336
 
1337
+ /***/ 78:
1338
+ /***/ (function(module, exports) {
1339
+
1340
+ module.exports = require("lodash/times");
1341
+
1342
+ /***/ }),
1343
+
1383
1344
  /***/ 8:
1384
1345
  /***/ (function(module, exports) {
1385
1346
 
@@ -1387,6 +1348,63 @@ module.exports = require("@splunk/react-ui/Box");
1387
1348
 
1388
1349
  /***/ }),
1389
1350
 
1351
+ /***/ 83:
1352
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1353
+
1354
+ "use strict";
1355
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
1356
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1357
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1358
+ /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84);
1359
+ /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
1360
+ /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1361
+ /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1362
+ 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); }
1363
+
1364
+
1365
+
1366
+
1367
+
1368
+
1369
+ function Prisma24(_ref) {
1370
+ var otherProps = _extends({}, _ref);
1371
+
1372
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1373
+ viewBox: "0 0 24 24"
1374
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1375
+ 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",
1376
+ fill: "currentColor"
1377
+ }));
1378
+ }
1379
+
1380
+ function Prisma16(_ref2) {
1381
+ var otherProps = _extends({}, _ref2);
1382
+
1383
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1384
+ viewBox: "0 0 16 16"
1385
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1386
+ d: "M4.28906 7.9976L10.2898 13.9983L11.704 12.5841L7.11086 7.99095L11.6552 3.40363L10.2343 1.99609L4.28906 7.9976Z",
1387
+ fill: "currentColor"
1388
+ }));
1389
+ }
1390
+
1391
+ function ChevronLeft(props) {
1392
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1393
+ Enterprise: _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
1394
+ Prisma16: Prisma16,
1395
+ Prisma24: Prisma24
1396
+ }, props));
1397
+ }
1398
+
1399
+ /***/ }),
1400
+
1401
+ /***/ 84:
1402
+ /***/ (function(module, exports) {
1403
+
1404
+ module.exports = require("@splunk/react-icons/ChevronLeft");
1405
+
1406
+ /***/ }),
1407
+
1390
1408
  /***/ 9:
1391
1409
  /***/ (function(module, exports) {
1392
1410
 
package/Card.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 = 121);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 170);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 14:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 121:
111
+ /***/ 170:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -252,26 +252,26 @@ function Footer(_ref) {
252
252
  Footer.propTypes = Footer_propTypes;
253
253
  /* harmony default export */ var Card_Footer = (Footer);
254
254
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
255
- var i18n_ = __webpack_require__(5);
255
+ var i18n_ = __webpack_require__(4);
256
256
 
257
257
  // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
258
- var Anchor_ = __webpack_require__(64);
258
+ var Anchor_ = __webpack_require__(85);
259
259
  var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
260
260
 
261
261
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
262
- var Button_ = __webpack_require__(16);
262
+ var Button_ = __webpack_require__(19);
263
263
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
264
264
 
265
265
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
266
- var Dropdown_ = __webpack_require__(20);
266
+ var Dropdown_ = __webpack_require__(24);
267
267
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
268
268
 
269
269
  // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
270
- var useSplunkTheme_ = __webpack_require__(42);
270
+ var useSplunkTheme_ = __webpack_require__(54);
271
271
  var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
272
272
 
273
273
  // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
274
- var MoreVertical = __webpack_require__(65);
274
+ var MoreVertical = __webpack_require__(86);
275
275
 
276
276
  // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
277
277
 
@@ -402,7 +402,7 @@ function Header(_ref) {
402
402
  Header.propTypes = Header_propTypes;
403
403
  /* harmony default export */ var Card_Header = (Header);
404
404
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
405
- var Clickable_ = __webpack_require__(12);
405
+ var Clickable_ = __webpack_require__(14);
406
406
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
407
407
 
408
408
  // CONCATENATED MODULE: ./src/Card/CardStyles.ts
@@ -659,7 +659,7 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
659
659
 
660
660
  /***/ }),
661
661
 
662
- /***/ 16:
662
+ /***/ 19:
663
663
  /***/ (function(module, exports) {
664
664
 
665
665
  module.exports = require("@splunk/react-ui/Button");
@@ -673,7 +673,7 @@ module.exports = require("react");
673
673
 
674
674
  /***/ }),
675
675
 
676
- /***/ 20:
676
+ /***/ 24:
677
677
  /***/ (function(module, exports) {
678
678
 
679
679
  module.exports = require("@splunk/react-ui/Dropdown");
@@ -687,17 +687,17 @@ module.exports = require("styled-components");
687
687
 
688
688
  /***/ }),
689
689
 
690
- /***/ 42:
690
+ /***/ 4:
691
691
  /***/ (function(module, exports) {
692
692
 
693
- module.exports = require("@splunk/themes/useSplunkTheme");
693
+ module.exports = require("@splunk/ui-utils/i18n");
694
694
 
695
695
  /***/ }),
696
696
 
697
- /***/ 5:
697
+ /***/ 54:
698
698
  /***/ (function(module, exports) {
699
699
 
700
- module.exports = require("@splunk/ui-utils/i18n");
700
+ module.exports = require("@splunk/themes/useSplunkTheme");
701
701
 
702
702
  /***/ }),
703
703
 
@@ -726,58 +726,6 @@ function SVG(props) {
726
726
 
727
727
  /***/ }),
728
728
 
729
- /***/ 64:
730
- /***/ (function(module, exports) {
731
-
732
- module.exports = require("@splunk/react-ui/Anchor");
733
-
734
- /***/ }),
735
-
736
- /***/ 65:
737
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
738
-
739
- "use strict";
740
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
741
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
742
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
743
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
744
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
745
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
746
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
747
- 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); }
748
-
749
-
750
-
751
-
752
-
753
-
754
- function Prisma24(_ref) {
755
- var otherProps = _extends({}, _ref);
756
-
757
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
758
- viewBox: "0 0 24 24"
759
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
760
- d: "M12.0167 6.27273C12.9205 6.27273 13.6531 5.5401 13.6531 4.63636C13.6531 3.73263 12.9205 3 12.0167 3C11.113 3 10.3804 3.73263 10.3804 4.63636C10.3804 5.5401 11.113 6.27273 12.0167 6.27273ZM13.6531 12C13.6531 12.9038 12.9205 13.6364 12.0167 13.6364C11.113 13.6364 10.3804 12.9038 10.3804 12C10.3804 11.0963 11.113 10.3636 12.0167 10.3636C12.9205 10.3636 13.6531 11.0963 13.6531 12ZM13.6531 19.3637C13.6531 20.2674 12.9205 21 12.0167 21C11.113 21 10.3804 20.2674 10.3804 19.3637C10.3804 18.4599 11.113 17.7273 12.0167 17.7273C12.9205 17.7273 13.6531 18.4599 13.6531 19.3637Z",
761
- fill: "currentColor"
762
- }));
763
- }
764
-
765
- function MoreVertical(props) {
766
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
767
- Enterprise: _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default.a,
768
- Prisma24: Prisma24
769
- }, props));
770
- }
771
-
772
- /***/ }),
773
-
774
- /***/ 66:
775
- /***/ (function(module, exports) {
776
-
777
- module.exports = require("@splunk/react-icons/MoreVertical");
778
-
779
- /***/ }),
780
-
781
729
  /***/ 7:
782
730
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
783
731
 
@@ -901,6 +849,58 @@ Icon.defaultProps = defaultProps;
901
849
 
902
850
  module.exports = require("@splunk/react-ui/Box");
903
851
 
852
+ /***/ }),
853
+
854
+ /***/ 85:
855
+ /***/ (function(module, exports) {
856
+
857
+ module.exports = require("@splunk/react-ui/Anchor");
858
+
859
+ /***/ }),
860
+
861
+ /***/ 86:
862
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
863
+
864
+ "use strict";
865
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
866
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
867
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
868
+ /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
869
+ /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
870
+ /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
871
+ /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
872
+ 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); }
873
+
874
+
875
+
876
+
877
+
878
+
879
+ function Prisma24(_ref) {
880
+ var otherProps = _extends({}, _ref);
881
+
882
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
883
+ viewBox: "0 0 24 24"
884
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
885
+ d: "M12.0167 6.27273C12.9205 6.27273 13.6531 5.5401 13.6531 4.63636C13.6531 3.73263 12.9205 3 12.0167 3C11.113 3 10.3804 3.73263 10.3804 4.63636C10.3804 5.5401 11.113 6.27273 12.0167 6.27273ZM13.6531 12C13.6531 12.9038 12.9205 13.6364 12.0167 13.6364C11.113 13.6364 10.3804 12.9038 10.3804 12C10.3804 11.0963 11.113 10.3636 12.0167 10.3636C12.9205 10.3636 13.6531 11.0963 13.6531 12ZM13.6531 19.3637C13.6531 20.2674 12.9205 21 12.0167 21C11.113 21 10.3804 20.2674 10.3804 19.3637C10.3804 18.4599 11.113 17.7273 12.0167 17.7273C12.9205 17.7273 13.6531 18.4599 13.6531 19.3637Z",
886
+ fill: "currentColor"
887
+ }));
888
+ }
889
+
890
+ function MoreVertical(props) {
891
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
892
+ Enterprise: _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default.a,
893
+ Prisma24: Prisma24
894
+ }, props));
895
+ }
896
+
897
+ /***/ }),
898
+
899
+ /***/ 87:
900
+ /***/ (function(module, exports) {
901
+
902
+ module.exports = require("@splunk/react-icons/MoreVertical");
903
+
904
904
  /***/ })
905
905
 
906
906
  /******/ });
package/CardLayout.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 = 156);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 205);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 156:
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 205:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -205,13 +212,6 @@ CardLayout.propTypes = propTypes;
205
212
  // CONCATENATED MODULE: ./src/CardLayout/index.ts
206
213
 
207
214
 
208
- /***/ }),
209
-
210
- /***/ 2:
211
- /***/ (function(module, exports) {
212
-
213
- module.exports = require("react");
214
-
215
215
  /***/ }),
216
216
 
217
217
  /***/ 3: