@luminati-io/uikit 5.2.11-beta.0 → 6.0.0

package/dist/umd/uikit.development.js

@@ -31150,7 +31150,7 @@ var DefaultTooltip = function DefaultTooltip(props) {
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipHeader, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
     variant: "base",
-    color: "text_teritary"
+    color: "text_tertiary"
   }, "".concat(getX(nearestDatum.key, nearestDatum === null || nearestDatum === void 0 ? void 0 : nearestDatum.datum)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipContent, null, series.filter(function (name) {
     return name;
   }).map(function (name) {
@@ -31169,7 +31169,7 @@ var DefaultTooltip = function DefaultTooltip(props) {
       color: "text_quaternary"
     }, name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
       variant: "sm",
-      color: "text_teritary"
+      color: "text_tertiary"
     }, value));
   })));
 };
@@ -31253,7 +31253,7 @@ var useChartTheme = function useChartTheme(palette) {
       fontWeight: 400 // regular,
     };
     var smallLabelProps = {
-      fill: color.text_teritary,
+      fill: color.text_tertiary,
       fontSize: 12,
       // xs
       fontFamily: font_family.sans,
@@ -33528,7 +33528,7 @@ var useStyles = function useStyles(_ref) {
         };
         var borderColor = color.border;
         var boxShadow = 'none';
-        var foreColor = color.text_teritary;
+        var foreColor = color.text_tertiary;
         var backgroundColor = color.bg;
         var cursor = 'text';
         if (isDisabled) {
@@ -33605,7 +33605,7 @@ var useStyles = function useStyles(_ref) {
           gap: '8px',
           height: '40px',
           backgroundColor: isFocused ? color.bg_fill_secondary : undefined,
-          color: isDisabled ? color.text_disabled : color.text_teritary,
+          color: isDisabled ? color.text_disabled : color.text_tertiary,
           '&:hover': {
             backgroundColor: color.bg_fill_secondary
           }
@@ -34440,11 +34440,11 @@ var DraggableItem = function DraggableItem(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Dragger, null, !disableDrag && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     name: "DragAndDrop",
     size: "xs",
-    color: "gray_9",
+    color: "icon",
     verticalAlign: "sub"
   })), name && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Truncated_label, {
     variant: "lg",
-    color: "gray_11_50"
+    color: "text_tertiary"
   }, name), children);
 };
 DraggableItem.displayName = 'DraggableItem';
@@ -34458,11 +34458,11 @@ var DraggedContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
   componentId: "sc-167vnen-0"
 })(["border-radius:4px;&:hover{background-color:", ";}", ""], function (_ref2) {
   var color = _ref2.theme.color;
-  return color.gray_2;
+  return color.bg_fill;
 }, function (_ref3) {
   var $dragging = _ref3.$dragging,
     color = _ref3.theme.color;
-  return $dragging && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";"], color.gray_3);
+  return $dragging && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", " !important;"], color.bg_fill_secondary);
 });
 var Truncated_label = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typography__WEBPACK_IMPORTED_MODULE_3__.Label).withConfig({
   displayName: "Truncated_label",
@@ -35217,7 +35217,7 @@ var useStyles = function useStyles(_ref) {
         };
         var borderColor = color.border;
         var boxShadow = 'none';
-        var foreColor = color.text_teritary;
+        var foreColor = color.text_tertiary;
         var backgroundColor = color.bg;
         var cursor = 'text';
         if (isDisabled) {
@@ -36371,7 +36371,7 @@ var CountrySelect = function CountrySelect(_ref) {
       no_wrap: true
     }, _getCountryLabel(opt)), !!countryCallingCode && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
       variant: "sm",
-      color: "text_teritary"
+      color: "text_tertiary"
     }, "+", countryCallingCode));
   }, [_getCountryLabel, _getCountryCallingCode, _getCountryFlag]);
   var filterOption = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (_ref3, inputValue) {
@@ -36594,7 +36594,7 @@ var useStyles = function useStyles(size) {
           fontWeight: font_weight.regular,
           fontSize: font_size.sm,
           lineHeight: line_height.none,
-          color: isDisabled ? color.text_disabled : color.text_teritary,
+          color: isDisabled ? color.text_disabled : color.text_tertiary,
           backgroundColor: isDisabled ? color.bg_fill_teritary : color.bg,
           borderColor: isDisabled ? color.border_disabled : color.border,
           cursor: isDisabled ? 'default' : 'text',
@@ -36650,7 +36650,7 @@ var useStyles = function useStyles(size) {
           isDisabled = _ref11.isDisabled;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           backgroundColor: isFocused ? color.bg_fill_secondary : undefined,
-          color: isDisabled ? color.text_disabled : color.text_teritary,
+          color: isDisabled ? color.text_disabled : color.text_tertiary,
           '&:hover': {
             backgroundColor: color.bg_fill_secondary
           }
@@ -36943,41 +36943,24 @@ var RadioWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.
 var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
   displayName: "RadioControl",
   componentId: "sc-7im0vh-1"
-})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px solid;border-radius:50%;", " &:after{content:'';border-radius:50%;}", ""], function (props) {
-  var s = props.size == 'sm' ? 16 : 20;
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["min-width:", ";max-width:", ";height:", ";&:after{width:", ";height:", ";}"], (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(s / 2), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(s / 2));
-}, function (_ref2) {
-  var checked = _ref2.checked,
-    disabled = _ref2.disabled,
+})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px solid;border-radius:50%;", " ", ""], function (_ref2) {
+  var size = _ref2.size,
     color = _ref2.theme.color;
-  var borderColor, hoverBorderColor, activeBorderColor;
-  var activeOutlineColor;
-  var backgroundColor, hoverBackgroundColor, activeBackgroundColor;
-  var beforeColor, hoverBeforeColor, activeBeforeColor;
+  var p = size == 'sm' ? 16 : 20;
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["min-width:", ";max-width:", ";height:", ";background-color:", ";&:after{content:'';border-radius:50%;width:", ";height:", ";}"], (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(p), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(p), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(p), color.bg, (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(p / 2), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(p / 2));
+}, function (_ref3) {
+  var checked = _ref3.checked,
+    disabled = _ref3.disabled,
+    _ref3$theme = _ref3.theme,
+    color = _ref3$theme.color,
+    shadow = _ref3$theme.shadow;
   if (disabled) {
-    borderColor = hoverBorderColor = activeBorderColor = color.border_disabled;
-    backgroundColor = hoverBackgroundColor = activeBackgroundColor = color.white;
-    if (checked) {
-      beforeColor = hoverBeforeColor = activeBeforeColor = color.border_accent;
-    }
-  } else {
-    if (checked) {
-      borderColor = activeBorderColor = color.bg_fill_primary;
-      backgroundColor = hoverBackgroundColor = activeBackgroundColor = color.white;
-      beforeColor = activeBeforeColor = color.bg_fill_primary;
-      hoverBorderColor = color.bg_fill_primary_hover;
-      hoverBackgroundColor = color.white;
-      hoverBeforeColor = color.bg_fill_primary_hover;
-      activeOutlineColor = color.bg_fill_primary;
-    } else {
-      borderColor = color.border_accent;
-      backgroundColor = activeBackgroundColor = color.white;
-      hoverBorderColor = color.border_accent;
-      hoverBackgroundColor = color.bg_fill_secondary;
-      activeBorderColor = color.icon_primary;
-    }
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["border-color:", ";&:after{background-color:", ";}"], color.border_info, checked ? color.border_info : color.bg);
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["border-color:", ";background-color:", ";&:after{background-color:", ";}&:hover{border-color:", ";background-color:", ";}&:hover:after{background-color:", ";}&:active{border-color:", ";background-color:", ";", "}&:active:after{background-color:", ";}"], borderColor, backgroundColor, beforeColor, hoverBorderColor, hoverBackgroundColor, hoverBeforeColor, activeBorderColor, activeBackgroundColor, activeOutlineColor && "box-shadow: 0 0 0 3px ".concat(activeOutlineColor, ";"), activeBeforeColor);
+  if (checked) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["border-color:", ";&:after{background-color:", ";}&:hover{border-color:", ";&:after{background-color:", ";}}&:active{border-color:", ";box-shadow:", ";&:after{background-color:", ";}}"], color.bg_fill_primary, color.bg_fill_primary, color.bg_fill_primary_hover, color.bg_fill_primary_hover, color.bg_fill_primary, shadow.primary, color.bg);
+  }
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["border-color:", ";&:after{background-color:", ";}&:hover{border-color:", ";background-color:", ";&:after{background-color:", ";}}&:active{border-color:", ";&:active:after{background-color:", ";}}"], color.border_accent, color.bg, color.border_accent, color.bg_component_hover, color.bg_component_hover, color.icon_primary, color.bg);
 });
 var GroupWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_layout__WEBPACK_IMPORTED_MODULE_1__.Flex).withConfig({
   displayName: "GroupWrapper",
@@ -37232,7 +37215,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["options", "classNamePrefix", "rounded", "disabled", "size"];
+var _excluded = ["options", "classNamePrefix", "rounded", "disabled", "size"],
+  _excluded2 = ["label", "tag", "tagVariant", "description", "disabled", "img"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -37271,13 +37255,13 @@ var Img = styled_components__WEBPACK_IMPORTED_MODULE_2___default().img.withConfi
   displayName: "Img",
   componentId: "sc-1cp95by-1"
 })(["max-width:60px;"]);
-var RadioTabLabel = function RadioTabLabel(props) {
-  var label = props.label,
-    tag = props.tag,
-    tagVariant = props.tagVariant,
-    description = props.description,
-    disabled = props.disabled,
-    img = props.img;
+var RadioTabLabel = function RadioTabLabel(_ref5) {
+  var label = _ref5.label,
+    tag = _ref5.tag,
+    tagVariant = _ref5.tagVariant,
+    description = _ref5.description,
+    disabled = _ref5.disabled,
+    img = _ref5.img;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
     gap: "04",
     align_items: "center"
@@ -37303,25 +37287,38 @@ var RadioTabLabel = function RadioTabLabel(props) {
   }, description)));
 };
 var radioTabPrefix = 'radioTab';
-var RadioTab = function RadioTab(_ref5) {
-  var options = _ref5.options,
-    classNamePrefix = _ref5.classNamePrefix,
-    rounded = _ref5.rounded,
-    disabled = _ref5.disabled,
-    _ref5$size = _ref5.size,
-    size = _ref5$size === void 0 ? 'sm' : _ref5$size,
-    rest = _objectWithoutProperties(_ref5, _excluded);
+var RadioTab = function RadioTab(_ref6) {
+  var options = _ref6.options,
+    classNamePrefix = _ref6.classNamePrefix,
+    rounded = _ref6.rounded,
+    _disabled = _ref6.disabled,
+    _ref6$size = _ref6.size,
+    size = _ref6$size === void 0 ? 'sm' : _ref6$size,
+    rest = _objectWithoutProperties(_ref6, _excluded);
   var cnPrefix = classNamePrefix ? "".concat(classNamePrefix, "_").concat(radioTabPrefix) : radioTabPrefix;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioTabStyled, _extends({}, rest, {
     $rounded: rounded,
     size: size,
-    disabled: disabled,
+    disabled: _disabled,
     classNamePrefix: cnPrefix,
-    options: options.map(function (o) {
-      return _objectSpread(_objectSpread({}, o), {}, {
-        label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioTabLabel, _extends({}, o, {
-          disabled: disabled || o.disabled
-        }))
+    options: options.map(function (_ref7) {
+      var label = _ref7.label,
+        tag = _ref7.tag,
+        tagVariant = _ref7.tagVariant,
+        description = _ref7.description,
+        disabled = _ref7.disabled,
+        img = _ref7.img,
+        option = _objectWithoutProperties(_ref7, _excluded2);
+      return _objectSpread(_objectSpread({}, option), {}, {
+        disabled: disabled,
+        label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioTabLabel, {
+          label: label,
+          tag: tag,
+          tagVariant: tagVariant,
+          description: description,
+          img: img,
+          disabled: _disabled || disabled
+        })
       });
     })
   }));
@@ -37661,7 +37658,7 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
 var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "InputWrapper",
   componentId: "sc-r60v1b-7"
-})(["position:relative;width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";border-left-width:1px;border-right-width:1px;border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";", " ", ""], function (_ref12) {
+})(["position:relative;width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";border-left-width:1px;border-right-width:1px;border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";", " ", " box-shadow:", ";"], function (_ref12) {
   var font_family = _ref12.theme.font_family;
   return font_family.sans;
 }, inputVerticalPadding, inputHorizontalPadding, function (_ref13) {
@@ -37682,24 +37679,15 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   var $disabled = _ref14.$disabled,
     $invalid = _ref14.$invalid,
     $active = _ref14.$active,
-    _ref14$theme = _ref14.theme,
-    color = _ref14$theme.color,
-    shadow = _ref14$theme.shadow;
-  var borderColor = color.border;
-  var boxShadow = 'none';
-  var foreColor = color.text;
-  var backgroundColor = color.bg;
-  var cursor = 'text';
+    color = _ref14.theme.color;
   if ($disabled) {
-    foreColor = color.text_disabled;
-    borderColor = color.border_disabled;
-    backgroundColor = color.bg_fill_teritary;
-    cursor = 'default';
-  } else if ($invalid) borderColor = color.border_error;else if ($active) {
-    borderColor = color.border_primary;
-    boxShadow = shadow.primary;
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:default;background-color:", ";border-color:", ";color:", ";"], color.bg_fill_teritary, color.border_disabled, color.text_disabled);
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:", ";background-color:", ";border-color:", ";color:", ";box-shadow:", ";"], cursor, backgroundColor, borderColor, foreColor, boxShadow);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:text;background-color:", ";color:", ";border-color:", ";&:hover{border-color:", ";}"], color.bg, color.text_tertiary, $invalid ? color.border_error : $active ? color.border_primary : color.border, color.border_accent);
+}, function (_ref15) {
+  var $active = _ref15.$active,
+    shadow = _ref15.theme.shadow;
+  return $active ? shadow.primary : null;
 });
 var HelperText = function HelperText(props) {
   var children = props.children,
@@ -39143,7 +39131,7 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
   }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
     variant: "sm",
     whiteSpace: "nowrap",
-    color: "text_teritary"
+    color: "text_tertiary"
   }, tertiaryText), !!secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryText, null, secondaryText))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Description, null, description))), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryIcon, {
     subMenu: true
   }), !isSubMenu && !secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryIcon, {
@@ -39275,7 +39263,7 @@ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_ty
 })(["margin-left:auto;"]);
 var Description = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
   variant: 'xs',
-  color: 'text_teritary',
+  color: 'text_tertiary',
   whiteSpace: 'nowrap'
 }).withConfig({
   displayName: "Description",
@@ -39472,7 +39460,7 @@ var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_la
   componentId: "sc-1nggvo0-0"
 })(["background-color:", ";border-radius:", ";display:flex;flex-direction:column;font-family:", ";min-width:200px;max-width:", ";width:", ";"], function (_ref) {
   var color = _ref.theme.color;
-  return color.bg_elevated;
+  return color.bg;
 }, function (_ref2) {
   var spacing = _ref2.theme.spacing;
   return spacing['02'];
@@ -39724,10 +39712,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["color"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -39752,42 +39737,30 @@ var ModalSubtitle = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_ty
   var color = _ref3.theme.color;
   return color.text_secondary;
 });
-var CloseButton = function CloseButton(_ref4) {
-  var _ref4$color = _ref4.color,
-    color = _ref4$color === void 0 ? 'bg_elevated' : _ref4$color,
-    props = _objectWithoutProperties(_ref4, _excluded);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledIconButton, _extends({
+var CloseButton = function CloseButton(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_4__.IconButton, _extends({
     icon: "CloseSmall",
-    size: "xs",
-    $color: color
+    size: "xs"
   }, props));
 };
-var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button__WEBPACK_IMPORTED_MODULE_4__.IconButton).withConfig({
-  displayName: "StyledIconButton",
-  componentId: "sc-1p9nv3u-1"
-})(["background-color:", ";"], function (_ref5) {
-  var $color = _ref5.$color,
-    color = _ref5.theme.color;
-  return $color && color[$color];
-});
 var ButtonsGroup = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).attrs({
   gap: '04',
   align_items: 'center'
 }).withConfig({
   displayName: "ButtonsGroup",
-  componentId: "sc-1p9nv3u-2"
+  componentId: "sc-1p9nv3u-1"
 })([""]);
 var ModalButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_button__WEBPACK_IMPORTED_MODULE_3__.Button).attrs({
   size: 'sm'
 }).withConfig({
   displayName: "ModalButton",
-  componentId: "sc-1p9nv3u-3"
+  componentId: "sc-1p9nv3u-2"
 })([""]);
-var ModalHeader = function ModalHeader(_ref6) {
-  var title = _ref6.title,
-    subtitle = _ref6.subtitle,
-    onCancel = _ref6.onCancel,
-    cancelDisabled = _ref6.cancelDisabled;
+var ModalHeader = function ModalHeader(_ref4) {
+  var title = _ref4.title,
+    subtitle = _ref4.subtitle,
+    onCancel = _ref4.onCancel,
+    cancelDisabled = _ref4.cancelDisabled;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
     align_items: "center",
     justify_content: "space-between",
@@ -39803,15 +39776,15 @@ ModalHeader.propTypes = {
   onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var ModalFooter = function ModalFooter(_ref7) {
-  var _ref7$okLabel = _ref7.okLabel,
-    okLabel = _ref7$okLabel === void 0 ? 'OK' : _ref7$okLabel,
-    _ref7$cancelLabel = _ref7.cancelLabel,
-    cancelLabel = _ref7$cancelLabel === void 0 ? 'Cancel' : _ref7$cancelLabel,
-    onOk = _ref7.onOk,
-    onCancel = _ref7.onCancel,
-    okDisabled = _ref7.okDisabled,
-    cancelDisabled = _ref7.cancelDisabled;
+var ModalFooter = function ModalFooter(_ref5) {
+  var _ref5$okLabel = _ref5.okLabel,
+    okLabel = _ref5$okLabel === void 0 ? 'OK' : _ref5$okLabel,
+    _ref5$cancelLabel = _ref5.cancelLabel,
+    cancelLabel = _ref5$cancelLabel === void 0 ? 'Cancel' : _ref5$cancelLabel,
+    onOk = _ref5.onOk,
+    onCancel = _ref5.onCancel,
+    okDisabled = _ref5.okDisabled,
+    cancelDisabled = _ref5.cancelDisabled;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
     width: "100%",
     justify_content: "flex-end"
@@ -40461,10 +40434,10 @@ var TabContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().butt
     color = _ref2$theme.color,
     shadow = _ref2$theme.shadow;
   if ($variant == 'underline') {
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["width:fit-content;height:24px;padding:0 16px;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;&[aria-selected=true]{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}&[aria-disabled=true]{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}"], color.text_teritary, color.border_secondary, color.text_primary, color.border_primary, color.text_teritary, color.border, color.text_disabled, color.border_disabled);
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["width:fit-content;height:24px;padding:0 16px;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;&[aria-selected=true]{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}&[aria-disabled=true]{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}"], color.text_tertiary, color.border_secondary, color.text_primary, color.border_primary, color.text_tertiary, color.border, color.text_disabled, color.border_disabled);
   }
   if ($variant == 'contain') {
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["width:fit-content;height:32px;padding:0px 8px;justify-content:center;gap:6px;border-radius:4px;background:", ";color:", ";&[aria-selected=true]{color:", ";background:", ";border:1px solid ", ";box-shadow:", ";}&:hover{color:", ";background:", ";}&[aria-disabled=true]{color:", ";background:", ";border:0 none;box-shadow:none;}"], color.bg, color.text_teritary, color.text_primary, color.bg, color.border, shadow.meduim, color.text_teritary, color.bg_fill_primary_secondary, color.text_disabled, color.bg_fill_teritary);
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["width:fit-content;height:32px;padding:0px 8px;justify-content:center;gap:6px;border-radius:4px;color:", ";&[aria-selected=true]{color:", ";background:", ";border:1px solid ", ";box-shadow:", ";}&:hover{color:", ";background:", ";}&[aria-disabled=true]{color:", ";background:", ";border:0 none;box-shadow:none;}"], color.text_tertiary, color.text_primary, color.bg, color.border, shadow.meduim, color.text_tertiary, color.bg_fill_primary_secondary, color.text_disabled, color.bg_fill_teritary);
   }
   if ($variant == 'vertical') {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["width:200px;height:40px;padding:0 12px;justify-content:space-between;gap:4px;border-radius:0 4px 4px 0;border-left:1px solid transparent;color:", ";&[aria-selected=true]{color:", ";background:", ";border-left-color:", ";}&:hover{color:", ";border-left-color:", ";}&[aria-disabled=true]{color:", ";background:0 none;border-left-color:transparent;}"], color.text, color.text, color.bg_fill_primary_secondary, color.bg_fill_primary_secondary, color.text, color.border, color.text_disabled);
@@ -40939,13 +40912,16 @@ CustomizeButton.propTypes = {
 var PopoverContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "PopoverContainer",
   componentId: "sc-1uptv2h-0"
-})(["box-shadow:", ";background:white;border-radius:4px;padding:4px 0;min-width:168px;max-width:540px;"], function (_ref) {
-  var box_shadow = _ref.theme.box_shadow;
-  return box_shadow.md;
+})(["box-shadow:", ";background:", ";border-radius:4px;padding:4px 0;min-width:168px;max-width:540px;"], function (_ref) {
+  var shadow = _ref.theme.shadow;
+  return shadow.medium;
+}, function (_ref2) {
+  var color = _ref2.theme.color;
+  return color.bg_elevated;
 });
-var Search = function Search(_ref2) {
-  var search = _ref2.search,
-    setSearch = _ref2.setSearch;
+var Search = function Search(_ref3) {
+  var search = _ref3.search,
+    setSearch = _ref3.setSearch;
   var _useTheme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)(),
     spacing = _useTheme.spacing;
   var clearButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
@@ -40976,21 +40952,21 @@ var Search = function Search(_ref2) {
 var ItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ItemsWrapper",
   componentId: "sc-1uptv2h-1"
-})(["width:100%;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;", ""], function (_ref3) {
-  var $maxMenuHeight = _ref3.$maxMenuHeight,
-    scrollbars = _ref3.theme.scrollbars;
+})(["width:100%;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;", ""], function (_ref4) {
+  var $maxMenuHeight = _ref4.$maxMenuHeight,
+    scrollbars = _ref4.theme.scrollbars;
   if ($maxMenuHeight > 0) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["max-height:", ";overflow-y:auto;", ""], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)($maxMenuHeight), scrollbars.thin);
   }
 });
-var CustomizeButtonPopover = function CustomizeButtonPopover(_ref4) {
-  var searchable = _ref4.searchable,
-    search = _ref4.search,
-    setSearch = _ref4.setSearch,
-    _ref4$maxMenuHeight = _ref4.maxMenuHeight,
-    maxMenuHeight = _ref4$maxMenuHeight === void 0 ? 300 : _ref4$maxMenuHeight,
-    items = _ref4.items,
-    orderProps = _ref4.orderProps;
+var CustomizeButtonPopover = function CustomizeButtonPopover(_ref5) {
+  var searchable = _ref5.searchable,
+    search = _ref5.search,
+    setSearch = _ref5.setSearch,
+    _ref5$maxMenuHeight = _ref5.maxMenuHeight,
+    maxMenuHeight = _ref5$maxMenuHeight === void 0 ? 300 : _ref5$maxMenuHeight,
+    items = _ref5.items,
+    orderProps = _ref5.orderProps;
   var maxHeight = Number.parseInt(maxMenuHeight);
   var _maxMenuHeight = orderProps && (!maxHeight || maxHeight < 600) ? 600 : maxMenuHeight;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PopoverContainer, null, searchable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Search, {
@@ -41004,8 +40980,8 @@ var CustomizeButtonPopover = function CustomizeButtonPopover(_ref4) {
     items: items
   })));
 };
-var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (_ref5) {
-  var popover = _ref5.popover;
+var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (_ref6) {
+  var popover = _ref6.popover;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
     onClick: popover.toggle,
     tooltip: "Customize columns",
@@ -41014,18 +40990,18 @@ var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopove
 }, CustomizeButtonPopover, {
   placement: 'bottom'
 });
-var CustomizeButtonStaticItems = function CustomizeButtonStaticItems(_ref6) {
-  var items = _ref6.items;
+var CustomizeButtonStaticItems = function CustomizeButtonStaticItems(_ref7) {
+  var items = _ref7.items;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, items.map(function (c) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, _extends({
       key: c.id
     }, c));
   }));
 };
-var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(_ref7) {
-  var items = _ref7.items,
-    orders = _ref7.orders,
-    moveColumn = _ref7.moveColumn;
+var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(_ref8) {
+  var items = _ref8.items,
+    orders = _ref8.orders,
+    moveColumn = _ref8.moveColumn;
   var sections = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     var _orders$pinned;
     return [((_orders$pinned = orders.pinned) === null || _orders$pinned === void 0 ? void 0 : _orders$pinned.length) && {
@@ -41081,25 +41057,25 @@ var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(_ref7
     CustomDrag: CustomizeButtonDraggableItem
   });
 };
-var CustomizeButtonDraggableItem = function CustomizeButtonDraggableItem(_ref8) {
-  var Dragger = _ref8.Dragger,
-    isDragging = _ref8.isDragging,
-    itemProps = _objectWithoutProperties(_ref8, _excluded);
+var CustomizeButtonDraggableItem = function CustomizeButtonDraggableItem(_ref9) {
+  var Dragger = _ref9.Dragger,
+    isDragging = _ref9.isDragging,
+    itemProps = _objectWithoutProperties(_ref9, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_6__.DragDrop.DraggableItem, {
     Dragger: Dragger,
     isDragging: isDragging
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, itemProps));
 };
-var CustomizeButtonItem = function CustomizeButtonItem(_ref9) {
-  var id = _ref9.id,
-    name = _ref9.name,
-    canPin = _ref9.canPin,
-    isPinned = _ref9.isPinned,
-    togglePinned = _ref9.togglePinned,
-    canHide = _ref9.canHide,
-    isVisible = _ref9.isVisible,
-    toggleHidden = _ref9.toggleHidden,
-    className = _ref9.className;
+var CustomizeButtonItem = function CustomizeButtonItem(_ref10) {
+  var id = _ref10.id,
+    name = _ref10.name,
+    canPin = _ref10.canPin,
+    isPinned = _ref10.isPinned,
+    togglePinned = _ref10.togglePinned,
+    canHide = _ref10.canHide,
+    isVisible = _ref10.isVisible,
+    toggleHidden = _ref10.toggleHidden,
+    className = _ref10.className;
   var handlePinned = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     togglePinned(!isPinned);
   }, [isPinned, togglePinned]);
@@ -41124,14 +41100,14 @@ var CustomizeButtonItem = function CustomizeButtonItem(_ref9) {
 var CustomizeButtonItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CustomizeButtonItemWrapper",
   componentId: "sc-1uptv2h-2"
-})(["margin:0;padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:230px;div[data-label]{margin-right:auto;}&:hover{background-color:", ";}"], function (_ref10) {
-  var color = _ref10.theme.color;
-  return color.bg_fill;
+})(["margin:0;padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:230px;div[data-label]{margin-right:auto;}&:hover{background-color:", ";}"], function (_ref11) {
+  var color = _ref11.theme.color;
+  return color.bg_fill_secondary;
 });
-var CustomizeButtonItemAction = function CustomizeButtonItemAction(_ref11) {
-  var onClick = _ref11.onClick,
-    tooltip = _ref11.tooltip,
-    icon = _ref11.icon;
+var CustomizeButtonItemAction = function CustomizeButtonItemAction(_ref12) {
+  var onClick = _ref12.onClick,
+    tooltip = _ref12.tooltip,
+    icon = _ref12.icon;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemActionWrapper, {
     onClick: onClick
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
@@ -41927,9 +41903,12 @@ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_ico
 var MenuWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "MenuWrapper",
   componentId: "sc-1oo76mu-1"
-})(["background:white;border-radius:4px;box-shadow:", ";"], function (_ref) {
-  var box_shadow = _ref.theme.box_shadow;
-  return box_shadow.md;
+})(["border-radius:4px;box-shadow:", ";background:", ";"], function (_ref) {
+  var shadow = _ref.theme.shadow;
+  return shadow.medium;
+}, function (_ref2) {
+  var color = _ref2.theme.color;
+  return color.bg_elevated;
 });
 var MenuPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(MenuButton, function (p) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuWrapper, {
@@ -41945,16 +41924,16 @@ var Menu = styled_components__WEBPACK_IMPORTED_MODULE_1___default().ul.withConfi
 var MenuItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().li.withConfig({
   displayName: "MenuItem",
   componentId: "sc-1oo76mu-3"
-})(["list-style:none;&:hover{background-color:", ";}", ""], function (_ref2) {
-  var color = _ref2.theme.color;
+})(["list-style:none;&:hover{background-color:", ";}", ""], function (_ref3) {
+  var color = _ref3.theme.color;
   return color.bg_fill_secondary;
 }, function (props) {
-  return props.$separator && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding:0;height:1px;background-color:", ";&:hover{background-color:", ";}"], function (_ref3) {
-    var color = _ref3.theme.color;
-    return color.border;
-  }, function (_ref4) {
+  return props.$separator && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding:0;height:1px;background-color:", ";&:hover{background-color:", ";}"], function (_ref4) {
     var color = _ref4.theme.color;
     return color.border;
+  }, function (_ref5) {
+    var color = _ref5.theme.color;
+    return color.border;
   });
 });
 var OrderColumn = function OrderColumn(props) {
@@ -44036,18 +44015,14 @@ var EditableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default
   componentId: "sc-1gdt4qg-4"
 })(["padding:3px 15px;border:1px solid transparent;&:hover{background-color:", ";border-color:", ";}", ""], function (_ref5) {
   var color = _ref5.theme.color;
-  return color.white;
+  return color.table_cell_hover;
 }, function (_ref6) {
   var color = _ref6.theme.color;
   return color.border_accent;
-}, function (props) {
-  return props.$isEditing ? (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);"], function (_ref7) {
-    var color = _ref7.theme.color;
-    return color.white;
-  }, function (_ref8) {
-    var color = _ref8.theme.color;
-    return color.table_nesting;
-  }) : undefined;
+}, function (_ref7) {
+  var $isEditing = _ref7.$isEditing,
+    color = _ref7.theme.color;
+  return $isEditing ? (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", " !important;;border:1px solid ", " !important;outline:1.5px solid ", ";"], color.bg, color.border_primary, color.border_primary) : undefined;
 });
 
 /***/ }),
@@ -44827,9 +44802,10 @@ var semanticLight = {
   border_primary: color.blue_11,
   border_primary_hover: color.blue_10,
   border_error: color.red_9,
+  border_info: color.gray_8,
   text: color.gray_11_75,
   text_secondary: color.gray_11_50,
-  text_teritary: color.gray_11_25,
+  text_tertiary: color.gray_11_25,
   text_quaternary: color.gray_11,
   text_disabled: color.gray_9,
   text_primary: color.blue_11,
@@ -44951,9 +44927,10 @@ var semanticDark = _objectSpread(_objectSpread({}, semanticLight), {}, {
   border_primary: color.blue_8,
   border_primary_hover: color.blue_9,
   border_error: color.red_8,
+  border_info: color.gray_11,
   text: color.gray_6,
   text_secondary: color.gray_7,
-  text_teritary: color.gray_8,
+  text_tertiary: color.gray_8,
   text_quaternary: color.gray_9,
   text_disabled: color.gray_11,
   text_primary: color.blue_8,