@splunk/react-ui 4.18.0 → 4.19.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 (92) hide show
  1. package/Accordion.js +6 -6
  2. package/Anchor.js +2 -2
  3. package/Animation.js +2 -2
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +4 -4
  7. package/ButtonGroup.js +2 -2
  8. package/ButtonSimple.js +2 -2
  9. package/CHANGELOG.md +11 -1
  10. package/Calendar.js +8 -8
  11. package/Card.js +8 -8
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +23 -16
  14. package/Clickable.js +11 -11
  15. package/CloseButton.js +2 -2
  16. package/Code.js +12 -12
  17. package/CollapsiblePanel.js +4 -4
  18. package/Color.js +16 -16
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +14 -14
  21. package/Concertina.js +10 -10
  22. package/ControlGroup.js +2 -2
  23. package/Date.js +13 -13
  24. package/DefinitionList.js +2 -2
  25. package/Divider.js +2 -2
  26. package/Dropdown.js +13 -13
  27. package/DualListbox.js +4 -4
  28. package/EventListener.js +4 -4
  29. package/File.js +8 -8
  30. package/FormRows.js +266 -105
  31. package/Heading.js +45 -49
  32. package/Image.js +15 -15
  33. package/JSONTree.js +14 -14
  34. package/Layer.js +12 -12
  35. package/Link.js +4 -4
  36. package/List.js +2 -2
  37. package/Markdown.js +16 -16
  38. package/Menu.js +18 -18
  39. package/Message.js +21 -21
  40. package/MessageBar.js +19 -19
  41. package/Modal.js +11 -11
  42. package/ModalLayer.js +4 -4
  43. package/Monogram.js +3 -3
  44. package/Multiselect.js +34 -34
  45. package/Number.js +4 -4
  46. package/Paginator.js +6 -6
  47. package/Paragraph.js +2 -2
  48. package/Popover.js +22 -22
  49. package/Progress.js +4 -4
  50. package/RadioBar.js +4 -4
  51. package/RadioList.js +2 -2
  52. package/Resize.js +4 -4
  53. package/ResultsMenu.js +8 -8
  54. package/ScreenReaderContent.js +2 -2
  55. package/Scroll.js +4 -4
  56. package/ScrollContainerContext.js +2 -2
  57. package/Search.js +14 -14
  58. package/Select.js +12 -12
  59. package/SidePanel.js +4 -4
  60. package/Slider.js +6 -6
  61. package/SlidingPanels.js +8 -8
  62. package/SplitButton.js +4 -4
  63. package/StaticContent.js +2 -2
  64. package/StepBar.js +2 -2
  65. package/Switch.js +4 -4
  66. package/TabBar.js +4 -4
  67. package/TabLayout.js +6 -6
  68. package/Table.js +46 -45
  69. package/Text.js +23 -21
  70. package/TextArea.js +23 -21
  71. package/Tooltip.js +11 -11
  72. package/TransitionOpen.js +2 -2
  73. package/Typography.js +4 -4
  74. package/WaitSpinner.js +2 -2
  75. package/cypress/support/component-index.html +12 -0
  76. package/cypress/support/component.ts +27 -0
  77. package/cypress.config.ts +19 -0
  78. package/package.json +9 -9
  79. package/types/src/Clickable/docs/examples/Basic.d.ts +2 -2
  80. package/types/src/FormRows/FormRows.d.ts +1 -2
  81. package/types/src/FormRows/Row.d.ts +2 -12
  82. package/types/src/FormRows/RowInternal.d.ts +19 -0
  83. package/types/src/FormRows/SortableList.d.ts +8 -2
  84. package/types/src/FormRows/SortableRow.d.ts +20 -0
  85. package/types/src/Heading/Heading.d.ts +1 -1
  86. package/useForceUpdate.js +2 -2
  87. package/useKeyPress.js +2 -2
  88. package/usePrevious.js +2 -2
  89. package/useRovingFocus.js +2 -2
  90. package/cypress/plugins/index.ts +0 -15
  91. package/cypress/support/index.ts +0 -10
  92. package/cypress.json +0 -13
package/Accordion.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 = 189);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 190);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,21 +101,21 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("lodash/has");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 121:
111
+ /***/ 122:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-ui/CollapsiblePanel");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 189:
118
+ /***/ 190:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -135,7 +135,7 @@ var external_prop_types_ = __webpack_require__(1);
135
135
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
136
136
 
137
137
  // EXTERNAL MODULE: external "lodash/has"
138
- var has_ = __webpack_require__(10);
138
+ var has_ = __webpack_require__(11);
139
139
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
140
140
 
141
141
  // EXTERNAL MODULE: external "lodash/keys"
@@ -147,7 +147,7 @@ var omit_ = __webpack_require__(5);
147
147
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
148
148
 
149
149
  // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
150
- var CollapsiblePanel_ = __webpack_require__(121);
150
+ var CollapsiblePanel_ = __webpack_require__(122);
151
151
  var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
152
152
 
153
153
  // EXTERNAL MODULE: external "@splunk/themes"
package/Anchor.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 = 210);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 211);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 210:
111
+ /***/ 211:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/Animation.js CHANGED
@@ -82,12 +82,12 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 236);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 237);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 236:
90
+ /***/ 237:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
@@ -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 = 190);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 191);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 190:
97
+ /***/ 191:
98
98
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
99
 
100
100
  "use strict";
package/Box.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 = 211);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 212);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 211:
111
+ /***/ 212:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/Button.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 = 191);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 192);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 122:
104
+ /***/ 123:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-icons/ArrowSquareTopRightInset");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 191:
111
+ /***/ 192:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -303,7 +303,7 @@ var CaretSmallDown_CaretSmallDown = function CaretSmallDown() {
303
303
 
304
304
  /* harmony default export */ var icons_CaretSmallDown = (CaretSmallDown_CaretSmallDown);
305
305
  // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
306
- var ArrowSquareTopRightInset_ = __webpack_require__(122);
306
+ var ArrowSquareTopRightInset_ = __webpack_require__(123);
307
307
  var ArrowSquareTopRightInset_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRightInset_);
308
308
 
309
309
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
package/ButtonGroup.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 = 212);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 213);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 212:
111
+ /***/ 213:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/ButtonSimple.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 = 192);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 193);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 192:
118
+ /***/ 193:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
package/CHANGELOG.md CHANGED
@@ -1,10 +1,20 @@
1
1
  Change Log
2
2
  ============
3
3
 
4
+ 4.19.0 - August 1, 2023
5
+ ----------
6
+ New Features:
7
+ * Heading now supports `elementRef` (SUI-5534).
8
+
9
+ Bug Fixes:
10
+ * The `TabBar` tooltip now aligns to the center of the `Tab` in Prisma theme (SUI-5598).
11
+ * Clicking the "clear" button in `ComboBox`, `Multiselect.Compact`, `Search`, `Select`, `Text`, and `TextArea` will no longer cause focus to be lost (SUI-5667).
12
+ * Updated `Chip`'s background-colors and text-color to fix contrast failures in Enterprise theme (SUI-2836).
13
+
4
14
  4.18.0 - July 12, 2023
5
15
  ----------
6
16
  New Features:
7
- * Added `ordered` prop to `List` component (SUI-5550).
17
+ * Added `ordered` prop to `List` component (SUI-5550).
8
18
 
9
19
  Bug Fixes:
10
20
  * `Number` Typescript now accepts `inputRef` prop to target the underlying text input.
package/Calendar.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 174);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 175);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 10:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/Button");
142
142
 
143
143
  /***/ }),
144
144
 
145
- /***/ 174:
145
+ /***/ 175:
146
146
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
147
 
148
148
  "use strict";
@@ -177,7 +177,7 @@ var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment
177
177
  var id_ = __webpack_require__(8);
178
178
 
179
179
  // EXTERNAL MODULE: external "lodash/times"
180
- var times_ = __webpack_require__(78);
180
+ var times_ = __webpack_require__(79);
181
181
  var times_default = /*#__PURE__*/__webpack_require__.n(times_);
182
182
 
183
183
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -644,7 +644,7 @@ function DateTable(_ref2) {
644
644
  DateTable.propTypes = DateTable_propTypes;
645
645
  /* harmony default export */ var Calendar_DateTable = (DateTable);
646
646
  // EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
647
- var ChevronLeft_ = __webpack_require__(83);
647
+ var ChevronLeft_ = __webpack_require__(84);
648
648
  var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
649
649
 
650
650
  // EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
@@ -891,7 +891,7 @@ var CalendarStyles_StyledBox = external_styled_components_default()(Box_default.
891
891
  }));
892
892
 
893
893
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
894
- var updateReactRef = __webpack_require__(11);
894
+ var updateReactRef = __webpack_require__(10);
895
895
 
896
896
  // CONCATENATED MODULE: ./src/Calendar/Calendar.tsx
897
897
  function Calendar_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Calendar_typeof = function _typeof(obj) { return typeof obj; }; } else { Calendar_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Calendar_typeof(obj); }
@@ -1185,7 +1185,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
1185
1185
 
1186
1186
  /***/ }),
1187
1187
 
1188
- /***/ 78:
1188
+ /***/ 79:
1189
1189
  /***/ (function(module, exports) {
1190
1190
 
1191
1191
  module.exports = require("lodash/times");
@@ -1199,7 +1199,7 @@ module.exports = require("@splunk/ui-utils/id");
1199
1199
 
1200
1200
  /***/ }),
1201
1201
 
1202
- /***/ 83:
1202
+ /***/ 84:
1203
1203
  /***/ (function(module, exports) {
1204
1204
 
1205
1205
  module.exports = require("@splunk/react-icons/ChevronLeft");
package/Card.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 175);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 176);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 123:
111
+ /***/ 124:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-icons/enterprise/MoreVertical");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Button");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 175:
125
+ /***/ 176:
126
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
127
 
128
128
  "use strict";
@@ -269,15 +269,15 @@ Footer.propTypes = Footer_propTypes;
269
269
  var i18n_ = __webpack_require__(4);
270
270
 
271
271
  // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeVertical"
272
- var DotsThreeVertical_ = __webpack_require__(84);
272
+ var DotsThreeVertical_ = __webpack_require__(85);
273
273
  var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_);
274
274
 
275
275
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
276
- var MoreVertical_ = __webpack_require__(123);
276
+ var MoreVertical_ = __webpack_require__(124);
277
277
  var MoreVertical_default = /*#__PURE__*/__webpack_require__.n(MoreVertical_);
278
278
 
279
279
  // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
280
- var Anchor_ = __webpack_require__(85);
280
+ var Anchor_ = __webpack_require__(86);
281
281
  var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
282
282
 
283
283
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
@@ -737,14 +737,14 @@ module.exports = require("@splunk/react-ui/Box");
737
737
 
738
738
  /***/ }),
739
739
 
740
- /***/ 84:
740
+ /***/ 85:
741
741
  /***/ (function(module, exports) {
742
742
 
743
743
  module.exports = require("@splunk/react-icons/DotsThreeVertical");
744
744
 
745
745
  /***/ }),
746
746
 
747
- /***/ 85:
747
+ /***/ 86:
748
748
  /***/ (function(module, exports) {
749
749
 
750
750
  module.exports = require("@splunk/react-ui/Anchor");
package/CardLayout.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 213);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 214);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 213:
111
+ /***/ 214:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/Chip.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 = 214);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 215);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("react");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 214:
118
+ /***/ 215:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -178,16 +178,16 @@ var StyledBasic = external_styled_components_default.a.div.withConfig({
178
178
  prisma: themes_["variables"].neutral100
179
179
  },
180
180
  info: {
181
- enterprise: themes_["variables"].infoColorL10
181
+ enterprise: themes_["variables"].infoColorL30
182
182
  },
183
183
  success: {
184
- enterprise: themes_["variables"].successColorL10
184
+ enterprise: themes_["variables"].successColorL30
185
185
  },
186
186
  warning: {
187
- enterprise: themes_["variables"].warningColorL10
187
+ enterprise: themes_["variables"].warningColorL30
188
188
  },
189
189
  error: {
190
- enterprise: themes_["variables"].errorColorL10,
190
+ enterprise: themes_["variables"].errorColorL30,
191
191
  prisma: themes_["variables"].accentColorNegative
192
192
  },
193
193
  outline: {
@@ -201,7 +201,7 @@ var StyledBasic = external_styled_components_default.a.div.withConfig({
201
201
  var $appearance = _ref2.$appearance;
202
202
  return $appearance === 'outline' && Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].interactiveColorBorder);
203
203
  }, Object(themes_["pick"])({
204
- enterprise: Object(external_styled_components_["css"])(["color:", ",line-height:", ";margin:0 2px 2px 0;"], themes_["variables"].textGray, themes_["variables"].lineHeight),
204
+ enterprise: Object(external_styled_components_["css"])(["color:", ";line-height:", ";margin:0 2px 2px 0;"], themes_["variables"].textGray, themes_["variables"].lineHeight),
205
205
  prisma: Object(external_styled_components_["css"])(["color:", ";line-height:16px;margin:1px;"], function (_ref3) {
206
206
  var $appearance = _ref3.$appearance;
207
207
  return $appearance === 'error' ? themes_["variables"].contentColorInverted : themes_["variables"].contentColorDefault;
@@ -314,12 +314,13 @@ var StyledLabel = external_styled_components_default.a.div.withConfig({
314
314
  "true": themes_["variables"].contentColorDisabled,
315
315
  "false": {
316
316
  enterprise: function enterprise(_ref8) {
317
- var $foregroundColor = _ref8.$foregroundColor;
318
- return $foregroundColor || themes_["variables"].contentColorDefault;
317
+ var $appearance = _ref8.$appearance,
318
+ $foregroundColor = _ref8.$foregroundColor;
319
+ return $foregroundColor || ($appearance === 'default' || $appearance === 'outline' ? themes_["variables"].contentColorDefault : themes_["variables"].gray30);
319
320
  },
320
321
  prisma: function prisma(_ref9) {
321
- var $foregroundColor = _ref9.$foregroundColor,
322
- $appearance = _ref9.$appearance;
322
+ var $appearance = _ref9.$appearance,
323
+ $foregroundColor = _ref9.$foregroundColor;
323
324
  return $foregroundColor || ($appearance === 'error' ? themes_["variables"].contentColorInverted : themes_["variables"].contentColorActive);
324
325
  }
325
326
  }
@@ -331,11 +332,16 @@ var StyledRemove = external_styled_components_default.a.span.withConfig({
331
332
  enterprise: Object(external_styled_components_["css"])(["flex:0 0 auto;padding-left:", ";font-size:", ";color:", ";"], themes_["variables"].spacingQuarter, Object(themes_["pick"])({
332
333
  compact: '9px',
333
334
  comfortable: '10.5px'
334
- }), function (_ref10) {
335
- var $disabled = _ref10.$disabled,
336
- $foregroundColor = _ref10.$foregroundColor;
337
- return $disabled ? themes_["variables"].contentColorDisabled : $foregroundColor || themes_["variables"].textGray;
338
- }),
335
+ }), Object(themes_["pickVariant"])('$disabled', {
336
+ "true": themes_["variables"].contentColorDisabled,
337
+ "false": {
338
+ enterprise: function enterprise(_ref10) {
339
+ var $foregroundColor = _ref10.$foregroundColor,
340
+ $appearance = _ref10.$appearance;
341
+ return $foregroundColor || ($appearance === 'default' || $appearance === 'outline' ? themes_["variables"].textGray : themes_["variables"].gray30);
342
+ }
343
+ }
344
+ })),
339
345
  prisma: Object(external_styled_components_["css"])(["font-size:", ";display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:12px;font-size:9px;color:", ";"], Object(themes_["pick"])({
340
346
  compact: '9px',
341
347
  comfortable: '10.5px'
@@ -503,6 +509,7 @@ function ChipInteractive(props) {
503
509
  $disabled: disabled,
504
510
  $foregroundColor: $foregroundColor
505
511
  }, children), /*#__PURE__*/external_react_default.a.createElement(StyledRemove, {
512
+ $appearance: $appearance,
506
513
  $disabled: disabled,
507
514
  $foregroundColor: $foregroundColor
508
515
  }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
package/Clickable.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 = 195);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 196);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -102,13 +102,6 @@ module.exports = require("prop-types");
102
102
  /***/ }),
103
103
 
104
104
  /***/ 10:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("lodash/has");
108
-
109
- /***/ }),
110
-
111
- /***/ 11:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -135,7 +128,14 @@ function updateReactRef(ref, current) {
135
128
 
136
129
  /***/ }),
137
130
 
138
- /***/ 195:
131
+ /***/ 11:
132
+ /***/ (function(module, exports) {
133
+
134
+ module.exports = require("lodash/has");
135
+
136
+ /***/ }),
137
+
138
+ /***/ 196:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
@@ -157,7 +157,7 @@ var external_prop_types_ = __webpack_require__(1);
157
157
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
158
158
 
159
159
  // EXTERNAL MODULE: external "lodash/has"
160
- var has_ = __webpack_require__(10);
160
+ var has_ = __webpack_require__(11);
161
161
 
162
162
  // EXTERNAL MODULE: external "lodash/isString"
163
163
  var isString_ = __webpack_require__(23);
@@ -217,7 +217,7 @@ function NavigationProvider(_ref) {
217
217
  NavigationProvider.propTypes = propTypes;
218
218
 
219
219
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
220
- var updateReactRef = __webpack_require__(11);
220
+ var updateReactRef = __webpack_require__(10);
221
221
 
222
222
  // CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
223
223
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
package/CloseButton.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 = 215);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 216);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 215:
111
+ /***/ 216:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/Code.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 = 216);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 217);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 114:
104
+ /***/ 115:
105
105
  /***/ (function(module, exports, __webpack_require__) {
106
106
 
107
107
 
@@ -2290,7 +2290,7 @@ Prism.languages.js = Prism.languages.javascript;
2290
2290
 
2291
2291
  /***/ }),
2292
2292
 
2293
- /***/ 124:
2293
+ /***/ 125:
2294
2294
  /***/ (function(module, exports) {
2295
2295
 
2296
2296
  module.exports = require("lodash/flatten");
@@ -2304,7 +2304,7 @@ module.exports = require("react");
2304
2304
 
2305
2305
  /***/ }),
2306
2306
 
2307
- /***/ 216:
2307
+ /***/ 217:
2308
2308
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2309
2309
 
2310
2310
  "use strict";
@@ -2327,23 +2327,23 @@ var castArray_ = __webpack_require__(65);
2327
2327
  var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
2328
2328
 
2329
2329
  // EXTERNAL MODULE: external "lodash/flatten"
2330
- var flatten_ = __webpack_require__(124);
2330
+ var flatten_ = __webpack_require__(125);
2331
2331
  var flatten_default = /*#__PURE__*/__webpack_require__.n(flatten_);
2332
2332
 
2333
2333
  // EXTERNAL MODULE: external "lodash/indexOf"
2334
- var indexOf_ = __webpack_require__(81);
2334
+ var indexOf_ = __webpack_require__(82);
2335
2335
  var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_);
2336
2336
 
2337
2337
  // EXTERNAL MODULE: external "lodash/repeat"
2338
- var repeat_ = __webpack_require__(79);
2338
+ var repeat_ = __webpack_require__(80);
2339
2339
  var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_);
2340
2340
 
2341
2341
  // EXTERNAL MODULE: external "lodash/times"
2342
- var times_ = __webpack_require__(78);
2342
+ var times_ = __webpack_require__(79);
2343
2343
  var times_default = /*#__PURE__*/__webpack_require__.n(times_);
2344
2344
 
2345
2345
  // EXTERNAL MODULE: ./src/Code/prism/prism.empty
2346
- var prism_empty = __webpack_require__(114);
2346
+ var prism_empty = __webpack_require__(115);
2347
2347
  var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
2348
2348
 
2349
2349
  // EXTERNAL MODULE: external "styled-components"
@@ -2605,21 +2605,21 @@ module.exports = require("lodash/castArray");
2605
2605
 
2606
2606
  /***/ }),
2607
2607
 
2608
- /***/ 78:
2608
+ /***/ 79:
2609
2609
  /***/ (function(module, exports) {
2610
2610
 
2611
2611
  module.exports = require("lodash/times");
2612
2612
 
2613
2613
  /***/ }),
2614
2614
 
2615
- /***/ 79:
2615
+ /***/ 80:
2616
2616
  /***/ (function(module, exports) {
2617
2617
 
2618
2618
  module.exports = require("lodash/repeat");
2619
2619
 
2620
2620
  /***/ }),
2621
2621
 
2622
- /***/ 81:
2622
+ /***/ 82:
2623
2623
  /***/ (function(module, exports) {
2624
2624
 
2625
2625
  module.exports = require("lodash/indexOf");
@@ -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 = 196);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 197);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("lodash/has");
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/Clickable");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 196:
118
+ /***/ 197:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -134,7 +134,7 @@ var external_prop_types_ = __webpack_require__(1);
134
134
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
135
135
 
136
136
  // EXTERNAL MODULE: external "lodash/has"
137
- var has_ = __webpack_require__(10);
137
+ var has_ = __webpack_require__(11);
138
138
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
139
139
 
140
140
  // EXTERNAL MODULE: external "lodash/keys"