@splunk/react-ui 4.16.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.
- package/Button.js +10 -10
- package/CHANGELOG.md +10 -1
- package/Calendar.js +12 -12
- package/Card.js +8 -8
- package/Chip.js +8 -8
- package/CloseButton.js +8 -8
- package/CollapsiblePanel.js +8 -8
- package/Color.js +12 -12
- package/ControlGroup.js +24 -14
- package/Dropdown.js +56 -15
- package/File.js +16 -16
- package/FormRows.js +6 -6
- package/Heading.js +10 -46
- package/Image.js +8 -8
- package/Link.js +2 -2
- package/Menu.js +16 -16
- package/Message.js +24 -24
- package/MessageBar.js +24 -24
- package/Multiselect.js +13 -12
- package/Number.js +5 -5
- package/Paginator.js +14 -14
- package/Select.js +13 -12
- package/SplitButton.js +2 -2
- package/StepBar.js +8 -8
- package/Switch.js +2 -2
- package/Table.js +28 -28
- package/Text.js +18 -18
- package/TextArea.js +12 -12
- package/Tooltip.js +5 -5
- package/package.json +3 -3
- package/types/src/Date/Icon.d.ts +1 -1
- package/types/src/Dropdown/Dropdown.d.ts +12 -7
- package/types/src/File/Icon.d.ts +1 -1
- package/types/src/File/IconCloud.d.ts +1 -1
- package/types/src/File/PaperClip.d.ts +1 -1
- package/types/src/File/Retry.d.ts +1 -1
- package/types/src/File/Trash.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Number/IncrementIcon.d.ts +1 -1
- package/types/src/Select/Select.d.ts +1 -1
- package/types/src/Select/SelectBase.d.ts +1 -1
- package/types/src/Text/IconOutlinedHide.d.ts +1 -1
- package/types/src/Text/IconOutlinedView.d.ts +1 -1
- package/types/src/Tooltip/InfoIcon.d.ts +1 -1
package/Dropdown.js
CHANGED
|
@@ -208,6 +208,9 @@ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
|
208
208
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
209
209
|
var id_ = __webpack_require__(13);
|
|
210
210
|
|
|
211
|
+
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
212
|
+
var keyboard_ = __webpack_require__(9);
|
|
213
|
+
|
|
211
214
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
212
215
|
var Popover_ = __webpack_require__(23);
|
|
213
216
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
@@ -255,6 +258,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
255
258
|
|
|
256
259
|
|
|
257
260
|
|
|
261
|
+
|
|
258
262
|
/** @public */
|
|
259
263
|
|
|
260
264
|
var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
|
|
@@ -270,6 +274,7 @@ var propTypes = {
|
|
|
270
274
|
onRequestClose: external_prop_types_default.a.func,
|
|
271
275
|
onRequestOpen: external_prop_types_default.a.func,
|
|
272
276
|
open: external_prop_types_default.a.bool,
|
|
277
|
+
openWithArrowKeys: external_prop_types_default.a.bool,
|
|
273
278
|
repositionMode: external_prop_types_default.a.oneOf(['none', 'flip', 'any']),
|
|
274
279
|
retainFocus: external_prop_types_default.a.bool,
|
|
275
280
|
takeFocus: external_prop_types_default.a.bool,
|
|
@@ -283,6 +288,7 @@ var defaultProps = {
|
|
|
283
288
|
focusToggleReasons: ['contentClick', 'escapeKey', 'tabKey', 'toggleClick'],
|
|
284
289
|
repositionMode: 'flip',
|
|
285
290
|
retainFocus: false,
|
|
291
|
+
openWithArrowKeys: false,
|
|
286
292
|
takeFocus: true
|
|
287
293
|
};
|
|
288
294
|
var legacyRefMode = Symbol('Dropdown legacy ref mode marker');
|
|
@@ -355,13 +361,40 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
355
361
|
}
|
|
356
362
|
});
|
|
357
363
|
|
|
364
|
+
_defineProperty(_assertThisInitialized(_this), "handleToggleKeyDownOpen", function (e) {
|
|
365
|
+
var _this$props$toggle$pr3, _this$props$toggle$pr4;
|
|
366
|
+
|
|
367
|
+
(_this$props$toggle$pr3 = (_this$props$toggle$pr4 = _this.props.toggle.props).onKeyDown) === null || _this$props$toggle$pr3 === void 0 ? void 0 : _this$props$toggle$pr3.call(_this$props$toggle$pr4, e);
|
|
368
|
+
|
|
369
|
+
if (!_this.props.openWithArrowKeys) {
|
|
370
|
+
return;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
|
|
374
|
+
|
|
375
|
+
if (eventKeyCode === 'up' || eventKeyCode === 'down') {
|
|
376
|
+
var _this$props$onRequest2, _this$props2;
|
|
377
|
+
|
|
378
|
+
e.preventDefault();
|
|
379
|
+
(_this$props$onRequest2 = (_this$props2 = _this.props).onRequestOpen) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, e, {
|
|
380
|
+
reason: 'toggleKeydown'
|
|
381
|
+
});
|
|
382
|
+
|
|
383
|
+
if (!_this.isControlled()) {
|
|
384
|
+
_this.setState({
|
|
385
|
+
open: true
|
|
386
|
+
});
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
});
|
|
390
|
+
|
|
358
391
|
_defineProperty(_assertThisInitialized(_this), "handleRequestClose", function (info) {
|
|
359
392
|
var event = info.event,
|
|
360
393
|
reason = info.reason;
|
|
361
|
-
var _this$
|
|
362
|
-
closeReasons = _this$
|
|
363
|
-
focusToggleReasons = _this$
|
|
364
|
-
onRequestClose = _this$
|
|
394
|
+
var _this$props3 = _this.props,
|
|
395
|
+
closeReasons = _this$props3.closeReasons,
|
|
396
|
+
focusToggleReasons = _this$props3.focusToggleReasons,
|
|
397
|
+
onRequestClose = _this$props3.onRequestClose;
|
|
365
398
|
|
|
366
399
|
if (event && reason === 'clickAway') {
|
|
367
400
|
var el = event.target;
|
|
@@ -445,22 +478,23 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
445
478
|
var _cloneElement;
|
|
446
479
|
|
|
447
480
|
return /*#__PURE__*/Object(external_react_["cloneElement"])(this.props.toggle, (_cloneElement = {
|
|
448
|
-
onClick: this.handleToggleClick
|
|
481
|
+
onClick: this.handleToggleClick,
|
|
482
|
+
onKeyDown: this.handleToggleKeyDownOpen
|
|
449
483
|
}, _defineProperty(_cloneElement, this.props.toggle.type[legacyRefMode] ? 'elementRef' : 'ref', this.handleToggleMount), _defineProperty(_cloneElement, 'aria-controls', this.isOpen() ? this.popoverId : undefined), _defineProperty(_cloneElement, 'aria-haspopup', true), _defineProperty(_cloneElement, 'aria-expanded', this.isOpen()), _defineProperty(_cloneElement, 'data-test', this.props.toggle.props['data-test'] || 'dropdown'), _defineProperty(_cloneElement, 'data-test-popover-id', this.popoverId), _defineProperty(_cloneElement, "id", this.props.inputId || this.props.toggle.props.id || this.toggleId), _cloneElement));
|
|
450
484
|
}
|
|
451
485
|
}, {
|
|
452
486
|
key: "render",
|
|
453
487
|
value: function render() {
|
|
454
|
-
var _this$
|
|
455
|
-
align = _this$
|
|
456
|
-
canCoverAnchor = _this$
|
|
457
|
-
children = _this$
|
|
458
|
-
closeReasons = _this$
|
|
459
|
-
defaultPlacement = _this$
|
|
460
|
-
elementRef = _this$
|
|
461
|
-
repositionMode = _this$
|
|
462
|
-
retainFocus = _this$
|
|
463
|
-
takeFocus = _this$
|
|
488
|
+
var _this$props4 = this.props,
|
|
489
|
+
align = _this$props4.align,
|
|
490
|
+
canCoverAnchor = _this$props4.canCoverAnchor,
|
|
491
|
+
children = _this$props4.children,
|
|
492
|
+
closeReasons = _this$props4.closeReasons,
|
|
493
|
+
defaultPlacement = _this$props4.defaultPlacement,
|
|
494
|
+
elementRef = _this$props4.elementRef,
|
|
495
|
+
repositionMode = _this$props4.repositionMode,
|
|
496
|
+
retainFocus = _this$props4.retainFocus,
|
|
497
|
+
takeFocus = _this$props4.takeFocus;
|
|
464
498
|
var anchor = this.state.anchor;
|
|
465
499
|
var handleRequestClose = this.handleRequestClose,
|
|
466
500
|
handleContentClick = this.handleContentClick;
|
|
@@ -524,6 +558,13 @@ module.exports = require("lodash/isFunction");
|
|
|
524
558
|
|
|
525
559
|
/***/ }),
|
|
526
560
|
|
|
561
|
+
/***/ 9:
|
|
562
|
+
/***/ (function(module, exports) {
|
|
563
|
+
|
|
564
|
+
module.exports = require("@splunk/ui-utils/keyboard");
|
|
565
|
+
|
|
566
|
+
/***/ }),
|
|
567
|
+
|
|
527
568
|
/***/ 91:
|
|
528
569
|
/***/ (function(module, exports) {
|
|
529
570
|
|
package/File.js
CHANGED
|
@@ -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/
|
|
195
|
-
var
|
|
196
|
-
var
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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"
|
|
@@ -1092,8 +1092,8 @@ module.exports = require("lodash/isString");
|
|
|
1092
1092
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
|
|
1093
1093
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
1094
1094
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1095
|
-
/* harmony import */ var
|
|
1096
|
-
/* harmony import */ var
|
|
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__);
|
|
1097
1097
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
1098
1098
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
1099
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); }
|
|
@@ -1127,7 +1127,7 @@ function Prisma16(_ref2) {
|
|
|
1127
1127
|
|
|
1128
1128
|
function CrossMark(props) {
|
|
1129
1129
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
1130
|
-
Enterprise:
|
|
1130
|
+
Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
1131
1131
|
Prisma16: Prisma16,
|
|
1132
1132
|
Prisma24: Prisma24
|
|
1133
1133
|
}, props));
|
|
@@ -1138,7 +1138,7 @@ function CrossMark(props) {
|
|
|
1138
1138
|
/***/ 29:
|
|
1139
1139
|
/***/ (function(module, exports) {
|
|
1140
1140
|
|
|
1141
|
-
module.exports = require("@splunk/react-icons/Close");
|
|
1141
|
+
module.exports = require("@splunk/react-icons/enterprise/Close");
|
|
1142
1142
|
|
|
1143
1143
|
/***/ }),
|
|
1144
1144
|
|
|
@@ -1152,7 +1152,7 @@ module.exports = require("styled-components");
|
|
|
1152
1152
|
/***/ 32:
|
|
1153
1153
|
/***/ (function(module, exports) {
|
|
1154
1154
|
|
|
1155
|
-
module.exports = require("@splunk/react-icons/
|
|
1155
|
+
module.exports = require("@splunk/react-icons/SVGEnterprise");
|
|
1156
1156
|
|
|
1157
1157
|
/***/ }),
|
|
1158
1158
|
|
|
@@ -1306,8 +1306,8 @@ function Icon(_ref) {
|
|
|
1306
1306
|
|
|
1307
1307
|
|
|
1308
1308
|
if (prismaSize === 'small') {
|
|
1309
|
-
var
|
|
1310
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
1309
|
+
var SVGEnterprise = Prisma16 || Prisma24;
|
|
1310
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
|
|
1311
1311
|
width: "16",
|
|
1312
1312
|
height: "16"
|
|
1313
1313
|
}, prismaProps));
|
|
@@ -1315,9 +1315,9 @@ function Icon(_ref) {
|
|
|
1315
1315
|
|
|
1316
1316
|
|
|
1317
1317
|
if (density === 'compact') {
|
|
1318
|
-
var
|
|
1318
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
1319
1319
|
|
|
1320
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
1320
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
|
|
1321
1321
|
width: "20",
|
|
1322
1322
|
height: "20"
|
|
1323
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
|
|
881
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
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
|
|
889
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
890
890
|
|
|
891
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
@@ -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
|
|
490
|
-
/* harmony import */ var
|
|
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:
|
|
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
|
|
|
@@ -686,8 +686,8 @@ function Icon(_ref) {
|
|
|
686
686
|
|
|
687
687
|
|
|
688
688
|
if (prismaSize === 'small') {
|
|
689
|
-
var
|
|
690
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
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
|
|
698
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
699
699
|
|
|
700
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
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/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
|
|
|
@@ -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
|
|
|
@@ -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
|
|
1180
|
-
/* harmony import */ var
|
|
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:
|
|
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
|
|
|
@@ -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
|
|
1419
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
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
|
|
1427
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
1428
1428
|
|
|
1429
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
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
|
|
1454
|
-
/* harmony import */ var
|
|
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:
|
|
1488
|
+
Enterprise: _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
1489
1489
|
Prisma16: Prisma16,
|
|
1490
1490
|
Prisma24: Prisma24
|
|
1491
1491
|
}, props));
|