@luminati-io/uikit 5.0.4 → 5.0.6

package/dist/umd/uikit.development.js

@@ -31339,7 +31339,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-    text = _ref.text,
+    code = _ref.code,
     lang = _ref.lang,
     theme = _ref.theme,
     lineNumbers = _ref.lineNumbers,
@@ -31347,18 +31347,18 @@ var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(functi
     variant = _ref$variant === void 0 ? 'white' : _ref$variant;
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().highlightAll();
-  }, [text, lang, lineNumbers]);
+  }, [code, lang, lineNumbers]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWrapper, {
     ref: ref,
     $variant: theme || variant,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_20__.classNames)(null, null, className, "".concat(lineNumbers ? '' : 'no-', "line-numbers"))
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code", {
     className: "language-".concat(lang, " content")
-  }, text));
+  }, code));
 });
 Code.displayName = 'Code';
 Code.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string),
+  code: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string),
   lang: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['js', 'javascript', 'css', 'markup', 'shell', 'java', 'csharp', 'vbnet', 'php', 'ruby', 'perl', 'python', 'json']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['black', 'white']),
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().bool)
@@ -31554,7 +31554,7 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
   }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_4__.Code, {
     ref: codeRef,
     lang: lang,
-    text: code,
+    code: code,
     variant: _variant,
     lineNumbers: lineNumbers
   }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_5__.CopyButton, {
@@ -32985,7 +32985,7 @@ var InfoChip = function InfoChip(_ref) {
 };
 InfoChip.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'success', 'alert', 'warning', 'info']),
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames)
 };
 var InfoChipWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex).attrs({
@@ -33112,21 +33112,24 @@ Checkbox.propTypes = {
 var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxWrapper",
   componentId: "sc-623yyg-0"
-})(["display:inline-flex;align-items:center;gap:'03';vertical-align:", ";", ""], function (_ref2) {
-  var $verticalAlign = _ref2.$verticalAlign;
-  return $verticalAlign;
+})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.spacing['03'];
 }, function (_ref3) {
-  var $disabled = _ref3.$disabled;
+  var $verticalAlign = _ref3.$verticalAlign;
+  return $verticalAlign;
+}, function (_ref4) {
+  var $disabled = _ref4.$disabled;
   return $disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
 });
 var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxControl",
   componentId: "sc-623yyg-1"
-})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16px;max-width:16px;height:16px;border:1.5px solid;border-radius:4px;", " background-repeat:no-repeat;background-position:center center;background-image:", ""], function (_ref4) {
-  var $disabled = _ref4.$disabled,
-    $checked = _ref4.$checked,
-    $indeterminate = _ref4.$indeterminate,
-    color = _ref4.theme.color;
+})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16px;max-width:16px;height:16px;border:1.5px solid;border-radius:4px;", " background-repeat:no-repeat;background-position:center center;background-image:", ""], function (_ref5) {
+  var $disabled = _ref5.$disabled,
+    $checked = _ref5.$checked,
+    $indeterminate = _ref5.$indeterminate,
+    color = _ref5.theme.color;
   if ($disabled) {
     if ($indeterminate || $checked) {
       return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-color:", ";background-color:", ";"], color.gray_5, color.gray_5);
@@ -33140,11 +33143,11 @@ var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
 }, function (props) {
   return getBackgroundImage(props);
 });
-var getBackgroundImage = function getBackgroundImage(_ref5) {
-  var $checked = _ref5.$checked,
-    $indeterminate = _ref5.$indeterminate,
-    $disabled = _ref5.$disabled,
-    color = _ref5.theme.color;
+var getBackgroundImage = function getBackgroundImage(_ref6) {
+  var $checked = _ref6.$checked,
+    $indeterminate = _ref6.$indeterminate,
+    $disabled = _ref6.$disabled,
+    color = _ref6.theme.color;
   var fill = encodeURIComponent($disabled ? color.gray_9 : $checked ? color.white : color.gray_11);
   if ($checked) return "url(\"data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.63803 5.42519L8.40556 0.645362C8.7608 0.289208 9.33772 0.289208 9.69296 0.645362C10.0469 1.00022 10.0469 1.57459 9.69296 1.92945L4.34605 7.29016C3.95532 7.6819 3.32075 7.6819 2.93002 7.29016L0.307079 4.66045C-0.0468663 4.30559 -0.0468661 3.73122 0.307079 3.37636C0.662317 3.02021 1.23924 3.02021 1.59448 3.37636L3.63803 5.42519Z' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
   if ($indeterminate) return "url(\"data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='2' rx='1' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
@@ -39860,12 +39863,13 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
 }).withConfig({
   displayName: "CompContainer",
   componentId: "sc-upusus-2"
-})(["position:absolute;top:10vh;max-height:80vh;z-index:", ";opacity:", ";transform:translate(0,", ");transition:opacity 0.15s linear,transform 0.3s ease-out;"], function (props) {
+})(["position:absolute;top:0;max-height:80vh;z-index:", ";opacity:", ";transform:translateY(", ");transition:opacity 0.15s linear,transform 0.3s ease-out;"], function (props) {
   return props.$zIndex;
 }, function (props) {
   return props.$show ? 1 : 0;
-}, function (props) {
-  return props.$show ? '0' : '-25%';
+}, function (_ref2) {
+  var $show = _ref2.$show;
+  return $show ? 'calc(50vh - 50%)' : '-100%';
 });
 
 /***/ }),
@@ -41054,8 +41058,9 @@ 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 ($maxMenuHeight, _ref3) {
-  var scrollbars = _ref3.theme.scrollbars;
+})(["width:100%;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;", ""], function (_ref3) {
+  var $maxMenuHeight = _ref3.$maxMenuHeight,
+    scrollbars = _ref3.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);
   }