@luminati-io/uikit 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26022,16 +26022,16 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
26022
26022
  labelIcon: labelIcon,
26023
26023
  required: required
26024
26024
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
26025
- heightCalculationCallback: heightCalculationCallback
26025
+ $heightCalculationCallback: heightCalculationCallback
26026
26026
  }, leftOuterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LeftOuterContentWrapper, null, leftOuterContent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputWrapper, {
26027
26027
  ref: innerWrapper,
26028
- active: active,
26029
- disabled: disabled,
26030
- invalid: invalid,
26031
- leftOuterContent: leftOuterContent,
26032
- rightOuterContent: rightOuterContent,
26033
- heightCalculationCallback: heightCalculationCallback,
26034
- verticalAlign: verticalAlign,
26028
+ $active: active,
26029
+ $disabled: disabled,
26030
+ $invalid: invalid,
26031
+ $leftOuterContent: leftOuterContent,
26032
+ $rightOuterContent: rightOuterContent,
26033
+ $heightCalculationCallback: heightCalculationCallback,
26034
+ $verticalAlign: verticalAlign,
26035
26035
  onClick: onWrapperClick
26036
26036
  }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({}, props.inputProps, {
26037
26037
  ref: field,
@@ -26137,46 +26137,46 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
26137
26137
  displayName: "InputContentWrapper",
26138
26138
  componentId: "sc-r60v1b-5"
26139
26139
  })(["", " border-radius:4px;"], function (props) {
26140
- return props.heightCalculationCallback();
26140
+ return props.$heightCalculationCallback();
26141
26141
  });
26142
26142
  var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
26143
26143
  displayName: "InputWrapper",
26144
26144
  componentId: "sc-r60v1b-6"
26145
26145
  })(["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__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
26146
- return props.verticalAlign;
26146
+ return props.$verticalAlign;
26147
26147
  }, function (props) {
26148
- var leftOuterContent = props.leftOuterContent,
26149
- rightOuterContent = props.rightOuterContent;
26148
+ var $leftOuterContent = props.$leftOuterContent,
26149
+ $rightOuterContent = props.$rightOuterContent;
26150
26150
  var borderTopLeftRadius = 4;
26151
26151
  var borderBottomLeftRadius = 4;
26152
26152
  var borderTopRightRadius = 4;
26153
26153
  var borderBottomRightRadius = 4;
26154
26154
  var borderLeftWidth = 1;
26155
26155
  var borderRightWidth = 1;
26156
- if (leftOuterContent) {
26156
+ if ($leftOuterContent) {
26157
26157
  borderTopLeftRadius = borderBottomLeftRadius = 0;
26158
26158
  borderLeftWidth = 0;
26159
26159
  }
26160
- if (rightOuterContent) {
26160
+ if ($rightOuterContent) {
26161
26161
  borderTopRightRadius = borderBottomRightRadius = 0;
26162
26162
  borderRightWidth = 0;
26163
26163
  }
26164
26164
  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomRightRadius));
26165
26165
  }, function (props) {
26166
- var _props$heightCalculat;
26167
- return (_props$heightCalculat = props.heightCalculationCallback) === null || _props$heightCalculat === void 0 ? void 0 : _props$heightCalculat.call(props);
26166
+ var _props$$heightCalcula;
26167
+ return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
26168
26168
  }, function (props) {
26169
26169
  var borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7;
26170
26170
  var boxShadow = 'none';
26171
26171
  var color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
26172
26172
  var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
26173
26173
  var cursor = 'text';
26174
- if (props.disabled) {
26174
+ if (props.$disabled) {
26175
26175
  color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
26176
26176
  borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6;
26177
26177
  backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
26178
26178
  cursor = 'default';
26179
- } else if (props.invalid) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (props.active) {
26179
+ } else if (props.$invalid) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (props.$active) {
26180
26180
  borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
26181
26181
  boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
26182
26182
  }
@@ -26184,7 +26184,7 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
26184
26184
  });
26185
26185
  InputWrapper.displayName = 'InputWrapper';
26186
26186
  InputWrapper.defaultProps = {
26187
- verticalAlign: 'normal'
26187
+ $verticalAlign: 'normal'
26188
26188
  };
26189
26189
  var HelperText = function HelperText(props) {
26190
26190
  var children = props.children,
@@ -29154,7 +29154,7 @@ var HeaderCell = function HeaderCell(props) {
29154
29154
  return setHovered(false);
29155
29155
  }
29156
29156
  }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
29157
- isResizing: isResizing
29157
+ $isResizing: isResizing
29158
29158
  }))));
29159
29159
  };
29160
29160
  HeaderCell.displayName = 'HeaderCell';
@@ -29178,7 +29178,7 @@ var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()
29178
29178
  displayName: "HeaderCellResizer",
29179
29179
  componentId: "sc-8zg5t0-3"
29180
29180
  })(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.cellResizer, function (props) {
29181
- if (props.isResizing) {
29181
+ if (props.$isResizing) {
29182
29182
  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10);
29183
29183
  }
29184
29184
  });
@@ -29276,7 +29276,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
29276
29276
  }, item));
29277
29277
  }));
29278
29278
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuPopover, {
29279
- visible: visible,
29279
+ $visible: visible,
29280
29280
  popoverProps: {
29281
29281
  menu: menu
29282
29282
  }
@@ -29291,7 +29291,7 @@ var MenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_
29291
29291
  icon: 'DotsHorizontal',
29292
29292
  onClick: props.popover.toggle,
29293
29293
  style: {
29294
- visibility: props.visible ? 'visible' : 'hidden'
29294
+ visibility: props.$visible ? 'visible' : 'hidden'
29295
29295
  }
29296
29296
  };
29297
29297
  }).withConfig({