@splunk/react-ui 4.19.0 → 4.21.0

package/Color.js

@@ -1,324 +1,189 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 178);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 106:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/slice");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 116:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/startsWith");
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 126:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/memoize");
-
-/***/ }),
-
-/***/ 127:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ChevronDown");
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/includes");
-
-/***/ }),
-
-/***/ 178:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Color_Color; });
-__webpack_require__.d(__webpack_exports__, "defaultPalette", function() { return /* reexport */ defaultPalette; });
-__webpack_require__.d(__webpack_exports__, "isValidHEX", function() { return /* reexport */ Color_isValidHEX; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
-
-// EXTERNAL MODULE: external "lodash/debounce"
-var debounce_ = __webpack_require__(66);
-var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
-
-// EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(11);
-var has_default = /*#__PURE__*/__webpack_require__.n(has_);
-
-// EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(15);
-var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
-
-// EXTERNAL MODULE: external "lodash/keys"
-var keys_ = __webpack_require__(9);
-var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
-
-// EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(5);
-var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
-
-// EXTERNAL MODULE: external "lodash/slice"
-var slice_ = __webpack_require__(106);
-var slice_default = /*#__PURE__*/__webpack_require__.n(slice_);
-
-// EXTERNAL MODULE: external "lodash/startsWith"
-var startsWith_ = __webpack_require__(116);
-var startsWith_default = /*#__PURE__*/__webpack_require__.n(startsWith_);
-
-// EXTERNAL MODULE: external "lodash/toLower"
-var toLower_ = __webpack_require__(34);
-var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
-
-// EXTERNAL MODULE: external "lodash/memoize"
-var memoize_ = __webpack_require__(126);
-var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_);
-
-// EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(67);
-var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(22);
-var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
-
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/color"
-var color_ = __webpack_require__(47);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(30);
-var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
-var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
-var Checkmark_ = __webpack_require__(76);
-var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
-var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
-
-// CONCATENATED MODULE: ./src/Color/SwatchStyles.ts
-
-
-
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* reexport */ Color_Color),
+  defaultPalette: () => (/* reexport */ defaultPalette),
+  isValidHEX: () => (/* reexport */ isValidHEX)
+});
 
-var backgroundBlockColor = Object(themes_["pick"])({
-  enterprise: themes_["variables"].gray80,
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/debounce"
+const debounce_namespaceObject = require("lodash/debounce");
+var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/has"
+const has_namespaceObject = require("lodash/has");
+var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/includes"
+const includes_namespaceObject = require("lodash/includes");
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/keys"
+const keys_namespaceObject = require("lodash/keys");
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/omit"
+const omit_namespaceObject = require("lodash/omit");
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/slice"
+const slice_namespaceObject = require("lodash/slice");
+var slice_default = /*#__PURE__*/__webpack_require__.n(slice_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/startsWith"
+const startsWith_namespaceObject = require("lodash/startsWith");
+var startsWith_default = /*#__PURE__*/__webpack_require__.n(startsWith_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/toLower"
+const toLower_namespaceObject = require("lodash/toLower");
+var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/memoize"
+const memoize_namespaceObject = require("lodash/memoize");
+var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_namespaceObject);
+;// CONCATENATED MODULE: external "tinycolor2"
+const external_tinycolor2_namespaceObject = require("tinycolor2");
+var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
+var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: external "@splunk/ui-utils/color"
+const color_namespaceObject = require("@splunk/ui-utils/color");
+;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
+;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Text"
+const Text_namespaceObject = require("@splunk/react-ui/Text");
+var Text_default = /*#__PURE__*/__webpack_require__.n(Text_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
+var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
+const Checkmark_namespaceObject = require("@splunk/react-icons/Checkmark");
+var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
+var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
+;// CONCATENATED MODULE: ./src/Color/SwatchStyles.ts
+
+
+
+
+var backgroundBlockColor = (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.gray80,
   prisma: 'rgba(0, 0, 0, 0.2)'
 });
-var transparentSwatch = Object(external_styled_components_["css"])(["background-image:linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " ),linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " );background-size:10px 10px;background-position:0 0,5px 5px;background-color:", ";"], backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, Object(themes_["pick"])({
+var transparentSwatch = (0,external_styled_components_namespaceObject.css)(["background-image:linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " ),linear-gradient( 45deg,", " 25%,transparent 25%,transparent 75%,", " 75%,", " );background-size:10px 10px;background-position:0 0,5px 5px;background-color:", ";"], backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, backgroundBlockColor, (0,themes_namespaceObject.pick)({
   enterprise: 'transparent',
-  prisma: themes_["variables"].white
+  prisma: themes_namespaceObject.variables.white
 }));
-var StyledCheck = external_styled_components_default()(Checkmark_default.a).withConfig({
+var StyledCheck = external_styled_components_default()((Checkmark_default())).withConfig({
   displayName: "SwatchStyles__StyledCheck",
   componentId: "sc-1wxunhq-0"
 })(["box-sizing:border-box;color:#d3d3d3;height:100%;width:100%;"]);
-var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
+var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
   displayName: "SwatchStyles__StyledClickable",
   componentId: "sc-1wxunhq-1"
-})(["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"])({
+})(["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));}", " ", ""], (0,themes_namespaceObject.pick)({
   enterprise: {
-    light: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray60),
-    dark: themes_["variables"].border
+    light: (0,external_styled_components_namespaceObject.css)(["1px solid ", ""], themes_namespaceObject.variables.gray60),
+    dark: themes_namespaceObject.variables.border
   },
-  prisma: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].interactiveColorBorder)
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["border-radius:2px;"])
+  prisma: (0,external_styled_components_namespaceObject.css)(["1px solid ", ""], themes_namespaceObject.variables.interactiveColorBorder)
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["border-radius:2px;"])
 }), function (_ref) {
   var $value = _ref.$value;
-  return $value === null && Object(external_styled_components_["css"])(["background-image:linear-gradient( to bottom right,transparent 48%,", ",transparent 52% );", ";"], Object(themes_["pick"])({
+  return $value === null && (0,external_styled_components_namespaceObject.css)(["background-image:linear-gradient( to bottom right,transparent 48%,", ",transparent 52% );", ";"], (0,themes_namespaceObject.pick)({
     enterprise: '#ed1e24',
-    prisma: themes_["variables"].accentColorNegative
-  }), Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["background-color:", ";"], themes_["variables"].white)
+    prisma: themes_namespaceObject.variables.accentColorNegative
+  }), (0,themes_namespaceObject.pick)({
+    prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.white)
   }));
 }, function (_ref2) {
   var $value = _ref2.$value;
   return $value && ($value === 'transparent' ? transparentSwatch : "background-color: ".concat($value));
 }, function (_ref3) {
   var $noBorder = _ref3.$noBorder;
-  return $noBorder && Object(external_styled_components_["css"])(["border:none;"]);
-}, themes_["variables"].focusColor, themes_["variables"].focusShadow, Object(themes_["pick"])({
+  return $noBorder && (0,external_styled_components_namespaceObject.css)(["border:none;"]);
+}, themes_namespaceObject.variables.focusColor, themes_namespaceObject.variables.focusShadow, (0,themes_namespaceObject.pick)({
   enterprise: {
-    comfortable: Object(external_styled_components_["css"])(["width:32px;height:32px;"]),
-    compact: Object(external_styled_components_["css"])(["width:28px;height:28px;"])
+    comfortable: (0,external_styled_components_namespaceObject.css)(["width:32px;height:32px;"]),
+    compact: (0,external_styled_components_namespaceObject.css)(["width:28px;height:28px;"])
   },
-  prisma: Object(external_styled_components_["css"])(["width:24px;height:24px;"])
+  prisma: (0,external_styled_components_namespaceObject.css)(["width:24px;height:24px;"])
 }), function (_ref4) {
   var $prepend = _ref4.$prepend;
-  return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
+  return $prepend && (0,external_styled_components_namespaceObject.css)(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
 }, function (_ref5) {
   var $append = _ref5.$append;
-  return $append && Object(external_styled_components_["css"])(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
+  return $append && (0,external_styled_components_namespaceObject.css)(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
 }, function (_ref6) {
   var $hasError = _ref6.$hasError;
-  return $hasError && Object(external_styled_components_["css"])(["box-shadow:inset 0 0 0 2px white;border-color:", ";"], Object(themes_["pick"])({
-    enterprise: themes_["variables"].errorColor,
-    prisma: themes_["variables"].accentColorNegative
+  return $hasError && (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 0 0 2px white;border-color:", ";"], (0,themes_namespaceObject.pick)({
+    enterprise: themes_namespaceObject.variables.errorColor,
+    prisma: themes_namespaceObject.variables.accentColorNegative
   }));
 }, function (_ref7) {
   var $showSelected = _ref7.$showSelected;
-  return $showSelected && Object(external_styled_components_["css"])(["display:flex;align-items:center;justify-content:center;"]);
+  return $showSelected && (0,external_styled_components_namespaceObject.css)(["display:flex;align-items:center;justify-content:center;"]);
 });
 
-// CONCATENATED MODULE: ./src/Color/Swatch.tsx
+;// CONCATENATED MODULE: ./src/Color/Swatch.tsx
 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); }
 
 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; }
@@ -332,24 +197,24 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var propTypes = {
-  append: external_prop_types_default.a.bool,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  append: (external_prop_types_default()).bool,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
 
   /** @private */
-  error: external_prop_types_default.a.bool,
+  error: (external_prop_types_default()).bool,
 
   /** @private */
-  noBorder: external_prop_types_default.a.bool,
+  noBorder: (external_prop_types_default()).bool,
 
   /** @private. Call back function when activated. */
-  onClick: external_prop_types_default.a.func,
-  prepend: external_prop_types_default.a.bool,
-  value: external_prop_types_default.a.string,
+  onClick: (external_prop_types_default()).func,
+  prepend: (external_prop_types_default()).bool,
+  value: (external_prop_types_default()).string,
 
   /** @private */
-  showSelected: external_prop_types_default.a.bool
+  showSelected: (external_prop_types_default()).bool
 };
-var Swatch = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref, ref) {
+var Swatch = /*#__PURE__*/external_react_default().forwardRef(function (_ref, ref) {
   var append = _ref.append,
       _ref$error = _ref.error,
       error = _ref$error === void 0 ? false : _ref$error,
@@ -360,16 +225,16 @@ var Swatch = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref, re
       showSelected = _ref.showSelected,
       otherProps = _objectWithoutProperties(_ref, ["append", "error", "onClick", "prepend", "value", "noBorder", "showSelected"]);
 
-  var screenReaderValue = value === null || value === undefined ? Object(i18n_["_"])('No color') : value; // Only valid hexadecimal strings, 'transparent' and `null` are allowed for background colors
+  var screenReaderValue = value === null || value === undefined ? (0,i18n_namespaceObject._)('No color') : value; // Only valid hexadecimal strings, 'transparent' and `null` are allowed for background colors
   // Invalid values are converted to `undefined`
 
   var $value = value;
 
-  if (!(typeof $value === 'string' && (Object(color_["isValidHexColor"])($value) || $value === 'transparent')) && $value !== null && $value !== undefined) {
+  if (!(typeof $value === 'string' && ((0,color_namespaceObject.isValidHexColor)($value) || $value === 'transparent')) && $value !== null && $value !== undefined) {
     $value = undefined;
   }
 
-  return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
+  return /*#__PURE__*/external_react_default().createElement(StyledClickable, _extends({
     onClick: function onClick(e) {
       return _onClick === null || _onClick === void 0 ? void 0 : _onClick(e, {
         value: value
@@ -384,121 +249,120 @@ var Swatch = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref, re
     $showSelected: showSelected,
     "data-test": "swatch",
     "data-test-value": value
-  }, otherProps), showSelected && /*#__PURE__*/external_react_default.a.createElement(StyledCheck, {
-    "aria-label": Object(i18n_["_"])('Selected'),
+  }, otherProps), showSelected && /*#__PURE__*/external_react_default().createElement(StyledCheck, {
+    "aria-label": (0,i18n_namespaceObject._)('Selected'),
     role: "presentation"
-  }), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, screenReaderValue));
+  }), /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, screenReaderValue));
 });
 Swatch.propTypes = propTypes;
-/* harmony default export */ var Color_Swatch = (Swatch);
-// CONCATENATED MODULE: ./src/Color/ColorStyles.ts
+/* harmony default export */ const Color_Swatch = (Swatch);
+;// CONCATENATED MODULE: ./src/Color/ColorStyles.ts
 
 
 
 
-var StyledColor = external_styled_components_default.a.div.withConfig({
+var StyledColor = external_styled_components_default().div.withConfig({
   displayName: "ColorStyles__StyledColor",
   componentId: "jxrost-0"
-})(["", ";flex-direction:row;"], themes_["mixins"].reset('flex'));
-var StyledInput = external_styled_components_default.a.div.withConfig({
+})(["", ";flex-direction:row;"], themes_namespaceObject.mixins.reset('flex'));
+var StyledInput = external_styled_components_default().div.withConfig({
   displayName: "ColorStyles__StyledInput",
   componentId: "jxrost-1"
-})(["", ";"], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["display:flex;width:100%;"]),
-  prisma: Object(external_styled_components_["css"])(["position:relative;", ""], function (_ref) {
+})(["", ";"], (0,themes_namespaceObject.pick)({
+  enterprise: (0,external_styled_components_namespaceObject.css)(["display:flex;width:100%;"]),
+  prisma: (0,external_styled_components_namespaceObject.css)(["position:relative;", ""], function (_ref) {
     var $inDropdown = _ref.$inDropdown;
-    return $inDropdown ? Object(external_styled_components_["css"])(["width:80px;"]) : Object(external_styled_components_["css"])(["flex:0 1 auto;min-width:0;"]);
+    return $inDropdown ? (0,external_styled_components_namespaceObject.css)(["width:80px;"]) : (0,external_styled_components_namespaceObject.css)(["flex:0 1 auto;min-width:0;"]);
   })
 }));
-var StyledInputText = external_styled_components_default()(Text_default.a).withConfig({
+var StyledInputText = external_styled_components_default()((Text_default())).withConfig({
   displayName: "ColorStyles__StyledInputText",
   componentId: "jxrost-2"
 })(["", ""], function (_ref2) {
   var $inDropdown = _ref2.$inDropdown;
-  return $inDropdown && Object(external_styled_components_["css"])(["font-size:12px;"]);
+  return $inDropdown && (0,external_styled_components_namespaceObject.css)(["font-size:12px;"]);
 });
 var StyledToggleSwatch = external_styled_components_default()(Color_Swatch).withConfig({
   displayName: "ColorStyles__StyledToggleSwatch",
   componentId: "jxrost-3"
-})(["", ""], Object(themes_["pick"])({
+})(["", ""], (0,themes_namespaceObject.pick)({
   prisma: {
-    comfortable: Object(external_styled_components_["css"])(["width:40px;height:40px;"]),
-    compact: Object(external_styled_components_["css"])(["width:32px;height:32px;"])
+    comfortable: (0,external_styled_components_namespaceObject.css)(["width:40px;height:40px;"]),
+    compact: (0,external_styled_components_namespaceObject.css)(["width:32px;height:32px;"])
   },
   enterprise: {
-    comfortable: Object(external_styled_components_["css"])(["width:32px;height:32px;"]),
-    compact: Object(external_styled_components_["css"])(["width:28px;height:28px;"])
+    comfortable: (0,external_styled_components_namespaceObject.css)(["width:32px;height:32px;"]),
+    compact: (0,external_styled_components_namespaceObject.css)(["width:28px;height:28px;"])
   }
 }));
 
-// EXTERNAL MODULE: external "@splunk/react-icons/ChevronDown"
-var ChevronDown_ = __webpack_require__(127);
-var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_);
+;// CONCATENATED MODULE: external "@splunk/react-icons/ChevronDown"
+const ChevronDown_namespaceObject = require("@splunk/react-icons/ChevronDown");
+var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_namespaceObject);
+;// CONCATENATED MODULE: ./src/Color/PaletteStyles.ts
 
-// CONCATENATED MODULE: ./src/Color/PaletteStyles.ts
 
 
 
-
-var StyledPalette = external_styled_components_default.a.div.withConfig({
+var StyledPalette = external_styled_components_default().div.withConfig({
   displayName: "PaletteStyles__StyledPalette",
   componentId: "qgv9v9-0"
-})(["width:", ";padding:", ";", ""], Object(themes_["pick"])({
+})(["width:", ";padding:", ";", ""], (0,themes_namespaceObject.pick)({
   enterprise: '180px',
   prisma: '224px'
-}), Object(themes_["pick"])({
-  enterprise: themes_["variables"].spacingHalf,
+}), (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.spacingHalf,
   prisma: '8px'
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["display:flex;flex-direction:column;border-radius:2px;"])
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["display:flex;flex-direction:column;border-radius:2px;"])
 }));
-var StyledSwatches = external_styled_components_default.a.ul.withConfig({
+var StyledSwatches = external_styled_components_default().ul.withConfig({
   displayName: "PaletteStyles__StyledSwatches",
   componentId: "qgv9v9-1"
-})(["", ";margin-bottom:", ";margin-right:", ";", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
+})(["", ";margin-bottom:", ";margin-right:", ";", ""], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
   enterprise: '6px'
-}), Object(themes_["pick"])({
+}), (0,themes_namespaceObject.pick)({
   enterprise: '-6px'
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["position:relative;"])
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["position:relative;"])
 }));
-var StyledSwatch = external_styled_components_default.a.li.withConfig({
+var StyledSwatch = external_styled_components_default().li.withConfig({
   displayName: "PaletteStyles__StyledSwatch",
   componentId: "qgv9v9-2"
-})(["", ";margin-right:", ";margin-bottom:", ";", ""], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
-  enterprise: themes_["variables"].spacingQuarter,
+})(["", ";margin-right:", ";margin-bottom:", ";", ""], themes_namespaceObject.mixins.reset('inline-block'), (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.spacingQuarter,
   prisma: '4px'
-}), Object(themes_["pick"])({
-  enterprise: themes_["variables"].spacingQuarter,
+}), (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.spacingQuarter,
   prisma: '4px'
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["vertical-align:top;&:nth-child(8n){margin-right:0;}"])
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["vertical-align:top;&:nth-child(8n){margin-right:0;}"])
 }));
-var StyledToolBarPrisma = external_styled_components_default.a.div.withConfig({
+var StyledToolBarPrisma = external_styled_components_default().div.withConfig({
   displayName: "PaletteStyles__StyledToolBarPrisma",
   componentId: "qgv9v9-3"
 })(["position:relative;display:flex;align-items:center;padding:0;margin-top:12px;gap:4px;"]);
-var StyledExpandButton = external_styled_components_default()(Clickable_default.a).withConfig({
+var StyledExpandButton = external_styled_components_default()((Clickable_default())).withConfig({
   displayName: "PaletteStyles__StyledExpandButton",
   componentId: "qgv9v9-4"
-})(["position:absolute;bottom:4px;right:4px;padding:2px 4px;border-radius:2px;&:focus{box-shadow:", ";}", ""], themes_["variables"].focusShadow, function (_ref) {
+})(["position:absolute;bottom:4px;right:4px;padding:2px 4px;border-radius:2px;&:focus{box-shadow:", ";}", ""], themes_namespaceObject.variables.focusShadow, function (_ref) {
   var $expanded = _ref.$expanded;
-  return $expanded && Object(external_styled_components_["css"])(["transform:rotate(180deg);"]);
+  return $expanded && (0,external_styled_components_namespaceObject.css)(["transform:rotate(180deg);"]);
 });
-var StyledSystemColorPickerWrapper = external_styled_components_default.a.div.withConfig({
+var StyledSystemColorPickerWrapper = external_styled_components_default().div.withConfig({
   displayName: "PaletteStyles__StyledSystemColorPickerWrapper",
   componentId: "qgv9v9-5"
 })(["position:relative;"]);
-var StyledSystemColorPicker = external_styled_components_default.a.input.withConfig({
+var StyledSystemColorPicker = external_styled_components_default().input.withConfig({
   displayName: "PaletteStyles__StyledSystemColorPicker",
   componentId: "qgv9v9-6"
-})(["box-sizing:border-box;height:24px;width:24px;border:none;border-radius:2px;outline:none;appearance:none;padding:12px;margin:0;background:conic-gradient( #ef3434,#ef9a34,#deef34,#78ef34,#34ef56,#34efbc,#34bcef,#3456ef,#7834ef,#de34ef,#ef349a,#ef3434 );background-repeat:no-repeat;background-position:-6px -6px;background-size:36px 36px;cursor:pointer;&::-webkit-color-swatch{border:none;border-radius:2px;}&::-moz-color-swatch{opacity:0;}&:focus{box-shadow:", ";}"], themes_["variables"].focusShadow);
-var PaletteStyles_StyledCheck = external_styled_components_default()(Checkmark_default.a).withConfig({
+})(["box-sizing:border-box;height:24px;width:24px;border:none;border-radius:2px;outline:none;appearance:none;padding:12px;margin:0;background:conic-gradient( #ef3434,#ef9a34,#deef34,#78ef34,#34ef56,#34efbc,#34bcef,#3456ef,#7834ef,#de34ef,#ef349a,#ef3434 );background-repeat:no-repeat;background-position:-6px -6px;background-size:36px 36px;cursor:pointer;&::-webkit-color-swatch{border:none;border-radius:2px;}&::-moz-color-swatch{opacity:0;}&:focus{box-shadow:", ";}"], themes_namespaceObject.variables.focusShadow);
+var PaletteStyles_StyledCheck = external_styled_components_default()((Checkmark_default())).withConfig({
   displayName: "PaletteStyles__StyledCheck",
   componentId: "qgv9v9-7"
 })(["box-sizing:border-box;color:#d3d3d3;height:100%;width:100%;position:absolute;top:0;left:0;pointer-events:none;"]);
 
-// CONCATENATED MODULE: ./src/Color/Palette.tsx
+;// CONCATENATED MODULE: ./src/Color/Palette.tsx
 
 
 
@@ -520,7 +384,7 @@ function Palette(_ref) {
       onSystemColorPickerChange = _ref.onSystemColorPickerChange,
       renderInput = _ref.renderInput;
 
-  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
+  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
       isPrisma = _useSplunkTheme.isPrisma,
       isLight = _useSplunkTheme.isLight;
 
@@ -531,9 +395,9 @@ function Palette(_ref) {
     var formattedValue = swatchValue === null ? null : toLower_default()(swatchValue);
     var selected = formattedValue === value;
     var shouldFocus = !isValueInPalette && index === 0 || isValueInPalette && selected;
-    return /*#__PURE__*/external_react_default.a.createElement(StyledSwatch, {
+    return /*#__PURE__*/external_react_default().createElement(StyledSwatch, {
       key: formattedValue || 'null'
-    }, /*#__PURE__*/external_react_default.a.createElement(Color_Swatch, {
+    }, /*#__PURE__*/external_react_default().createElement(Color_Swatch, {
       value: formattedValue,
       ref: shouldFocus ? swatchToFocusRef : null,
       onClick: onSwatchClick,
@@ -547,55 +411,55 @@ function Palette(_ref) {
     var swatchEnd = swatches.length === 8 ? 7 : 15;
     var swatchesDefaultDisplay = slice_default()(swatches, 0, swatchEnd);
     var swatchesExpandDisplay = slice_default()(swatches, swatchEnd);
-    return /*#__PURE__*/external_react_default.a.createElement(StyledPalette, null, /*#__PURE__*/external_react_default.a.createElement("div", {
+    return /*#__PURE__*/external_react_default().createElement(StyledPalette, null, /*#__PURE__*/external_react_default().createElement("div", {
       style: {
         position: 'relative'
       }
-    }, /*#__PURE__*/external_react_default.a.createElement(StyledSwatches, null, swatchesDefaultDisplay, expanded && swatchesExpandDisplay), expanded && /*#__PURE__*/external_react_default.a.createElement(StyledToolBarPrisma, {
+    }, /*#__PURE__*/external_react_default().createElement(StyledSwatches, null, swatchesDefaultDisplay, expanded && swatchesExpandDisplay), expanded && /*#__PURE__*/external_react_default().createElement(StyledToolBarPrisma, {
       "data-test": "tool-bar"
-    }, /*#__PURE__*/external_react_default.a.createElement(themes_["SplunkThemeProvider"], {
+    }, /*#__PURE__*/external_react_default().createElement(themes_namespaceObject.SplunkThemeProvider, {
       density: "compact"
-    }, renderInput && renderInput()), /*#__PURE__*/external_react_default.a.createElement(Color_Swatch, {
+    }, renderInput && renderInput()), /*#__PURE__*/external_react_default().createElement(Color_Swatch, {
       value: null,
       ref: value === null ? swatchToFocusRef : null,
       onClick: onSwatchClick,
       noBorder: !isLight,
       showSelected: value === null
-    }), /*#__PURE__*/external_react_default.a.createElement(Color_Swatch, {
+    }), /*#__PURE__*/external_react_default().createElement(Color_Swatch, {
       value: "#ffffff",
       ref: value === '#ffffff' ? swatchToFocusRef : null,
       onClick: onSwatchClick,
       noBorder: !isLight,
       showSelected: value === '#ffffff'
-    }), /*#__PURE__*/external_react_default.a.createElement(Color_Swatch, {
+    }), /*#__PURE__*/external_react_default().createElement(Color_Swatch, {
       value: "#000000",
       ref: value === '#000000' ? swatchToFocusRef : null,
       onClick: onSwatchClick,
       noBorder: true,
       showSelected: value === '#000000'
-    }), /*#__PURE__*/external_react_default.a.createElement(StyledSystemColorPickerWrapper, null, /*#__PURE__*/external_react_default.a.createElement(StyledSystemColorPicker, {
+    }), /*#__PURE__*/external_react_default().createElement(StyledSystemColorPickerWrapper, null, /*#__PURE__*/external_react_default().createElement(StyledSystemColorPicker, {
       type: "color" // TODO: SUI-2806 Remove the warning with Prisma null example
       // Warning only exists in Chrome: https://chromium.googlesource.com/chromium/src/+/011c27ced479c76cffd5093ce107082e4da657f3/third_party/blink/renderer/core/html/forms/color_input_type.cc#190
       ,
       value: value === null ? '' : value,
       onChange: onSystemColorPickerChange,
       ref: isCustomColor ? swatchToFocusRef : null
-    }), isCustomColor && /*#__PURE__*/external_react_default.a.createElement(PaletteStyles_StyledCheck, {
-      "aria-label": Object(i18n_["_"])('Selected'),
+    }), isCustomColor && /*#__PURE__*/external_react_default().createElement(PaletteStyles_StyledCheck, {
+      "aria-label": (0,i18n_namespaceObject._)('Selected'),
       role: "presentation"
-    }))), /*#__PURE__*/external_react_default.a.createElement(StyledExpandButton, {
+    }))), /*#__PURE__*/external_react_default().createElement(StyledExpandButton, {
       ref: expandButtonRef,
       $expanded: expanded,
       onClick: onPaletteExpand,
       "data-test": "expand-button"
-    }, /*#__PURE__*/external_react_default.a.createElement(ChevronDown_default.a, null))));
+    }, /*#__PURE__*/external_react_default().createElement((ChevronDown_default()), null))));
   }
 
-  return /*#__PURE__*/external_react_default.a.createElement(StyledPalette, null, /*#__PURE__*/external_react_default.a.createElement(StyledSwatches, null, swatches), renderInput && renderInput());
+  return /*#__PURE__*/external_react_default().createElement(StyledPalette, null, /*#__PURE__*/external_react_default().createElement(StyledSwatches, null, swatches), renderInput && renderInput());
 }
 
-/* harmony default export */ var Color_Palette = (Palette);
-// CONCATENATED MODULE: ./src/Color/Color.tsx
+/* harmony default export */ const Color_Palette = (Palette);
+;// CONCATENATED MODULE: ./src/Color/Color.tsx
 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); }
 
 function Color_extends() { Color_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 Color_extends.apply(this, arguments); }
@@ -679,22 +543,22 @@ var generatePalette = memoize_default()(function (initialPalette) {
 
 var toolPalette = ['#ffffff', '#000000', null];
 var Color_propTypes = {
-  append: external_prop_types_default.a.bool,
-  defaultValue: external_prop_types_default.a.string,
-  describedBy: external_prop_types_default.a.string,
-  disabled: external_prop_types_default.a.bool,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  error: external_prop_types_default.a.bool,
-  hideInput: external_prop_types_default.a.bool,
-  labelledBy: external_prop_types_default.a.string,
-  name: external_prop_types_default.a.string,
-  onChange: external_prop_types_default.a.func,
-  palette: external_prop_types_default.a.array,
-  prepend: external_prop_types_default.a.bool,
+  append: (external_prop_types_default()).bool,
+  defaultValue: (external_prop_types_default()).string,
+  describedBy: (external_prop_types_default()).string,
+  disabled: (external_prop_types_default()).bool,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  error: (external_prop_types_default()).bool,
+  hideInput: (external_prop_types_default()).bool,
+  labelledBy: (external_prop_types_default()).string,
+  name: (external_prop_types_default()).string,
+  onChange: (external_prop_types_default()).func,
+  palette: (external_prop_types_default()).array,
+  prepend: (external_prop_types_default()).bool,
 
   /** @private */
-  splunkTheme: external_prop_types_default.a.object,
-  value: external_prop_types_default.a.string
+  splunkTheme: (external_prop_types_default()).object,
+  value: (external_prop_types_default()).string
 };
 var defaultProps = {
   append: false,
@@ -706,8 +570,8 @@ var defaultProps = {
 };
 
 // TODO: SUI-2551 Deprecate this in favor of ui-utils implementation
-var Color_isValidHEX = function isValidHEX(value) {
-  return Object(color_["isValidHexColor"])(value);
+var isValidHEX = function isValidHEX(value) {
+  return (0,color_namespaceObject.isValidHexColor)(value);
 };
 
 var NAUppercase = 'N/A';
@@ -720,7 +584,7 @@ var NALowercase = 'n/a';
  *     2. Otherwise the first color swatch receives focus.
  */
 
-var Color_Color = /*#__PURE__*/function (_Component) {
+var Color = /*#__PURE__*/function (_Component) {
   _inherits(Color, _Component);
 
   var _super = _createSuper(Color);
@@ -807,7 +671,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'enter') {
+      if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'enter') {
         e.preventDefault();
 
         _this.handleRequestClose({
@@ -943,11 +807,11 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       _this.focus();
     }, 200));
 
-    _this.focusSwatch = /*#__PURE__*/external_react_default.a.createRef();
-    _this.focusExpandButton = /*#__PURE__*/external_react_default.a.createRef();
+    _this.focusSwatch = /*#__PURE__*/external_react_default().createRef();
+    _this.focusExpandButton = /*#__PURE__*/external_react_default().createRef();
     _this.controlledExternally = has_default()(props, 'value'); // value can be hexadecimal color, 'transparent' or null
 
-    var _value = _this.controlledExternally ? Object(color_["expandShortHandHex"])(props.value) : Object(color_["expandShortHandHex"])(props.defaultValue);
+    var _value = _this.controlledExternally ? (0,color_namespaceObject.expandShortHandHex)(props.value) : (0,color_namespaceObject.expandShortHandHex)(props.defaultValue);
 
     if (_value !== null) {
       _value = toLower_default()(_value);
@@ -996,7 +860,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
         return value === null ? null : toLower_default()(value);
       };
 
-      var sixDigitHex = Object(color_["expandShortHandHex"])(this.props.value);
+      var sixDigitHex = (0,color_namespaceObject.expandShortHandHex)(this.props.value);
 
       if (this.props.value === null && !this.showNull()) {
         return undefined;
@@ -1015,7 +879,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var isPrisma = splunkTheme.isPrisma;
 
       if (displayValue) {
-        var isValidHEXValue = Color_isValidHEX(displayValue);
+        var isValidHEXValue = isValidHEX(displayValue);
 
         if (!isValidHEXValue && displayValue !== 'transparent' && displayValue !== NAUppercase) {
           // eslint-disable-next-line no-console
@@ -1023,14 +887,14 @@ var Color_Color = /*#__PURE__*/function (_Component) {
         }
 
         if (isValidHEXValue || Color.hasTransparent(this.props.palette) && displayValue === 'transparent' || (Color.hasNull(this.props.palette) || isPrisma) && displayValue === NAUppercase) {
-          var formattedDisplayValue = Object(color_["expandShortHandHex"])(displayValue);
+          var formattedDisplayValue = (0,color_namespaceObject.expandShortHandHex)(displayValue);
           this.setState({
             displayValue: formattedDisplayValue
           });
           var hasColorChanged = displayValue !== (this.props.value && toLower_default()(this.props.value));
           var name = this.props.name;
           var value = displayValue === NAUppercase ? null : displayValue;
-          var formattedValue = Object(color_["expandShortHandHex"])(value);
+          var formattedValue = (0,color_namespaceObject.expandShortHandHex)(value);
 
           if (displayValue && !this.isControlled()) {
             this.setState({
@@ -1085,22 +949,22 @@ var Color_Color = /*#__PURE__*/function (_Component) {
 
       inputSwatchValue = showTransparent ? 'transparent' : inputSwatchValue;
       inputSwatchValue = showNullSwatch ? null : inputSwatchValue;
-      return /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
+      return /*#__PURE__*/external_react_default().createElement(StyledInput, {
         $inDropdown: inDropdown
-      }, /*#__PURE__*/external_react_default.a.createElement(StyledInputText, {
+      }, /*#__PURE__*/external_react_default().createElement(StyledInputText, {
         $inDropdown: inDropdown,
         append: textAppend,
         autoCapitalize: "off",
         autoComplete: "off",
         autoCorrect: "off",
         spellCheck: false,
-        "aria-label": Object(i18n_["_"])('Hexadecimal color value'),
+        "aria-label": (0,i18n_namespaceObject._)('Hexadecimal color value'),
         prepend: textPrepend,
         inline: textInline,
         onKeyDown: this.handleTextKeyDown,
         onChange: this.handleTextChange,
         value: displayValue
-      }), !isPrisma && /*#__PURE__*/external_react_default.a.createElement(Color_Swatch, {
+      }), !isPrisma && /*#__PURE__*/external_react_default().createElement(Color_Swatch, {
         "data-test": "textbox-swatch",
         onClick: this.handleButtonClick,
         value: inputSwatchValue,
@@ -1121,7 +985,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
           palette = _this$props5.palette;
       var expanded = this.state.expanded;
       var isPrisma = splunkTheme.isPrisma;
-      return /*#__PURE__*/external_react_default.a.createElement(Color_Palette, {
+      return /*#__PURE__*/external_react_default().createElement(Color_Palette, {
         palette: palette,
         value: this.getValue(),
         swatchToFocusRef: this.focusSwatch,
@@ -1168,7 +1032,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var isPrisma = splunkTheme.isPrisma;
       var value = this.getValue();
       var displayValue = this.state.displayValue;
-      var toggle = /*#__PURE__*/external_react_default.a.createElement(StyledToggleSwatch, Color_extends({
+      var toggle = /*#__PURE__*/external_react_default().createElement(StyledToggleSwatch, Color_extends({
         append: isPrisma && !hideInput ? true : append,
         "data-test": "color",
         "data-test-value": displayValue,
@@ -1183,7 +1047,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
         value: value
       }, omit_default()(otherProps, [].concat(_toConsumableArray(keys_default()(Color.propTypes)), [// TS: trick omit
       'onChange']))));
-      return /*#__PURE__*/external_react_default.a.createElement(StyledColor, null, /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
+      return /*#__PURE__*/external_react_default().createElement(StyledColor, null, /*#__PURE__*/external_react_default().createElement((Dropdown_default()), {
         closeReasons: ['clickAway', 'escapeKey', 'offScreen', 'toggleClick'],
         onRequestClose: this.handleRequestClose,
         onRequestOpen: this.handleRequestOpen,
@@ -1205,112 +1069,20 @@ var Color_Color = /*#__PURE__*/function (_Component) {
   }]);
 
   return Color;
-}(external_react_["Component"]);
+}(external_react_namespaceObject.Component);
 
-_defineProperty(Color_Color, "propTypes", Color_propTypes);
+_defineProperty(Color, "propTypes", Color_propTypes);
 
-_defineProperty(Color_Color, "defaultProps", defaultProps);
+_defineProperty(Color, "defaultProps", defaultProps);
 
-var ColorWithTheme = Object(themes_["withSplunkTheme"])(Color_Color);
-ColorWithTheme.propTypes = Color_Color.propTypes;
+var ColorWithTheme = (0,themes_namespaceObject.withSplunkTheme)(Color);
+ColorWithTheme.propTypes = Color.propTypes;
  // TODO: SUI-2551 Deprecate this in favor of ui-utils implementation
 
-/* harmony default export */ var src_Color_Color = (ColorWithTheme);
-// CONCATENATED MODULE: ./src/Color/index.ts
-
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 22:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Dropdown");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 30:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Text");
-
-/***/ }),
-
-/***/ 34:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/toLower");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/color");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 66:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/debounce");
-
-/***/ }),
-
-/***/ 67:
-/***/ (function(module, exports) {
-
-module.exports = require("tinycolor2");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/keyboard");
-
-/***/ }),
-
-/***/ 76:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Checkmark");
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/keys");
+/* harmony default export */ const Color_Color = (ColorWithTheme);
+;// CONCATENATED MODULE: ./src/Color/index.ts
 
-/***/ })
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;