@splunk/react-ui 4.16.3 → 4.17.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 (173) hide show
  1. package/Accordion.js +13 -13
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +98 -244
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +43 -2
  10. package/Calendar.js +73 -274
  11. package/Card.js +75 -227
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +40 -211
  14. package/Clickable.js +10 -10
  15. package/CloseButton.js +34 -202
  16. package/Code.js +27 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +32 -32
  21. package/Concertina.js +38 -38
  22. package/ControlGroup.js +20 -20
  23. package/Date.js +22 -22
  24. package/DefinitionList.js +2 -2
  25. package/Divider.js +2 -2
  26. package/Dropdown.js +29 -29
  27. package/DualListbox.d.ts +2 -0
  28. package/DualListbox.js +1780 -0
  29. package/EventListener.js +4 -4
  30. package/File.js +85 -250
  31. package/FormRows.js +60 -215
  32. package/Heading.js +39 -27
  33. package/Image.js +73 -227
  34. package/JSONTree.js +18 -18
  35. package/Layer.js +30 -30
  36. package/Link.js +60 -28
  37. package/List.js +9 -9
  38. package/MIGRATION.md +28 -0
  39. package/Markdown.js +21 -21
  40. package/Menu.js +180 -371
  41. package/Message.js +137 -407
  42. package/MessageBar.js +168 -398
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2297 -2525
  47. package/Number.js +32 -32
  48. package/Paginator.js +92 -321
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +123 -123
  51. package/Progress.js +15 -15
  52. package/RadioBar.js +23 -19
  53. package/RadioList.js +13 -12
  54. package/Resize.js +18 -18
  55. package/ResultsMenu.js +21 -21
  56. package/ScreenReaderContent.js +2 -2
  57. package/Scroll.js +33 -33
  58. package/ScrollContainerContext.js +13 -13
  59. package/Search.js +34 -32
  60. package/Select.js +220 -367
  61. package/SidePanel.js +12 -12
  62. package/Slider.js +28 -28
  63. package/SlidingPanels.js +29 -29
  64. package/SplitButton.js +59 -62
  65. package/StaticContent.js +4 -4
  66. package/StepBar.js +35 -238
  67. package/Switch.js +23 -23
  68. package/TabBar.js +30 -44
  69. package/TabLayout.js +30 -28
  70. package/Table.js +292 -586
  71. package/Text.js +109 -322
  72. package/TextArea.js +160 -366
  73. package/Tooltip.js +23 -23
  74. package/TransitionOpen.js +21 -21
  75. package/Typography.js +32 -28
  76. package/WaitSpinner.js +2 -2
  77. package/docker-compose.yml +19 -7
  78. package/package.json +10 -11
  79. package/stubs-splunkui.d.ts +4 -1
  80. package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
  81. package/types/src/Button/icons/External.d.ts +2 -0
  82. package/types/src/Code/Code.d.ts +6 -1
  83. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
  84. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
  85. package/types/src/Date/Icon.d.ts +1 -1
  86. package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
  87. package/types/src/DualListbox/DualListbox.d.ts +87 -0
  88. package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
  89. package/types/src/DualListbox/Label.d.ts +37 -0
  90. package/types/src/DualListbox/Listbox.d.ts +54 -0
  91. package/types/src/DualListbox/ListboxContext.d.ts +32 -0
  92. package/types/src/DualListbox/Option.d.ts +35 -0
  93. package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
  94. package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
  95. package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
  96. package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
  98. package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
  99. package/types/src/DualListbox/index.d.ts +2 -0
  100. package/types/src/DualListbox/listboxUtils.d.ts +4 -0
  101. package/types/src/File/Icon.d.ts +1 -1
  102. package/types/src/File/IconCloud.d.ts +1 -1
  103. package/types/src/File/PaperClip.d.ts +1 -1
  104. package/types/src/File/Retry.d.ts +1 -1
  105. package/types/src/File/Trash.d.ts +1 -1
  106. package/types/src/File/docs/examples/Progress.d.ts +1 -15
  107. package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
  108. package/types/src/Heading/Heading.d.ts +12 -4
  109. package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
  110. package/types/src/Image/Image.d.ts +1 -1
  111. package/types/src/Image/icons/Cross.d.ts +2 -0
  112. package/types/src/Link/icons/External.d.ts +2 -0
  113. package/types/src/Menu/Divider.d.ts +1 -0
  114. package/types/src/Menu/Heading.d.ts +1 -0
  115. package/types/src/Menu/Item.d.ts +5 -2
  116. package/types/src/Menu/Menu.d.ts +3 -1
  117. package/types/src/Menu/icons/External.d.ts +2 -0
  118. package/types/src/Number/IncrementIcon.d.ts +1 -1
  119. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  120. package/types/src/Search/Option.d.ts +9 -0
  121. package/types/src/Select/OptionBase.d.ts +9 -0
  122. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  123. package/types/src/Select/icons/Search.d.ts +2 -0
  124. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  125. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  126. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  127. package/types/src/Table/HeadInner.d.ts +2 -2
  128. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  129. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  130. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  131. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  132. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  133. package/types/src/Typography/Typography.d.ts +4 -7
  134. package/types/src/useRovingFocus/index.d.ts +2 -0
  135. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  136. package/useForceUpdate.js +2 -2
  137. package/useKeyPress.js +2 -2
  138. package/usePrevious.js +2 -2
  139. package/useRovingFocus.d.ts +2 -0
  140. package/useRovingFocus.js +237 -0
  141. package/Dockerfile.enterprise.storybook +0 -7
  142. package/Dockerfile.prisma.storybook +0 -7
  143. package/Dockerfile.visual +0 -10
  144. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  145. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  146. package/types/src/Select/matchUtils.d.ts +0 -12
  147. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  148. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  149. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  150. package/types/src/icons/Alert.d.ts +0 -2
  151. package/types/src/icons/AlertFilled.d.ts +0 -2
  152. package/types/src/icons/CaretDown.d.ts +0 -2
  153. package/types/src/icons/CaretRight.d.ts +0 -2
  154. package/types/src/icons/Check.d.ts +0 -2
  155. package/types/src/icons/ChevronDown.d.ts +0 -2
  156. package/types/src/icons/ChevronLeft.d.ts +0 -2
  157. package/types/src/icons/ChevronRight.d.ts +0 -2
  158. package/types/src/icons/CrossMark.d.ts +0 -2
  159. package/types/src/icons/External.d.ts +0 -2
  160. package/types/src/icons/InfoFilled.d.ts +0 -2
  161. package/types/src/icons/More.d.ts +0 -2
  162. package/types/src/icons/MoreVertical.d.ts +0 -2
  163. package/types/src/icons/Plus.d.ts +0 -2
  164. package/types/src/icons/SVG.d.ts +0 -4
  165. package/types/src/icons/Search.d.ts +0 -2
  166. package/types/src/icons/Sort.d.ts +0 -2
  167. package/types/src/icons/SortedDown.d.ts +0 -2
  168. package/types/src/icons/SortedUp.d.ts +0 -2
  169. package/types/src/icons/Success.d.ts +0 -2
  170. package/types/src/icons/SuccessFilled.d.ts +0 -2
  171. package/types/src/icons/ThemedIcon.d.ts +0 -29
  172. package/types/src/icons/WarningFilled.d.ts +0 -2
  173. package/types/src/icons/types.d.ts +0 -11
package/StepBar.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 = 172);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 186);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 13:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("@splunk/ui-utils/id");
108
-
109
- /***/ }),
110
-
111
- /***/ 172:
104
+ /***/ 186:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -128,87 +121,27 @@ var external_prop_types_ = __webpack_require__(1);
128
121
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
129
122
 
130
123
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
131
- var id_ = __webpack_require__(13);
124
+ var id_ = __webpack_require__(8);
132
125
 
133
126
  // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
134
- var useSplunkTheme_ = __webpack_require__(54);
127
+ var useSplunkTheme_ = __webpack_require__(67);
135
128
  var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
136
129
 
137
130
  // EXTERNAL MODULE: external "styled-components"
138
131
  var external_styled_components_ = __webpack_require__(3);
139
132
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
140
133
 
141
- // EXTERNAL MODULE: external "@splunk/themes"
142
- var themes_ = __webpack_require__(0);
143
-
144
- // EXTERNAL MODULE: external "@splunk/react-icons/Error"
145
- var Error_ = __webpack_require__(69);
146
- var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
147
-
148
- // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
149
- var ThemedIcon = __webpack_require__(7);
150
-
151
- // EXTERNAL MODULE: ./src/icons/SVG.tsx
152
- var SVG = __webpack_require__(6);
153
-
154
- // CONCATENATED MODULE: ./src/icons/Alert.tsx
155
- 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); }
156
-
157
-
158
-
159
-
160
-
161
-
162
- function Prisma24(_ref) {
163
- var otherProps = _extends({}, _ref);
164
-
165
- return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], _extends({
166
- viewBox: "0 0 24 24"
167
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
168
- fillRule: "evenodd",
169
- clipRule: "evenodd",
170
- d: "M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM13.2003 15.8001C13.2003 16.4628 12.663 17.0001 12.0003 17.0001C11.3376 17.0001 10.8003 16.4628 10.8003 15.8001C10.8003 15.1374 11.3376 14.6001 12.0003 14.6001C12.663 14.6001 13.2003 15.1374 13.2003 15.8001ZM11.0005 7.9906V12.0001C11.0005 12.5524 11.4482 13.0001 12.0005 13.0001C12.5528 13.0001 13.0005 12.5524 13.0005 12.0001V7.9906C13.0005 7.43832 12.5528 6.9906 12.0005 6.9906C11.4482 6.9906 11.0005 7.43832 11.0005 7.9906Z",
171
- fill: "currentColor"
172
- }));
173
- }
174
-
175
- function AlertFilled(props) {
176
- return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], _extends({
177
- Enterprise: Error_default.a,
178
- Prisma24: Prisma24
179
- }, props));
180
- }
181
- // EXTERNAL MODULE: external "@splunk/react-icons/Success"
182
- var Success_ = __webpack_require__(70);
183
- var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
184
-
185
- // CONCATENATED MODULE: ./src/icons/Success.tsx
186
- function Success_extends() { Success_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 Success_extends.apply(this, arguments); }
187
-
188
-
189
-
134
+ // EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
135
+ var CheckCircle_ = __webpack_require__(69);
136
+ var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
190
137
 
138
+ // EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
139
+ var ExclamationCircle_ = __webpack_require__(70);
140
+ var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
191
141
 
142
+ // EXTERNAL MODULE: external "@splunk/themes"
143
+ var themes_ = __webpack_require__(0);
192
144
 
193
- function Success_Prisma24(_ref) {
194
- var otherProps = Success_extends({}, _ref);
195
-
196
- return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], Success_extends({
197
- viewBox: "0 0 24 24"
198
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
199
- fillRule: "evenodd",
200
- clipRule: "evenodd",
201
- d: "M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.8739 10.0405C17.2645 9.64996 17.2645 9.01679 16.8739 8.62627C16.4834 8.23574 15.8502 8.23574 15.4597 8.62627L10.5247 13.5613L8.5405 11.5776C8.14992 11.1872 7.51675 11.1873 7.12629 11.5779C6.73582 11.9684 6.73591 12.6016 7.12649 12.9921L9.46426 15.3291C10.0501 15.9148 10.9997 15.9147 11.5854 15.329L16.8739 10.0405Z",
202
- fill: "currentColor"
203
- }));
204
- }
205
-
206
- function SuccessFilled(props) {
207
- return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], Success_extends({
208
- Enterprise: Success_default.a,
209
- Prisma24: Success_Prisma24
210
- }, props));
211
- }
212
145
  // CONCATENATED MODULE: ./src/StepBar/StepStyles.ts
213
146
 
214
147
 
@@ -216,18 +149,9 @@ function SuccessFilled(props) {
216
149
 
217
150
  var primaryBackgroundColor = '#1A8929'; // SUI-2439 to meet WCAG AA compliance
218
151
 
219
- var iconWrapper = Object(external_styled_components_["css"])(["align-items:center;height:24px;width:24px;margin:0 14px 0 16px;"]);
220
- var StyledSuccess = external_styled_components_default()(SuccessFilled).withConfig({
221
- displayName: "StepStyles__StyledSuccess",
222
- componentId: "sc-756fxp-0"
223
- })(["", ";color:", ";"], iconWrapper, themes_["variables"].accentColorPositive);
224
- var StyledAlert = external_styled_components_default()(AlertFilled).withConfig({
225
- displayName: "StepStyles__StyledAlert",
226
- componentId: "sc-756fxp-1"
227
- })(["", ";color:", ";"], iconWrapper, themes_["variables"].accentColorNegative);
228
152
  var Styled = external_styled_components_default.a.li.withConfig({
229
153
  displayName: "StepStyles__Styled",
230
- componentId: "sc-756fxp-2"
154
+ componentId: "sc-756fxp-0"
231
155
  })(["", " ", ";text-align:center;padding:", ";", ";", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
232
156
  enterprise: Object(external_styled_components_["css"])(["position:relative;flex:1 1 0;"]),
233
157
  prisma: Object(external_styled_components_["css"])(["display:flex;align-items:center;flex:0 1 auto;margin:0 12px 0 12px;"])
@@ -260,6 +184,15 @@ var Styled = external_styled_components_default.a.li.withConfig({
260
184
  prisma: Object(external_styled_components_["css"])(["color:", ";&::before{visibility:hidden;position:absolute;}"], themes_["variables"].contentColorDefault)
261
185
  }
262
186
  }));
187
+ var iconStyles = Object(external_styled_components_["css"])(["height:24px;width:24px;margin:0 14px 0 16px;"]);
188
+ var StyledCheckCircleIcon = external_styled_components_default()(CheckCircle_default.a).withConfig({
189
+ displayName: "StepStyles__StyledCheckCircleIcon",
190
+ componentId: "sc-756fxp-1"
191
+ })(["", ";color:", ";"], iconStyles, themes_["variables"].accentColorPositive);
192
+ var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default.a).withConfig({
193
+ displayName: "StepStyles__StyledExclamationCircleIcon",
194
+ componentId: "sc-756fxp-2"
195
+ })(["", ";color:", ";"], iconStyles, themes_["variables"].accentColorNegative);
263
196
  var StyledSvg = external_styled_components_default.a.svg.withConfig({
264
197
  displayName: "StepStyles__StyledSvg",
265
198
  componentId: "sc-756fxp-3"
@@ -286,7 +219,7 @@ var StepBarContext = /*#__PURE__*/Object(external_react_["createContext"])({
286
219
  StepBarContext.displayName = 'StepBar';
287
220
  /* harmony default export */ var StepBar_StepBarContext = (StepBarContext);
288
221
  // CONCATENATED MODULE: ./src/StepBar/Step.tsx
289
- function Step_extends() { Step_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 Step_extends.apply(this, arguments); }
222
+ 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); }
290
223
 
291
224
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
292
225
 
@@ -319,7 +252,7 @@ function Step(_ref) {
319
252
  lastChildIndexContext = _useContext.lastChildIndex;
320
253
 
321
254
  var _useSplunkTheme = useSplunkTheme_default()(),
322
- family = _useSplunkTheme.family;
255
+ isEnterprise = _useSplunkTheme.isEnterprise;
323
256
 
324
257
  var status = 'next';
325
258
  var active = activeStepIdContext === stepId;
@@ -338,8 +271,8 @@ function Step(_ref) {
338
271
  status = 'error';
339
272
  }
340
273
 
341
- if (family === 'enterprise') {
342
- return /*#__PURE__*/external_react_default.a.createElement(Styled, Step_extends({
274
+ if (isEnterprise) {
275
+ return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
343
276
  $status: status,
344
277
  "data-test-status": status,
345
278
  "data-test": "step",
@@ -384,14 +317,14 @@ function Step(_ref) {
384
317
  })), children);
385
318
  }
386
319
 
387
- return /*#__PURE__*/external_react_default.a.createElement(Styled, Step_extends({
320
+ return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
388
321
  $status: status,
389
322
  "data-test-status": status,
390
323
  "data-test": "step",
391
324
  "data-test-step-id": stepId,
392
325
  $idCounter: idCounterContext,
393
326
  ref: elementRef
394
- }, otherProps), status === 'prev' && /*#__PURE__*/external_react_default.a.createElement(StyledSuccess, null), status === 'error' && /*#__PURE__*/external_react_default.a.createElement(StyledAlert, null), children);
327
+ }, otherProps), status === 'prev' && /*#__PURE__*/external_react_default.a.createElement(StyledCheckCircleIcon, null), status === 'error' && /*#__PURE__*/external_react_default.a.createElement(StyledExclamationCircleIcon, null), children);
395
328
  }
396
329
 
397
330
  Step.propTypes = propTypes;
@@ -504,167 +437,31 @@ module.exports = require("styled-components");
504
437
 
505
438
  /***/ }),
506
439
 
507
- /***/ 54:
440
+ /***/ 67:
508
441
  /***/ (function(module, exports) {
509
442
 
510
443
  module.exports = require("@splunk/themes/useSplunkTheme");
511
444
 
512
445
  /***/ }),
513
446
 
514
- /***/ 6:
515
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
516
-
517
- "use strict";
518
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
519
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
520
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
521
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
522
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
523
- 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); }
524
-
525
-
526
-
527
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
528
- displayName: "SVG__Styled",
529
- componentId: "sc-1bz0ryh-0"
530
- })(["flex:0 0 auto;"]);
531
- function SVG(props) {
532
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
533
- xmlns: "http://www.w3.org/2000/svg"
534
- }, props));
535
- }
536
-
537
- /***/ }),
538
-
539
447
  /***/ 69:
540
448
  /***/ (function(module, exports) {
541
449
 
542
- module.exports = require("@splunk/react-icons/Error");
450
+ module.exports = require("@splunk/react-icons/CheckCircle");
543
451
 
544
452
  /***/ }),
545
453
 
546
- /***/ 7:
547
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
548
-
549
- "use strict";
550
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
551
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
552
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
553
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
554
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
555
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
556
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
557
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
558
-
559
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
560
-
561
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
562
-
563
- 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); }
564
-
565
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
566
-
567
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
568
-
569
-
570
-
571
-
572
- var inlineStyles = {
573
- display: 'inline-block',
574
- flex: '0 0 auto',
575
- overflow: 'visible',
576
- verticalAlign: 'middle'
577
- };
578
- var blockStyles = {
579
- display: 'block',
580
- flex: '0 0 auto',
581
- margin: '0 auto',
582
- overflow: 'visible'
583
- };
584
- var propTypes = {
585
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
586
- enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
587
- enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
588
- enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
589
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
590
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
591
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
592
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
593
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
594
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
595
- };
596
- var defaultProps = {
597
- inline: true,
598
- prismaSize: 'medium'
599
- };
600
- function Icon(_ref) {
601
- var Enterprise = _ref.Enterprise,
602
- Prisma24 = _ref.Prisma24,
603
- Prisma20 = _ref.Prisma20,
604
- Prisma16 = _ref.Prisma16,
605
- prismaSize = _ref.prismaSize,
606
- inline = _ref.inline,
607
- enterpriseSize = _ref.enterpriseSize,
608
- enterpriseWidth = _ref.enterpriseWidth,
609
- enterpriseHeight = _ref.enterpriseHeight,
610
- screenReaderText = _ref.screenReaderText,
611
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
612
-
613
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
614
- family = _useSplunkTheme.family,
615
- density = _useSplunkTheme.density; // Enterprise - all variants
616
-
617
-
618
- if (family === 'enterprise') {
619
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
620
- size: enterpriseSize,
621
- width: enterpriseWidth,
622
- height: enterpriseHeight,
623
- screenReaderText: screenReaderText || null,
624
- hideDefaultTooltip: true,
625
- inline: inline
626
- }, otherProps));
627
- }
628
-
629
- var prismaProps = _objectSpread({
630
- 'aria-label': screenReaderText,
631
- style: inline ? inlineStyles : blockStyles
632
- }, otherProps); // Prisma - small+compact, small+comfortable
633
-
634
-
635
- if (prismaSize === 'small') {
636
- var SVG = Prisma16 || Prisma24;
637
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
638
- width: "16",
639
- height: "16"
640
- }, prismaProps));
641
- } // Prisma - medium+compact
642
-
643
-
644
- if (density === 'compact') {
645
- var _SVG = Prisma20 || Prisma24;
646
-
647
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
648
- width: "20",
649
- height: "20"
650
- }, prismaProps));
651
- } // Prisma - medium+comfortable
652
-
454
+ /***/ 70:
455
+ /***/ (function(module, exports) {
653
456
 
654
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
655
- width: "24",
656
- height: "24"
657
- }, prismaProps));
658
- }
659
- Icon.propTypes = propTypes;
660
- Icon.defaultProps = defaultProps;
457
+ module.exports = require("@splunk/react-icons/ExclamationCircle");
661
458
 
662
459
  /***/ }),
663
460
 
664
- /***/ 70:
461
+ /***/ 8:
665
462
  /***/ (function(module, exports) {
666
463
 
667
- module.exports = require("@splunk/react-icons/Success");
464
+ module.exports = require("@splunk/ui-utils/id");
668
465
 
669
466
  /***/ })
670
467
 
package/Switch.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 = 198);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 206);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,28 +101,28 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 13:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("@splunk/ui-utils/id");
107
+ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
111
  /***/ 14:
112
112
  /***/ (function(module, exports) {
113
113
 
114
- module.exports = require("@splunk/react-ui/Clickable");
114
+ module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 16:
118
+ /***/ 2:
119
119
  /***/ (function(module, exports) {
120
120
 
121
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
121
+ module.exports = require("react");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 198:
125
+ /***/ 206:
126
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
127
 
128
128
  "use strict";
@@ -145,14 +145,14 @@ var AnimationToggle_ = __webpack_require__(48);
145
145
  var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
146
146
 
147
147
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
148
- var ScreenReaderContent_ = __webpack_require__(16);
148
+ var ScreenReaderContent_ = __webpack_require__(14);
149
149
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
150
150
 
151
151
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
152
- var id_ = __webpack_require__(13);
152
+ var id_ = __webpack_require__(8);
153
153
 
154
- // EXTERNAL MODULE: external "@splunk/react-icons/Check"
155
- var Check_ = __webpack_require__(65);
154
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
155
+ var Check_ = __webpack_require__(95);
156
156
  var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
157
157
 
158
158
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -196,11 +196,11 @@ var external_styled_components_ = __webpack_require__(3);
196
196
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
197
197
 
198
198
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
199
- var Box_ = __webpack_require__(8);
199
+ var Box_ = __webpack_require__(6);
200
200
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
201
201
 
202
202
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
203
- var Clickable_ = __webpack_require__(14);
203
+ var Clickable_ = __webpack_require__(12);
204
204
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
205
205
 
206
206
  // CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
@@ -729,13 +729,6 @@ _defineProperty(Switch_Switch, "defaultProps", defaultProps);
729
729
 
730
730
 
731
731
 
732
- /***/ }),
733
-
734
- /***/ 2:
735
- /***/ (function(module, exports) {
736
-
737
- module.exports = require("react");
738
-
739
732
  /***/ }),
740
733
 
741
734
  /***/ 3:
@@ -752,17 +745,24 @@ module.exports = require("@splunk/react-ui/AnimationToggle");
752
745
 
753
746
  /***/ }),
754
747
 
755
- /***/ 65:
748
+ /***/ 6:
756
749
  /***/ (function(module, exports) {
757
750
 
758
- module.exports = require("@splunk/react-icons/Check");
751
+ module.exports = require("@splunk/react-ui/Box");
759
752
 
760
753
  /***/ }),
761
754
 
762
755
  /***/ 8:
763
756
  /***/ (function(module, exports) {
764
757
 
765
- module.exports = require("@splunk/react-ui/Box");
758
+ module.exports = require("@splunk/ui-utils/id");
759
+
760
+ /***/ }),
761
+
762
+ /***/ 95:
763
+ /***/ (function(module, exports) {
764
+
765
+ module.exports = require("@splunk/react-icons/enterprise/Check");
766
766
 
767
767
  /***/ })
768
768