@splunk/react-ui 4.15.0 → 4.16.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 (69) hide show
  1. package/Animation.js +2 -2
  2. package/Button.js +32 -30
  3. package/ButtonSimple.js +54 -50
  4. package/CHANGELOG.md +27 -2
  5. package/Calendar.js +12 -12
  6. package/Card.js +10 -10
  7. package/Chip.js +10 -10
  8. package/CloseButton.js +8 -8
  9. package/CollapsiblePanel.js +8 -8
  10. package/Color.js +14 -14
  11. package/ColumnLayout.js +2 -2
  12. package/ComboBox.js +4 -4
  13. package/ControlGroup.js +26 -16
  14. package/Date.js +10 -5
  15. package/Dropdown.js +56 -15
  16. package/File.js +33 -24
  17. package/FormRows.js +6 -6
  18. package/Heading.js +10 -46
  19. package/Image.js +13 -13
  20. package/Link.js +2 -2
  21. package/MIGRATION.md +21 -0
  22. package/Menu.js +20 -20
  23. package/Message.js +24 -24
  24. package/MessageBar.js +24 -24
  25. package/Modal.js +7 -7
  26. package/Multiselect.js +197 -177
  27. package/Number.js +5 -5
  28. package/Paginator.js +19 -19
  29. package/Popover.js +7 -7
  30. package/Progress.js +2 -2
  31. package/Scroll.js +5 -5
  32. package/Search.js +4 -4
  33. package/Select.js +187 -167
  34. package/SplitButton.js +2 -2
  35. package/StepBar.js +10 -10
  36. package/Switch.js +4 -4
  37. package/TabBar.js +2 -2
  38. package/TabLayout.js +3 -0
  39. package/Table.js +95 -46
  40. package/Text.js +19 -19
  41. package/TextArea.js +15 -15
  42. package/Tooltip.js +5 -5
  43. package/Typography.js +1 -1
  44. package/WaitSpinner.js +2 -2
  45. package/package.json +6 -7
  46. package/types/src/Button/Button.d.ts +5 -2
  47. package/types/src/Button/docs/examples/Basic.d.ts +2 -2
  48. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
  49. package/types/src/Date/Icon.d.ts +1 -1
  50. package/types/src/Dropdown/Dropdown.d.ts +12 -7
  51. package/types/src/File/Icon.d.ts +1 -1
  52. package/types/src/File/IconCloud.d.ts +1 -1
  53. package/types/src/File/PaperClip.d.ts +1 -1
  54. package/types/src/File/Retry.d.ts +1 -1
  55. package/types/src/File/Trash.d.ts +1 -1
  56. package/types/src/Multiselect/Compact.d.ts +4 -0
  57. package/types/src/Multiselect/Multiselect.d.ts +4 -1
  58. package/types/src/Number/IncrementIcon.d.ts +1 -1
  59. package/types/src/Select/Select.d.ts +4 -2
  60. package/types/src/Select/SelectBase.d.ts +13 -1
  61. package/types/src/TabLayout/Panel.d.ts +3 -0
  62. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  63. package/types/src/Table/Body.d.ts +2 -0
  64. package/types/src/Table/Row.d.ts +11 -3
  65. package/types/src/Table/Table.d.ts +5 -3
  66. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  67. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  68. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  69. package/types/src/Typography/Typography.d.ts +1 -1
package/File.js CHANGED
@@ -182,7 +182,7 @@ var isUndefined_ = __webpack_require__(41);
182
182
  var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
183
183
 
184
184
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
185
- var format_ = __webpack_require__(58);
185
+ var format_ = __webpack_require__(45);
186
186
 
187
187
  // EXTERNAL MODULE: external "@splunk/react-ui/Progress"
188
188
  var Progress_ = __webpack_require__(129);
@@ -191,9 +191,9 @@ var Progress_default = /*#__PURE__*/__webpack_require__.n(Progress_);
191
191
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
192
192
  var CrossMark = __webpack_require__(27);
193
193
 
194
- // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
195
- var SVG_ = __webpack_require__(32);
196
- var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
194
+ // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
195
+ var SVGEnterprise_ = __webpack_require__(32);
196
+ var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
197
197
 
198
198
  // CONCATENATED MODULE: ./src/File/PaperClip.tsx
199
199
  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); }
@@ -201,7 +201,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
201
201
 
202
202
 
203
203
  function PaperClip(props) {
204
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
204
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
205
205
  hideDefaultTooltip: true,
206
206
  viewBox: "0 0 16 16",
207
207
  width: "16px",
@@ -222,7 +222,7 @@ function Retry(props) {
222
222
  density = _useSplunkTheme.density;
223
223
 
224
224
  var size = density === 'compact' ? '20px' : '24px';
225
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, Retry_extends({
225
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Retry_extends({
226
226
  hideDefaultTooltip: true,
227
227
  viewBox: "0 0 24 24",
228
228
  width: size,
@@ -243,7 +243,7 @@ function Trash(props) {
243
243
  density = _useSplunkTheme.density;
244
244
 
245
245
  var size = density === 'compact' ? '20px' : '24px';
246
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, Trash_extends({
246
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Trash_extends({
247
247
  hideDefaultTooltip: true,
248
248
  viewBox: "0 0 24 24",
249
249
  width: size,
@@ -582,7 +582,7 @@ function Icon_extends() { Icon_extends = Object.assign || function (target) { fo
582
582
 
583
583
 
584
584
  function FileIcon(props) {
585
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, Icon_extends({
585
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Icon_extends({
586
586
  hideDefaultTooltip: true,
587
587
  screenReaderText: Object(i18n_["_"])('File upload'),
588
588
  viewBox: "0 0 72 88"
@@ -975,9 +975,15 @@ var File_File = /*#__PURE__*/function (_Component) {
975
975
  var supportsMessage = null;
976
976
 
977
977
  if (this.props.supportsMessage) {
978
- supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, this.props.supportsMessage);
978
+ supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
979
+ "data-test": "file-supports"
980
+ }, this.props.supportsMessage);
979
981
  } else if (isPrisma && !disabled) {
980
- supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])('Supports all file types'));
982
+ supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
983
+ "data-test": "file-supports"
984
+ }, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
985
+ "data-test": "file-supports"
986
+ }, Object(i18n_["_"])('Supports all file types'));
981
987
  }
982
988
 
983
989
  return /*#__PURE__*/external_react_default.a.createElement(StyledDropTargetBox, File_extends({
@@ -996,8 +1002,11 @@ var File_File = /*#__PURE__*/function (_Component) {
996
1002
  }, !disabled && !isPrisma && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, {
997
1003
  $dragOver: dragOver,
998
1004
  $error: error
999
- }), ' ', /*#__PURE__*/external_react_default.a.createElement("span", null, !dragOverWindow && !disabled && Object(i18n_["_"])('Drop your file here or'), dragOverNotDisabled && Object(i18n_["_"])('Drop your file anywhere or'), ' ', fileCount === 0 && disabled && Object(i18n_["_"])('No Files Selected'), /*#__PURE__*/external_react_default.a.createElement(StyledLink, {
1005
+ }), ' ', /*#__PURE__*/external_react_default.a.createElement("span", {
1006
+ "data-test": "file-label"
1007
+ }, !dragOverWindow && !disabled && Object(i18n_["_"])('Drop your file here or'), dragOverNotDisabled && Object(i18n_["_"])('Drop your file anywhere or'), ' ', fileCount === 0 && disabled && Object(i18n_["_"])('No Files Selected'), /*#__PURE__*/external_react_default.a.createElement(StyledLink, {
1000
1008
  htmlFor: this.inputId,
1009
+ "data-test": "file-link",
1001
1010
  "data-focused": this.state.focusedInput || null
1002
1011
  }, /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
1003
1012
  accept: accept,
@@ -1083,8 +1092,8 @@ module.exports = require("lodash/isString");
1083
1092
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1084
1093
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1085
1094
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1086
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1087
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1095
+ /* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1096
+ /* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__);
1088
1097
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1089
1098
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1090
1099
  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); }
@@ -1118,7 +1127,7 @@ function Prisma16(_ref2) {
1118
1127
 
1119
1128
  function CrossMark(props) {
1120
1129
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1121
- Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
1130
+ Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
1122
1131
  Prisma16: Prisma16,
1123
1132
  Prisma24: Prisma24
1124
1133
  }, props));
@@ -1129,7 +1138,7 @@ function CrossMark(props) {
1129
1138
  /***/ 29:
1130
1139
  /***/ (function(module, exports) {
1131
1140
 
1132
- module.exports = require("@splunk/react-icons/Close");
1141
+ module.exports = require("@splunk/react-icons/enterprise/Close");
1133
1142
 
1134
1143
  /***/ }),
1135
1144
 
@@ -1143,7 +1152,7 @@ module.exports = require("styled-components");
1143
1152
  /***/ 32:
1144
1153
  /***/ (function(module, exports) {
1145
1154
 
1146
- module.exports = require("@splunk/react-icons/SVG");
1155
+ module.exports = require("@splunk/react-icons/SVGEnterprise");
1147
1156
 
1148
1157
  /***/ }),
1149
1158
 
@@ -1161,17 +1170,17 @@ module.exports = require("lodash/isUndefined");
1161
1170
 
1162
1171
  /***/ }),
1163
1172
 
1164
- /***/ 5:
1173
+ /***/ 45:
1165
1174
  /***/ (function(module, exports) {
1166
1175
 
1167
- module.exports = require("lodash/omit");
1176
+ module.exports = require("@splunk/ui-utils/format");
1168
1177
 
1169
1178
  /***/ }),
1170
1179
 
1171
- /***/ 58:
1180
+ /***/ 5:
1172
1181
  /***/ (function(module, exports) {
1173
1182
 
1174
- module.exports = require("@splunk/ui-utils/format");
1183
+ module.exports = require("lodash/omit");
1175
1184
 
1176
1185
  /***/ }),
1177
1186
 
@@ -1297,8 +1306,8 @@ function Icon(_ref) {
1297
1306
 
1298
1307
 
1299
1308
  if (prismaSize === 'small') {
1300
- var SVG = Prisma16 || Prisma24;
1301
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1309
+ var SVGEnterprise = Prisma16 || Prisma24;
1310
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
1302
1311
  width: "16",
1303
1312
  height: "16"
1304
1313
  }, prismaProps));
@@ -1306,9 +1315,9 @@ function Icon(_ref) {
1306
1315
 
1307
1316
 
1308
1317
  if (density === 'compact') {
1309
- var _SVG = Prisma20 || Prisma24;
1318
+ var _SVGEnterprise = Prisma20 || Prisma24;
1310
1319
 
1311
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1320
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
1312
1321
  width: "20",
1313
1322
  height: "20"
1314
1323
  }, prismaProps));
package/FormRows.js CHANGED
@@ -111,7 +111,7 @@ module.exports = require("react-sortable-hoc");
111
111
  /***/ 130:
112
112
  /***/ (function(module, exports) {
113
113
 
114
- module.exports = require("@splunk/react-icons/Plus");
114
+ module.exports = require("@splunk/react-icons/enterprise/Plus");
115
115
 
116
116
  /***/ }),
117
117
 
@@ -147,7 +147,7 @@ var i18n_ = __webpack_require__(4);
147
147
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
148
148
  var keyboard_ = __webpack_require__(9);
149
149
 
150
- // EXTERNAL MODULE: external "@splunk/react-icons/Plus"
150
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Plus"
151
151
  var Plus_ = __webpack_require__(130);
152
152
  var Plus_default = /*#__PURE__*/__webpack_require__.n(Plus_);
153
153
 
@@ -877,8 +877,8 @@ function Icon(_ref) {
877
877
 
878
878
 
879
879
  if (prismaSize === 'small') {
880
- var SVG = Prisma16 || Prisma24;
881
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
880
+ var SVGEnterprise = Prisma16 || Prisma24;
881
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
882
882
  width: "16",
883
883
  height: "16"
884
884
  }, prismaProps));
@@ -886,9 +886,9 @@ function Icon(_ref) {
886
886
 
887
887
 
888
888
  if (density === 'compact') {
889
- var _SVG = Prisma20 || Prisma24;
889
+ var _SVGEnterprise = Prisma20 || Prisma24;
890
890
 
891
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
891
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
892
892
  width: "20",
893
893
  height: "20"
894
894
  }, prismaProps));
package/Heading.js CHANGED
@@ -140,54 +140,29 @@ var StyledH1 = external_styled_components_default.a.h1.withConfig({
140
140
  displayName: "HeadingStyles__StyledH1",
141
141
  componentId: "sc-15s3yx3-0"
142
142
  })(["", ";", " margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], themes_["mixins"].reset('block'), Object(themes_["pickVariant"])('as', {
143
- h1: {
144
- enterprise: themes_["mixins"].typography('title1', {
145
- lineHeight: 20,
146
- size: 24,
147
- weight: 500
148
- }),
149
- prisma: Object(external_styled_components_["css"])(["", " line-height:48px;"], themes_["mixins"].typography('title1'))
143
+ h1: function h1() {
144
+ return themes_["mixins"].typography('title1');
150
145
  },
151
- h2: {
152
- enterprise: themes_["mixins"].typography('title2', {
153
- lineHeight: 20,
154
- size: 18,
155
- weight: 500
156
- }),
157
- prisma: themes_["mixins"].typography('title2', {
158
- lineHeight: 24,
159
- size: 24
160
- })
146
+ h2: function h2() {
147
+ return themes_["mixins"].typography('title2');
161
148
  },
162
- h3: {
163
- enterprise: themes_["mixins"].typography('title3', {
164
- lineHeight: 20,
165
- size: 16,
166
- weight: 500
167
- }),
168
- prisma: themes_["mixins"].typography('title3')
149
+ h3: function h3() {
150
+ return themes_["mixins"].typography('title3');
169
151
  },
170
152
  h4: {
171
153
  enterprise: {
172
154
  compact: function compact(_ref) {
173
155
  var $isSection = _ref.$isSection;
174
156
  return $isSection ? themes_["mixins"].typography('title4', {
175
- lineHeight: 20,
176
- size: 12,
177
157
  weight: 500
178
- }) : themes_["mixins"].typography('title4', {
179
- lineHeight: 20,
180
- size: 12
181
- });
158
+ }) : themes_["mixins"].typography('title4');
182
159
  },
183
160
  comfortable: function comfortable(_ref2) {
184
161
  var $isSection = _ref2.$isSection;
185
162
  return $isSection ? themes_["mixins"].typography('title4', {
186
- lineHeight: 20,
187
163
  size: 14,
188
164
  weight: 500
189
165
  }) : themes_["mixins"].typography('title4', {
190
- lineHeight: 20,
191
166
  size: 14
192
167
  });
193
168
  }
@@ -196,23 +171,12 @@ var StyledH1 = external_styled_components_default.a.h1.withConfig({
196
171
  var $isSection = _ref3.$isSection;
197
172
  return $isSection ? themes_["mixins"].typography('title4', {
198
173
  color: 'default',
199
- lineHeight: 24,
200
174
  size: 14
201
- }) : themes_["mixins"].typography('title4', {
202
- lineHeight: 24,
203
- size: 16
204
- });
175
+ }) : themes_["mixins"].typography('title4');
205
176
  }
206
177
  },
207
- h5: {
208
- enterprise: themes_["mixins"].typography('title5', {
209
- size: 12,
210
- weight: 500
211
- }),
212
- prisma: Object(external_styled_components_["css"])(["", " font-size:13px;"], themes_["mixins"].typography('title5', {
213
- color: 'default',
214
- lineHeight: 16
215
- }))
178
+ h5: function h5() {
179
+ return themes_["mixins"].typography('title5');
216
180
  }
217
181
  }), Object(themes_["pickVariant"])('$isSection', {
218
182
  "true": {
package/Image.js CHANGED
@@ -167,7 +167,7 @@ var toLower_ = __webpack_require__(36);
167
167
  var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
168
168
 
169
169
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
170
- var format_ = __webpack_require__(58);
170
+ var format_ = __webpack_require__(45);
171
171
 
172
172
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
173
173
  var i18n_ = __webpack_require__(4);
@@ -486,8 +486,8 @@ _defineProperty(Image_Image, "defaultProps", defaultProps);
486
486
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
487
487
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
488
488
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
489
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
490
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
489
+ /* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
490
+ /* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__);
491
491
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
492
492
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
493
493
  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); }
@@ -521,7 +521,7 @@ function Prisma16(_ref2) {
521
521
 
522
522
  function CrossMark(props) {
523
523
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
524
- Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
524
+ Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
525
525
  Prisma16: Prisma16,
526
526
  Prisma24: Prisma24
527
527
  }, props));
@@ -532,7 +532,7 @@ function CrossMark(props) {
532
532
  /***/ 29:
533
533
  /***/ (function(module, exports) {
534
534
 
535
- module.exports = require("@splunk/react-icons/Close");
535
+ module.exports = require("@splunk/react-icons/enterprise/Close");
536
536
 
537
537
  /***/ }),
538
538
 
@@ -557,17 +557,17 @@ module.exports = require("@splunk/ui-utils/i18n");
557
557
 
558
558
  /***/ }),
559
559
 
560
- /***/ 5:
560
+ /***/ 45:
561
561
  /***/ (function(module, exports) {
562
562
 
563
- module.exports = require("lodash/omit");
563
+ module.exports = require("@splunk/ui-utils/format");
564
564
 
565
565
  /***/ }),
566
566
 
567
- /***/ 58:
567
+ /***/ 5:
568
568
  /***/ (function(module, exports) {
569
569
 
570
- module.exports = require("@splunk/ui-utils/format");
570
+ module.exports = require("lodash/omit");
571
571
 
572
572
  /***/ }),
573
573
 
@@ -686,8 +686,8 @@ function Icon(_ref) {
686
686
 
687
687
 
688
688
  if (prismaSize === 'small') {
689
- var SVG = Prisma16 || Prisma24;
690
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
689
+ var SVGEnterprise = Prisma16 || Prisma24;
690
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
691
691
  width: "16",
692
692
  height: "16"
693
693
  }, prismaProps));
@@ -695,9 +695,9 @@ function Icon(_ref) {
695
695
 
696
696
 
697
697
  if (density === 'compact') {
698
- var _SVG = Prisma20 || Prisma24;
698
+ var _SVGEnterprise = Prisma20 || Prisma24;
699
699
 
700
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
700
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
701
701
  width: "20",
702
702
  height: "20"
703
703
  }, prismaProps));
package/Link.js CHANGED
@@ -143,7 +143,7 @@ var i18n_ = __webpack_require__(4);
143
143
  var external_styled_components_ = __webpack_require__(3);
144
144
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
145
145
 
146
- // EXTERNAL MODULE: external "@splunk/react-icons/External"
146
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
147
147
  var External_ = __webpack_require__(60);
148
148
  var External_default = /*#__PURE__*/__webpack_require__.n(External_);
149
149
 
@@ -326,7 +326,7 @@ module.exports = require("@splunk/ui-utils/i18n");
326
326
  /***/ 60:
327
327
  /***/ (function(module, exports) {
328
328
 
329
- module.exports = require("@splunk/react-icons/External");
329
+ module.exports = require("@splunk/react-icons/enterprise/External");
330
330
 
331
331
  /***/ })
332
332
 
package/MIGRATION.md ADDED
@@ -0,0 +1,21 @@
1
+ # Migration
2
+
3
+ This document lists migration guidance for new features and breaking changes.
4
+
5
+ ## 4.12.0
6
+
7
+ ### Multiline `Text` to `TextArea`
8
+
9
+ **Change:**
10
+ `Text`'s `multiline` and related props have been deprecated. A new `TextArea` component has been added.
11
+
12
+ **Context:**
13
+ `Text` supported two modes -- single or multiline. Each modes had exclusive props: e.g. `maxRows` was only valid with the `multiline` prop.
14
+ This could be confusing and lead to unexpected or unsupported API combinations. Additionally, code in `Text` would only operate in one mode at a time.
15
+
16
+ By separating these modes, we have made it simpler and clearer to decide which component and props to use.
17
+ `Text` should be used for inline text input. `TextArea` should be used for long-form text input.
18
+ This aligns the components with the HTML spec and the Splunk Design System.
19
+
20
+ **Migration steps:**
21
+ - Replace instances of `Text` that use the `multiline` prop with the new `TextArea` component.
package/Menu.js CHANGED
@@ -138,7 +138,7 @@ module.exports = require("@splunk/react-ui/useForceUpdate");
138
138
  /***/ 139:
139
139
  /***/ (function(module, exports) {
140
140
 
141
- module.exports = require("@splunk/react-icons/TriangleRightSmall");
141
+ module.exports = require("@splunk/react-icons/enterprise/TriangleRightSmall");
142
142
 
143
143
  /***/ }),
144
144
 
@@ -262,7 +262,7 @@ var Heading_ = __webpack_require__(77);
262
262
  var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
263
263
 
264
264
  // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
265
- var useSplunkTheme_ = __webpack_require__(52);
265
+ var useSplunkTheme_ = __webpack_require__(54);
266
266
  var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
267
267
 
268
268
  // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
@@ -367,7 +367,7 @@ var i18n_ = __webpack_require__(4);
367
367
  // EXTERNAL MODULE: ./src/icons/Check.tsx
368
368
  var Check = __webpack_require__(75);
369
369
 
370
- // EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
370
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/TriangleRightSmall"
371
371
  var TriangleRightSmall_ = __webpack_require__(139);
372
372
  var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
373
373
 
@@ -413,7 +413,7 @@ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
413
413
  var Switch_ = __webpack_require__(96);
414
414
  var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
415
415
 
416
- // EXTERNAL MODULE: external "@splunk/react-icons/External"
416
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
417
417
  var External_ = __webpack_require__(60);
418
418
  var External_default = /*#__PURE__*/__webpack_require__.n(External_);
419
419
 
@@ -932,7 +932,7 @@ MenuStyles_Styled,
932
932
  MenuStyles_Styled, adjacentSiblingStyles);
933
933
 
934
934
  // EXTERNAL MODULE: ./src/utils/navigateList.ts
935
- var navigateList = __webpack_require__(55);
935
+ var navigateList = __webpack_require__(57);
936
936
 
937
937
  // CONCATENATED MODULE: ./src/Menu/Menu.tsx
938
938
  function Menu_extends() { Menu_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 Menu_extends.apply(this, arguments); }
@@ -1176,8 +1176,8 @@ module.exports = require("@splunk/ui-utils/focus");
1176
1176
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
1177
1177
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1178
1178
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1179
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
1180
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
1179
+ /* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
1180
+ /* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
1181
1181
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1182
1182
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1183
1183
  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); }
@@ -1211,7 +1211,7 @@ function Prisma16(_ref2) {
1211
1211
 
1212
1212
  function ChevronRight(props) {
1213
1213
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1214
- Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
1214
+ Enterprise: _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
1215
1215
  Prisma16: Prisma16,
1216
1216
  Prisma24: Prisma24
1217
1217
  }, props));
@@ -1229,7 +1229,7 @@ module.exports = require("@splunk/ui-utils/i18n");
1229
1229
  /***/ 44:
1230
1230
  /***/ (function(module, exports) {
1231
1231
 
1232
- module.exports = require("@splunk/react-icons/ChevronRight");
1232
+ module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
1233
1233
 
1234
1234
  /***/ }),
1235
1235
 
@@ -1240,14 +1240,14 @@ module.exports = require("lodash/omit");
1240
1240
 
1241
1241
  /***/ }),
1242
1242
 
1243
- /***/ 52:
1243
+ /***/ 54:
1244
1244
  /***/ (function(module, exports) {
1245
1245
 
1246
1246
  module.exports = require("@splunk/themes/useSplunkTheme");
1247
1247
 
1248
1248
  /***/ }),
1249
1249
 
1250
- /***/ 55:
1250
+ /***/ 57:
1251
1251
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1252
1252
 
1253
1253
  "use strict";
@@ -1314,14 +1314,14 @@ function SVG(props) {
1314
1314
  /***/ 60:
1315
1315
  /***/ (function(module, exports) {
1316
1316
 
1317
- module.exports = require("@splunk/react-icons/External");
1317
+ module.exports = require("@splunk/react-icons/enterprise/External");
1318
1318
 
1319
1319
  /***/ }),
1320
1320
 
1321
1321
  /***/ 65:
1322
1322
  /***/ (function(module, exports) {
1323
1323
 
1324
- module.exports = require("@splunk/react-icons/Check");
1324
+ module.exports = require("@splunk/react-icons/enterprise/Check");
1325
1325
 
1326
1326
  /***/ }),
1327
1327
 
@@ -1415,8 +1415,8 @@ function Icon(_ref) {
1415
1415
 
1416
1416
 
1417
1417
  if (prismaSize === 'small') {
1418
- var SVG = Prisma16 || Prisma24;
1419
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1418
+ var SVGEnterprise = Prisma16 || Prisma24;
1419
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
1420
1420
  width: "16",
1421
1421
  height: "16"
1422
1422
  }, prismaProps));
@@ -1424,9 +1424,9 @@ function Icon(_ref) {
1424
1424
 
1425
1425
 
1426
1426
  if (density === 'compact') {
1427
- var _SVG = Prisma20 || Prisma24;
1427
+ var _SVGEnterprise = Prisma20 || Prisma24;
1428
1428
 
1429
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1429
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
1430
1430
  width: "20",
1431
1431
  height: "20"
1432
1432
  }, prismaProps));
@@ -1450,8 +1450,8 @@ Icon.defaultProps = defaultProps;
1450
1450
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
1451
1451
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1452
1452
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1453
- /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
1454
- /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
1453
+ /* harmony import */ var _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
1454
+ /* harmony import */ var _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1__);
1455
1455
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1456
1456
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1457
1457
  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); }
@@ -1485,7 +1485,7 @@ function Prisma16(_ref2) {
1485
1485
 
1486
1486
  function Check(props) {
1487
1487
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1488
- Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
1488
+ Enterprise: _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
1489
1489
  Prisma16: Prisma16,
1490
1490
  Prisma24: Prisma24
1491
1491
  }, props));