@luminati-io/uikit 3.1.0 → 3.1.1

package/dist/esm/index.js

@@ -32474,16 +32474,16 @@ var FieldWrapper = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     labelIcon: labelIcon,
     required: required
   }), /*#__PURE__*/React__default.createElement(InputContentWrapper, {
-    heightCalculationCallback: heightCalculationCallback
+    $heightCalculationCallback: heightCalculationCallback
   }, leftOuterContent && /*#__PURE__*/React__default.createElement(LeftOuterContentWrapper, null, leftOuterContent), /*#__PURE__*/React__default.createElement(InputWrapper, {
     ref: innerWrapper,
-    active: active,
-    disabled: disabled,
-    invalid: invalid,
-    leftOuterContent: leftOuterContent,
-    rightOuterContent: rightOuterContent,
-    heightCalculationCallback: heightCalculationCallback,
-    verticalAlign: verticalAlign,
+    $active: active,
+    $disabled: disabled,
+    $invalid: invalid,
+    $leftOuterContent: leftOuterContent,
+    $rightOuterContent: rightOuterContent,
+    $heightCalculationCallback: heightCalculationCallback,
+    $verticalAlign: verticalAlign,
     onClick: onWrapperClick
   }, leftInnerContent, /*#__PURE__*/React__default.createElement(Field, _extends$5({}, props.inputProps, {
     ref: field,
@@ -32589,46 +32589,46 @@ var InputContentWrapper = styled(Flex).withConfig({
   displayName: "InputContentWrapper",
   componentId: "sc-r60v1b-5"
 })(["", " border-radius:4px;"], function (props) {
-  return props.heightCalculationCallback();
+  return props.$heightCalculationCallback();
 });
 var InputWrapper = styled.div.withConfig({
   displayName: "InputWrapper",
   componentId: "sc-r60v1b-6"
 })(["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:", ";", " ", " ", ""], theme.font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
-  return props.verticalAlign;
+  return props.$verticalAlign;
 }, function (props) {
-  var leftOuterContent = props.leftOuterContent,
-    rightOuterContent = props.rightOuterContent;
+  var $leftOuterContent = props.$leftOuterContent,
+    $rightOuterContent = props.$rightOuterContent;
   var borderTopLeftRadius = 4;
   var borderBottomLeftRadius = 4;
   var borderTopRightRadius = 4;
   var borderBottomRightRadius = 4;
   var borderLeftWidth = 1;
   var borderRightWidth = 1;
-  if (leftOuterContent) {
+  if ($leftOuterContent) {
     borderTopLeftRadius = borderBottomLeftRadius = 0;
     borderLeftWidth = 0;
   }
-  if (rightOuterContent) {
+  if ($rightOuterContent) {
     borderTopRightRadius = borderBottomRightRadius = 0;
     borderRightWidth = 0;
   }
   return css$3(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], toPixel(borderLeftWidth), toPixel(borderRightWidth), toPixel(borderTopLeftRadius), toPixel(borderBottomLeftRadius), toPixel(borderTopRightRadius), toPixel(borderBottomRightRadius));
 }, function (props) {
-  var _props$heightCalculat;
-  return (_props$heightCalculat = props.heightCalculationCallback) === null || _props$heightCalculat === void 0 ? void 0 : _props$heightCalculat.call(props);
+  var _props$$heightCalcula;
+  return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
 }, function (props) {
   var borderColor = theme.color.gray_7;
   var boxShadow = 'none';
   var color = theme.color.gray_11_50;
   var backgroundColor = theme.color.white;
   var cursor = 'text';
-  if (props.disabled) {
+  if (props.$disabled) {
     color = theme.color.gray_9;
     borderColor = theme.color.gray_6;
     backgroundColor = theme.color.gray_2;
     cursor = 'default';
-  } else if (props.invalid) borderColor = theme.color.red_11;else if (props.active) {
+  } else if (props.$invalid) borderColor = theme.color.red_11;else if (props.$active) {
     borderColor = theme.color.blue_11;
     boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
   }
@@ -32636,7 +32636,7 @@ var InputWrapper = styled.div.withConfig({
 });
 InputWrapper.displayName = 'InputWrapper';
 InputWrapper.defaultProps = {
-  verticalAlign: 'normal'
+  $verticalAlign: 'normal'
 };
 var HelperText = function HelperText(props) {
   var children = props.children,
@@ -43111,7 +43111,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
     }, item));
   }));
   return /*#__PURE__*/React__default.createElement(MenuPopover, {
-    visible: visible,
+    $visible: visible,
     popoverProps: {
       menu: menu
     }
@@ -43126,7 +43126,7 @@ var MenuButton = styled(IconButton).attrs(function (props) {
     icon: 'DotsHorizontal',
     onClick: props.popover.toggle,
     style: {
-      visibility: props.visible ? 'visible' : 'hidden'
+      visibility: props.$visible ? 'visible' : 'hidden'
     }
   };
 }).withConfig({
@@ -43331,7 +43331,7 @@ var HeaderCell = function HeaderCell(props) {
       return setHovered(false);
     }
   }), canResize && /*#__PURE__*/React__default.createElement(HeaderCellResizer, _extends$5({}, getResizerProps(), {
-    isResizing: isResizing
+    $isResizing: isResizing
   }))));
 };
 HeaderCell.displayName = 'HeaderCell';
@@ -43355,7 +43355,7 @@ var HeaderCellResizer = styled.div.withConfig({
   displayName: "HeaderCellResizer",
   componentId: "sc-8zg5t0-3"
 })(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], Z_INDEX.cellResizer, function (props) {
-  if (props.isResizing) {
+  if (props.$isResizing) {
     return css$3(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], theme.color.blue_10);
   }
 });