@splunk/react-ui 4.16.3 → 4.17.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 (177) 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 +101 -247
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +60 -2
  10. package/Calendar.js +76 -275
  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 +38 -206
  16. package/Code.js +28 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +34 -32
  21. package/Concertina.js +40 -40
  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 +32 -32
  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 +141 -411
  42. package/MessageBar.js +170 -400
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2299 -2517
  47. package/Number.js +32 -32
  48. package/Paginator.js +94 -323
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +125 -125
  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 +226 -372
  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 +36 -239
  67. package/Switch.js +23 -23
  68. package/TabBar.js +47 -47
  69. package/TabLayout.js +30 -28
  70. package/Table.js +295 -589
  71. package/Text.js +111 -324
  72. package/TextArea.js +164 -368
  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 +12 -13
  79. package/stubs-splunkui.d.ts +4 -25
  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/Multiselect/Normal.d.ts +1 -1
  119. package/types/src/Number/IncrementIcon.d.ts +1 -1
  120. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  121. package/types/src/Search/Option.d.ts +9 -0
  122. package/types/src/Select/OptionBase.d.ts +9 -0
  123. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  124. package/types/src/Select/icons/Search.d.ts +2 -0
  125. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  126. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  127. package/types/src/TabBar/Tab.d.ts +3 -1
  128. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  129. package/types/src/Table/HeadInner.d.ts +2 -2
  130. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  131. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  132. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  133. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  134. package/types/src/TextArea/TextArea.d.ts +11 -4
  135. package/types/src/TextArea/docs/examples/ClearContent.d.ts +2 -0
  136. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  137. package/types/src/Typography/Typography.d.ts +4 -7
  138. package/types/src/useRovingFocus/index.d.ts +2 -0
  139. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  140. package/useForceUpdate.js +2 -2
  141. package/useKeyPress.js +2 -2
  142. package/usePrevious.js +2 -2
  143. package/useRovingFocus.d.ts +2 -0
  144. package/useRovingFocus.js +237 -0
  145. package/Dockerfile.enterprise.storybook +0 -7
  146. package/Dockerfile.prisma.storybook +0 -7
  147. package/Dockerfile.visual +0 -10
  148. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  149. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  150. package/types/src/Select/matchUtils.d.ts +0 -12
  151. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  152. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  153. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  154. package/types/src/icons/Alert.d.ts +0 -2
  155. package/types/src/icons/AlertFilled.d.ts +0 -2
  156. package/types/src/icons/CaretDown.d.ts +0 -2
  157. package/types/src/icons/CaretRight.d.ts +0 -2
  158. package/types/src/icons/Check.d.ts +0 -2
  159. package/types/src/icons/ChevronDown.d.ts +0 -2
  160. package/types/src/icons/ChevronLeft.d.ts +0 -2
  161. package/types/src/icons/ChevronRight.d.ts +0 -2
  162. package/types/src/icons/CrossMark.d.ts +0 -2
  163. package/types/src/icons/External.d.ts +0 -2
  164. package/types/src/icons/InfoFilled.d.ts +0 -2
  165. package/types/src/icons/More.d.ts +0 -2
  166. package/types/src/icons/MoreVertical.d.ts +0 -2
  167. package/types/src/icons/Plus.d.ts +0 -2
  168. package/types/src/icons/SVG.d.ts +0 -4
  169. package/types/src/icons/Search.d.ts +0 -2
  170. package/types/src/icons/Sort.d.ts +0 -2
  171. package/types/src/icons/SortedDown.d.ts +0 -2
  172. package/types/src/icons/SortedUp.d.ts +0 -2
  173. package/types/src/icons/Success.d.ts +0 -2
  174. package/types/src/icons/SuccessFilled.d.ts +0 -2
  175. package/types/src/icons/ThemedIcon.d.ts +0 -29
  176. package/types/src/icons/WarningFilled.d.ts +0 -2
  177. package/types/src/icons/types.d.ts +0 -11
package/Color.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 = 186);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 192);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,13 +104,6 @@ module.exports = require("prop-types");
104
104
  /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/keys");
108
-
109
- /***/ }),
110
-
111
- /***/ 11:
112
- /***/ (function(module, exports) {
113
-
114
107
  module.exports = require("lodash/has");
115
108
 
116
109
  /***/ }),
@@ -122,42 +115,42 @@ module.exports = require("lodash/startsWith");
122
115
 
123
116
  /***/ }),
124
117
 
125
- /***/ 123:
118
+ /***/ 12:
126
119
  /***/ (function(module, exports) {
127
120
 
128
- module.exports = require("lodash/memoize");
121
+ module.exports = require("@splunk/react-ui/Clickable");
129
122
 
130
123
  /***/ }),
131
124
 
132
- /***/ 124:
125
+ /***/ 125:
133
126
  /***/ (function(module, exports) {
134
127
 
135
- module.exports = require("@splunk/themes/SplunkThemeProvider");
128
+ module.exports = require("lodash/memoize");
136
129
 
137
130
  /***/ }),
138
131
 
139
- /***/ 14:
132
+ /***/ 126:
140
133
  /***/ (function(module, exports) {
141
134
 
142
- module.exports = require("@splunk/react-ui/Clickable");
135
+ module.exports = require("@splunk/react-icons/ChevronDown");
143
136
 
144
137
  /***/ }),
145
138
 
146
- /***/ 16:
139
+ /***/ 14:
147
140
  /***/ (function(module, exports) {
148
141
 
149
142
  module.exports = require("@splunk/react-ui/ScreenReaderContent");
150
143
 
151
144
  /***/ }),
152
145
 
153
- /***/ 18:
146
+ /***/ 16:
154
147
  /***/ (function(module, exports) {
155
148
 
156
149
  module.exports = require("lodash/includes");
157
150
 
158
151
  /***/ }),
159
152
 
160
- /***/ 186:
153
+ /***/ 192:
161
154
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
162
155
 
163
156
  "use strict";
@@ -178,19 +171,19 @@ var external_prop_types_ = __webpack_require__(1);
178
171
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
179
172
 
180
173
  // EXTERNAL MODULE: external "lodash/debounce"
181
- var debounce_ = __webpack_require__(63);
174
+ var debounce_ = __webpack_require__(66);
182
175
  var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
183
176
 
184
177
  // EXTERNAL MODULE: external "lodash/has"
185
- var has_ = __webpack_require__(11);
178
+ var has_ = __webpack_require__(10);
186
179
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
187
180
 
188
181
  // EXTERNAL MODULE: external "lodash/includes"
189
- var includes_ = __webpack_require__(18);
182
+ var includes_ = __webpack_require__(16);
190
183
  var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
191
184
 
192
185
  // EXTERNAL MODULE: external "lodash/keys"
193
- var keys_ = __webpack_require__(10);
186
+ var keys_ = __webpack_require__(9);
194
187
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
195
188
 
196
189
  // EXTERNAL MODULE: external "lodash/omit"
@@ -198,7 +191,7 @@ var omit_ = __webpack_require__(5);
198
191
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
199
192
 
200
193
  // EXTERNAL MODULE: external "lodash/slice"
201
- var slice_ = __webpack_require__(81);
194
+ var slice_ = __webpack_require__(80);
202
195
  var slice_default = /*#__PURE__*/__webpack_require__.n(slice_);
203
196
 
204
197
  // EXTERNAL MODULE: external "lodash/startsWith"
@@ -206,49 +199,43 @@ var startsWith_ = __webpack_require__(115);
206
199
  var startsWith_default = /*#__PURE__*/__webpack_require__.n(startsWith_);
207
200
 
208
201
  // EXTERNAL MODULE: external "lodash/toLower"
209
- var toLower_ = __webpack_require__(36);
202
+ var toLower_ = __webpack_require__(34);
210
203
  var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
211
204
 
212
205
  // EXTERNAL MODULE: external "lodash/memoize"
213
- var memoize_ = __webpack_require__(123);
206
+ var memoize_ = __webpack_require__(125);
214
207
  var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_);
215
208
 
216
- // EXTERNAL MODULE: external "@splunk/themes/SplunkThemeProvider"
217
- var SplunkThemeProvider_ = __webpack_require__(124);
218
- var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
219
-
220
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
221
- var i18n_ = __webpack_require__(4);
222
-
223
- // EXTERNAL MODULE: external "@splunk/ui-utils/color"
224
- var color_ = __webpack_require__(47);
209
+ // EXTERNAL MODULE: external "tinycolor2"
210
+ var external_tinycolor2_ = __webpack_require__(67);
211
+ var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
225
212
 
226
- // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
227
- var keyboard_ = __webpack_require__(9);
213
+ // EXTERNAL MODULE: external "@splunk/react-icons/ChevronDown"
214
+ var ChevronDown_ = __webpack_require__(126);
215
+ var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_);
228
216
 
229
217
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
230
- var Dropdown_ = __webpack_require__(24);
218
+ var Dropdown_ = __webpack_require__(22);
231
219
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
232
220
 
233
221
  // EXTERNAL MODULE: external "@splunk/themes"
234
222
  var themes_ = __webpack_require__(0);
235
223
 
236
- // EXTERNAL MODULE: external "tinycolor2"
237
- var external_tinycolor2_ = __webpack_require__(64);
238
- var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
224
+ // EXTERNAL MODULE: external "@splunk/ui-utils/color"
225
+ var color_ = __webpack_require__(47);
239
226
 
240
- // EXTERNAL MODULE: ./src/icons/Check.tsx
241
- var Check = __webpack_require__(75);
227
+ // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
228
+ var i18n_ = __webpack_require__(4);
242
229
 
243
- // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
244
- var ChevronDown = __webpack_require__(89);
230
+ // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
231
+ var keyboard_ = __webpack_require__(7);
245
232
 
246
233
  // EXTERNAL MODULE: external "styled-components"
247
234
  var external_styled_components_ = __webpack_require__(3);
248
235
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
249
236
 
250
237
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
251
- var Clickable_ = __webpack_require__(14);
238
+ var Clickable_ = __webpack_require__(12);
252
239
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
253
240
 
254
241
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -256,13 +243,18 @@ var Text_ = __webpack_require__(30);
256
243
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
257
244
 
258
245
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
259
- var ScreenReaderContent_ = __webpack_require__(16);
246
+ var ScreenReaderContent_ = __webpack_require__(14);
260
247
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
261
248
 
249
+ // EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
250
+ var Checkmark_ = __webpack_require__(86);
251
+ var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
252
+
262
253
  // CONCATENATED MODULE: ./src/Color/SwatchStyles.ts
263
254
 
264
255
 
265
256
 
257
+
266
258
  var backgroundBlockColor = Object(themes_["pick"])({
267
259
  enterprise: themes_["variables"].gray80,
268
260
  prisma: 'rgba(0, 0, 0, 0.2)'
@@ -271,10 +263,14 @@ var transparentSwatch = Object(external_styled_components_["css"])(["background-
271
263
  enterprise: 'transparent',
272
264
  prisma: themes_["variables"].white
273
265
  }));
266
+ var StyledCheck = external_styled_components_default()(Checkmark_default.a).withConfig({
267
+ displayName: "SwatchStyles__StyledCheck",
268
+ componentId: "sc-1wxunhq-0"
269
+ })(["box-sizing:border-box;color:#d3d3d3;height:100%;width:100%;"]);
274
270
  var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
275
271
  displayName: "SwatchStyles__StyledClickable",
276
- componentId: "sc-1wxunhq-0"
277
- })(["display:block;flex:0 0 auto;border:", ";", ";", ";", ";", " &:focus{border-color:", ";box-shadow:", ";}", " ", " ", " &[disabled]{background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));}", " ", " "], Object(themes_["pick"])({
272
+ componentId: "sc-1wxunhq-1"
273
+ })(["display:block;flex:0 0 auto;border:", ";", ";", ";", ";", " &:focus{border-color:", ";box-shadow:", ";}", " ", " ", " &[disabled]{background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));}", " ", ""], Object(themes_["pick"])({
278
274
  enterprise: {
279
275
  light: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray60),
280
276
  dark: themes_["variables"].border
@@ -332,7 +328,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
332
328
 
333
329
 
334
330
 
335
-
336
331
  var propTypes = {
337
332
  append: external_prop_types_default.a.bool,
338
333
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -386,12 +381,9 @@ var Swatch = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref, re
386
381
  $showSelected: showSelected,
387
382
  "data-test": "swatch",
388
383
  "data-test-value": value
389
- }, otherProps), showSelected && /*#__PURE__*/external_react_default.a.createElement(Check["a" /* default */], {
390
- role: "presentation",
391
- style: {
392
- color: '#d3d3d3'
393
- },
394
- screenReaderText: Object(i18n_["_"])('Selected')
384
+ }, otherProps), showSelected && /*#__PURE__*/external_react_default.a.createElement(StyledCheck, {
385
+ "aria-label": Object(i18n_["_"])('Selected'),
386
+ role: "presentation"
395
387
  }), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, screenReaderValue));
396
388
  });
397
389
  Swatch.propTypes = propTypes;
@@ -552,7 +544,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
552
544
 
553
545
 
554
546
 
555
-
556
547
 
557
548
 
558
549
  // The default palette in Prisma theme.
@@ -1054,7 +1045,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
1054
1045
  }
1055
1046
  }, /*#__PURE__*/external_react_default.a.createElement(StyledSwatches, null, swatchesDefaultDisplay, this.state.expanded && swatchesExpandDisplay), this.state.expanded && /*#__PURE__*/external_react_default.a.createElement(StyledToolBarPrisma, {
1056
1047
  "data-test": "tool-bar"
1057
- }, /*#__PURE__*/external_react_default.a.createElement(SplunkThemeProvider_default.a, {
1048
+ }, /*#__PURE__*/external_react_default.a.createElement(themes_["SplunkThemeProvider"], {
1058
1049
  density: "compact"
1059
1050
  }, this.renderInput({
1060
1051
  textAppend: false,
@@ -1098,26 +1089,21 @@ var Color_Color = /*#__PURE__*/function (_Component) {
1098
1089
  return _this2.handleSystemColorPickerChange(e.target.value);
1099
1090
  },
1100
1091
  ref: isCustomColor ? this.focusSwatch : null
1101
- }), isCustomColor && /*#__PURE__*/external_react_default.a.createElement(Check["a" /* default */], {
1092
+ }), isCustomColor && /*#__PURE__*/external_react_default.a.createElement(StyledCheck, {
1093
+ "aria-label": Object(i18n_["_"])('Selected'),
1102
1094
  role: "presentation",
1103
1095
  style: {
1104
- color: '#d3d3d3',
1105
1096
  position: 'absolute',
1106
- height: '100%',
1107
- width: '100%',
1108
1097
  top: '0',
1109
1098
  left: '0',
1110
1099
  pointerEvents: 'none'
1111
- },
1112
- screenReaderText: Object(i18n_["_"])('Selected')
1100
+ }
1113
1101
  }))), /*#__PURE__*/external_react_default.a.createElement(StyledExpandButton, {
1114
1102
  ref: this.focusExpandButton,
1115
1103
  $expanded: this.state.expanded,
1116
1104
  onClick: this.handlePaletteExpand,
1117
1105
  "data-test": "expand-button"
1118
- }, /*#__PURE__*/external_react_default.a.createElement(ChevronDown["a" /* default */], {
1119
- prismaSize: "small"
1120
- })));
1106
+ }, /*#__PURE__*/external_react_default.a.createElement(ChevronDown_default.a, null)));
1121
1107
  }
1122
1108
 
1123
1109
  return /*#__PURE__*/external_react_default.a.createElement(StyledSwatches, null, swatches);
@@ -1209,7 +1195,7 @@ module.exports = require("react");
1209
1195
 
1210
1196
  /***/ }),
1211
1197
 
1212
- /***/ 24:
1198
+ /***/ 22:
1213
1199
  /***/ (function(module, exports) {
1214
1200
 
1215
1201
  module.exports = require("@splunk/react-ui/Dropdown");
@@ -1230,7 +1216,7 @@ module.exports = require("@splunk/react-ui/Text");
1230
1216
 
1231
1217
  /***/ }),
1232
1218
 
1233
- /***/ 36:
1219
+ /***/ 34:
1234
1220
  /***/ (function(module, exports) {
1235
1221
 
1236
1222
  module.exports = require("lodash/toLower");
@@ -1258,288 +1244,45 @@ module.exports = require("lodash/omit");
1258
1244
 
1259
1245
  /***/ }),
1260
1246
 
1261
- /***/ 6:
1262
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1263
-
1264
- "use strict";
1265
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
1266
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1267
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1268
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
1269
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
1270
- 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); }
1271
-
1272
-
1273
-
1274
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
1275
- displayName: "SVG__Styled",
1276
- componentId: "sc-1bz0ryh-0"
1277
- })(["flex:0 0 auto;"]);
1278
- function SVG(props) {
1279
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
1280
- xmlns: "http://www.w3.org/2000/svg"
1281
- }, props));
1282
- }
1283
-
1284
- /***/ }),
1285
-
1286
- /***/ 63:
1247
+ /***/ 66:
1287
1248
  /***/ (function(module, exports) {
1288
1249
 
1289
1250
  module.exports = require("lodash/debounce");
1290
1251
 
1291
1252
  /***/ }),
1292
1253
 
1293
- /***/ 64:
1254
+ /***/ 67:
1294
1255
  /***/ (function(module, exports) {
1295
1256
 
1296
1257
  module.exports = require("tinycolor2");
1297
1258
 
1298
1259
  /***/ }),
1299
1260
 
1300
- /***/ 65:
1301
- /***/ (function(module, exports) {
1302
-
1303
- module.exports = require("@splunk/react-icons/Check");
1304
-
1305
- /***/ }),
1306
-
1307
- /***/ 66:
1308
- /***/ (function(module, exports) {
1309
-
1310
- module.exports = require("@splunk/react-icons/ChevronDown");
1311
-
1312
- /***/ }),
1313
-
1314
1261
  /***/ 7:
1315
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1316
-
1317
- "use strict";
1318
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
1319
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1320
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1321
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
1322
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
1323
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
1324
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
1325
- 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; }
1326
-
1327
- 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; }
1328
-
1329
- 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; }
1330
-
1331
- 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); }
1332
-
1333
- 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; }
1334
-
1335
- 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; }
1336
-
1337
-
1338
-
1339
-
1340
- var inlineStyles = {
1341
- display: 'inline-block',
1342
- flex: '0 0 auto',
1343
- overflow: 'visible',
1344
- verticalAlign: 'middle'
1345
- };
1346
- var blockStyles = {
1347
- display: 'block',
1348
- flex: '0 0 auto',
1349
- margin: '0 auto',
1350
- overflow: 'visible'
1351
- };
1352
- var propTypes = {
1353
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1354
- 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]),
1355
- 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]),
1356
- 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]),
1357
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
1358
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1359
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1360
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
1361
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
1362
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
1363
- };
1364
- var defaultProps = {
1365
- inline: true,
1366
- prismaSize: 'medium'
1367
- };
1368
- function Icon(_ref) {
1369
- var Enterprise = _ref.Enterprise,
1370
- Prisma24 = _ref.Prisma24,
1371
- Prisma20 = _ref.Prisma20,
1372
- Prisma16 = _ref.Prisma16,
1373
- prismaSize = _ref.prismaSize,
1374
- inline = _ref.inline,
1375
- enterpriseSize = _ref.enterpriseSize,
1376
- enterpriseWidth = _ref.enterpriseWidth,
1377
- enterpriseHeight = _ref.enterpriseHeight,
1378
- screenReaderText = _ref.screenReaderText,
1379
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
1380
-
1381
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
1382
- family = _useSplunkTheme.family,
1383
- density = _useSplunkTheme.density; // Enterprise - all variants
1384
-
1385
-
1386
- if (family === 'enterprise') {
1387
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
1388
- size: enterpriseSize,
1389
- width: enterpriseWidth,
1390
- height: enterpriseHeight,
1391
- screenReaderText: screenReaderText || null,
1392
- hideDefaultTooltip: true,
1393
- inline: inline
1394
- }, otherProps));
1395
- }
1396
-
1397
- var prismaProps = _objectSpread({
1398
- 'aria-label': screenReaderText,
1399
- style: inline ? inlineStyles : blockStyles
1400
- }, otherProps); // Prisma - small+compact, small+comfortable
1401
-
1402
-
1403
- if (prismaSize === 'small') {
1404
- var SVG = Prisma16 || Prisma24;
1405
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1406
- width: "16",
1407
- height: "16"
1408
- }, prismaProps));
1409
- } // Prisma - medium+compact
1410
-
1411
-
1412
- if (density === 'compact') {
1413
- var _SVG = Prisma20 || Prisma24;
1414
-
1415
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1416
- width: "20",
1417
- height: "20"
1418
- }, prismaProps));
1419
- } // Prisma - medium+comfortable
1420
-
1421
-
1422
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
1423
- width: "24",
1424
- height: "24"
1425
- }, prismaProps));
1426
- }
1427
- Icon.propTypes = propTypes;
1428
- Icon.defaultProps = defaultProps;
1429
-
1430
- /***/ }),
1431
-
1432
- /***/ 75:
1433
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1434
-
1435
- "use strict";
1436
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
1437
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1438
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1439
- /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
1440
- /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
1441
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1442
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1443
- 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); }
1444
-
1445
-
1446
-
1447
-
1448
-
1449
-
1450
- function Prisma24(_ref) {
1451
- var otherProps = _extends({}, _ref);
1452
-
1453
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1454
- viewBox: "0 0 24 24"
1455
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1456
- d: "M20.7071 5.59294C21.0977 5.98347 21.0977 6.61663 20.7071 7.00716L10.1447 17.5695C9.55896 18.1553 8.60922 18.1553 8.02343 17.5695L3.29289 12.839C2.90237 12.4485 2.90237 11.8153 3.29289 11.4248C3.68342 11.0343 4.31658 11.0343 4.70711 11.4248L9.08409 15.8018L19.2929 5.59294C19.6835 5.20242 20.3166 5.20242 20.7071 5.59294Z",
1457
- fill: "currentColor"
1458
- }));
1459
- }
1460
-
1461
- function Prisma16(_ref2) {
1462
- var otherProps = _extends({}, _ref2);
1463
-
1464
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1465
- viewBox: "0 0 16 16"
1466
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1467
- d: "M13.999 4.75712L6.17736 12.5786L1.99561 8.39691L3.40981 6.98269L6.17737 9.75021L12.5848 3.3429L13.999 4.75712Z",
1468
- fill: "currentColor"
1469
- }));
1470
- }
1262
+ /***/ (function(module, exports) {
1471
1263
 
1472
- function Check(props) {
1473
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1474
- Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
1475
- Prisma16: Prisma16,
1476
- Prisma24: Prisma24
1477
- }, props));
1478
- }
1264
+ module.exports = require("@splunk/ui-utils/keyboard");
1479
1265
 
1480
1266
  /***/ }),
1481
1267
 
1482
- /***/ 81:
1268
+ /***/ 80:
1483
1269
  /***/ (function(module, exports) {
1484
1270
 
1485
1271
  module.exports = require("lodash/slice");
1486
1272
 
1487
1273
  /***/ }),
1488
1274
 
1489
- /***/ 89:
1490
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1491
-
1492
- "use strict";
1493
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
1494
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1495
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1496
- /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
1497
- /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
1498
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1499
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1500
- 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); }
1501
-
1502
-
1503
-
1504
-
1505
-
1506
-
1507
- function Prisma24(_ref) {
1508
- var otherProps = _extends({}, _ref);
1509
-
1510
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1511
- viewBox: "0 0 24 24"
1512
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1513
- d: "M12.0003 14.7858L18.2955 8.49062C18.686 8.1001 19.3192 8.1001 19.7097 8.49062C20.1003 8.88115 20.1003 9.51431 19.7097 9.90484L13.061 16.5536C12.4752 17.1394 11.5255 17.1394 10.9397 16.5536L4.28899 9.90289C3.89846 9.51236 3.89846 8.8792 4.28899 8.48868C4.67951 8.09815 5.31268 8.09815 5.7032 8.48868L12.0003 14.7858Z",
1514
- fill: "currentColor"
1515
- }));
1516
- }
1517
-
1518
- function Prisma16(_ref2) {
1519
- var otherProps = _extends({}, _ref2);
1520
-
1521
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1522
- viewBox: "0 0 16 16"
1523
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1524
- d: "M8.0015 11.7109L14.0022 5.71017L12.588 4.29597L7.99485 8.88914L3.40754 4.34482L2 5.76567L8.0015 11.7109Z",
1525
- fill: "currentColor"
1526
- }));
1527
- }
1275
+ /***/ 86:
1276
+ /***/ (function(module, exports) {
1528
1277
 
1529
- function ChevronDown(props) {
1530
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1531
- Enterprise: _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
1532
- Prisma16: Prisma16,
1533
- Prisma24: Prisma24
1534
- }, props));
1535
- }
1278
+ module.exports = require("@splunk/react-icons/Checkmark");
1536
1279
 
1537
1280
  /***/ }),
1538
1281
 
1539
1282
  /***/ 9:
1540
1283
  /***/ (function(module, exports) {
1541
1284
 
1542
- module.exports = require("@splunk/ui-utils/keyboard");
1285
+ module.exports = require("lodash/keys");
1543
1286
 
1544
1287
  /***/ })
1545
1288
 
package/ColumnLayout.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 = 173);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 176);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("lodash/defaults");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 173:
111
+ /***/ 176:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -129,7 +129,7 @@ var external_prop_types_ = __webpack_require__(1);
129
129
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
130
130
 
131
131
  // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
132
- var useSplunkTheme_ = __webpack_require__(54);
132
+ var useSplunkTheme_ = __webpack_require__(68);
133
133
  var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
134
134
 
135
135
  // EXTERNAL MODULE: external "lodash/defaults"
@@ -152,7 +152,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
152
152
  })(["", ";"], themes_["mixins"].reset('block'));
153
153
 
154
154
  // EXTERNAL MODULE: ./src/utils/types.ts
155
- var types = __webpack_require__(76);
155
+ var types = __webpack_require__(75);
156
156
 
157
157
  // CONCATENATED MODULE: ./src/ColumnLayout/Column.tsx
158
158
  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); }
@@ -436,14 +436,14 @@ module.exports = require("styled-components");
436
436
 
437
437
  /***/ }),
438
438
 
439
- /***/ 54:
439
+ /***/ 68:
440
440
  /***/ (function(module, exports) {
441
441
 
442
442
  module.exports = require("@splunk/themes/useSplunkTheme");
443
443
 
444
444
  /***/ }),
445
445
 
446
- /***/ 76:
446
+ /***/ 75:
447
447
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
448
448
 
449
449
  "use strict";