@luminati-io/uikit 6.3.77 → 6.3.80

package/dist/umd/uikit.development.js

@@ -38561,7 +38561,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 /* harmony import */ var _breadcrumbs_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./breadcrumbs_item */ "./src/breadcrumbs/breadcrumbs_item.js");
-/* harmony import */ var _breadcrumbs_item_new__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./breadcrumbs_item_new */ "./src/breadcrumbs/breadcrumbs_item_new.js");
+/* harmony import */ var _breadcrumbs_item_topbar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./breadcrumbs_item_topbar */ "./src/breadcrumbs/breadcrumbs_item_topbar.js");
 /* harmony import */ var _collapsed_items__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./collapsed_items */ "./src/breadcrumbs/collapsed_items.js");
 // LICENSE_CODE ZON
 
@@ -38694,7 +38694,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
         break;
     }
   };
-  var ItemComp = variant == 'new' ? _breadcrumbs_item_new__WEBPACK_IMPORTED_MODULE_7__.BreadcrumbsItem : _breadcrumbs_item__WEBPACK_IMPORTED_MODULE_6__.BreadcrumbsItem;
+  var ItemComp = variant == 'topbar' ? _breadcrumbs_item_topbar__WEBPACK_IMPORTED_MODULE_7__.BreadcrumbsItem : _breadcrumbs_item__WEBPACK_IMPORTED_MODULE_6__.BreadcrumbsItem;
   var itemsList = visibleItems.map(function (item, index) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemComp, {
       key: item.text,
@@ -38743,7 +38743,7 @@ Breadcrumbs.propTypes = {
   })),
   minItemWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   maxItemWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'new'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'topbar'])
 };
 var BreadcrumbsContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().nav.withConfig({
   displayName: "BreadcrumbsContainer",
@@ -38832,10 +38832,10 @@ var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typo
 
 /***/ }),
 
-/***/ "./src/breadcrumbs/breadcrumbs_item_new.js":
-/*!*************************************************!*\
-  !*** ./src/breadcrumbs/breadcrumbs_item_new.js ***!
-  \*************************************************/
+/***/ "./src/breadcrumbs/breadcrumbs_item_topbar.js":
+/*!****************************************************!*\
+  !*** ./src/breadcrumbs/breadcrumbs_item_topbar.js ***!
+  \****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -38934,7 +38934,7 @@ var BreadcrumbsItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forward
     variant: "secondary",
     size: "md"
   }), content)), !isLastItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_divider__WEBPACK_IMPORTED_MODULE_9__.Divider, {
-    variant: "new"
+    variant: "topbar"
   }));
 });
 BreadcrumbsItem.displayName = 'BreadcrumbsItem';
@@ -38950,11 +38950,11 @@ var ItemWrapper = function ItemWrapper(props) {
 };
 var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typography__WEBPACK_IMPORTED_MODULE_5__.Label).withConfig({
   displayName: "StyledLabel",
-  componentId: "sc-tw31i3-0"
+  componentId: "sc-19gy1ur-0"
 })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;"]);
 var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_link__WEBPACK_IMPORTED_MODULE_3__.Link).withConfig({
   displayName: "StyledLink",
-  componentId: "sc-tw31i3-1"
+  componentId: "sc-19gy1ur-1"
 })(["&:hover ", "{text-decoration:underline;}"], StyledLabel);
 
 /***/ }),
@@ -39090,10 +39090,10 @@ var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typo
   componentId: "sc-16rqqbg-0"
 })(["margin-left:", ";margin-right:", ";"], function (_ref2) {
   var $variant = _ref2.$variant;
-  return $variant == 'new' ? '12px' : '8px';
+  return $variant == 'topbar' ? '12px' : '8px';
 }, function (_ref3) {
   var $variant = _ref3.$variant;
-  return $variant == 'new' ? '12px' : '8px';
+  return $variant == 'topbar' ? '12px' : '8px';
 });
 
 /***/ }),
@@ -41715,7 +41715,7 @@ var prefixCls = function prefixCls(p) {
 var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_20___default().pre.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-1kleg7y-0"
-})(["&&&{margin:0;border:none;background-color:transparent;width:100%;white-space:pre;tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;&.", "-wrap{white-space:pre-wrap !important;}code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);display:block;padding-right:0.8rem;text-align:right;}}}}&.", "-black .line-numbers{color:", ";}&.", "-white .line-numbers{color:", ";}&.", "-black{.token{&.punctuation{color:#ffd700;}&.comment{color:#23A658;}&.string{color:#EA9D78;}&.function{color:#A0D7A7;}&.class-name{color:#13C9C6;}&.doctype,&.prolog{color:#13C9C6;}&.keyword{color:#439CE2;}&.preprocessor.property{color:#9B9B99;.keyword{color:#9B9B99;}}&.selector{color:#569cd6;}&.atrule{color:#439CE2;}&.tag{color:#439CE2;}&.attr-name{color:#87DCFF;}&.attr-value{color:#C8C8C6;}}code[class*=\"language-css\"]{color:#C8C8C6;.token{&.property{color:#9cdcfe;}}}code[class*=\"language-markup\"]{.token{&.punctuation{color:#80807F;}}}code[class*='language-'],pre[class*='language-']{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}code[class*=\"language-\"]{color:#DCDCDA;}pre[class*='language-']{padding:1em;margin:0.5em 0;overflow:auto;border-radius:0.3em;}:not(pre) > code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.namespace{opacity:0.7;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}&.", "-white{.token{&.punctuation{color:#000;}&.comment{color:#008016;}&.string{color:#E11500;}&.function{color:#785318;}&.class-name{color:#0491C1;}&.doctype,&.prolog{color:#0491C1;}&.keyword{color:#3200FF;}&.preprocessor.property{color:#80807F;.keyword{color:#80807F;}}&.selector{color:#800000;}&.atrule{color:#3200FF;}&.tag{color:#B80000;}&.attr-name{color:#FF0000;}&.attr-value{color:#3200FF;}}code[class*=\"language-css\"]{color:#3200FF;.token{&.property{color:#ff0000;}}}code[class*=\"language-markup\"]{.token{&.punctuation{color:#3200FF;}}}code[class*='language-'],pre[class*='language-']{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}code[class*=\"language-\"]{color:#000;}pre[class*='language-']::-moz-selection,pre[class*='language-'] ::-moz-selection{text-shadow:none;background:#b3d4fc;}pre[class*='language-']::selection,pre[class*='language-'] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*='language-'],pre[class*='language-']{text-shadow:none;}}pre[class*='language-']{padding:1em;margin:0.5em 0;overflow:auto;}:not(pre) > code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.namespace{opacity:0.7;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}}"], prefixCls, prefixCls, function (_ref) {
+})(["&&&{margin:0;border:none;background-color:transparent;width:100%;white-space:pre;tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;&.", "-wrap{white-space:pre-wrap !important;}code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);display:block;padding-right:0.8rem;text-align:right;}}}}&.", "-black .line-numbers{color:", ";}&.", "-white .line-numbers{color:", ";}&.", "-black{.token{&.punctuation{color:#ffd700;}&.comment{color:#23A658;}&.string{color:#EA9D78;}&.function{color:#A0D7A7;}&.class-name{color:#13C9C6;}&.doctype,&.prolog{color:#13C9C6;}&.keyword{color:#439CE2;}&.preprocessor.property{color:#9B9B99;.keyword{color:#9B9B99;}}&.selector{color:#569cd6;}&.atrule{color:#439CE2;}&.tag{color:#439CE2;}&.attr-name{color:#87DCFF;}&.attr-value{color:#C8C8C6;}}code[class*=\"language-css\"]{color:#C8C8C6;.token{&.property{color:#9cdcfe;}}}code[class*=\"language-markup\"]{.token{&.punctuation{color:#80807F;}}}code[class*='language-'],pre[class*='language-']{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}code[class*=\"language-\"]{color:#DCDCDA;}pre[class*='language-']{padding:1em;margin:0.5em 0;overflow:auto;border-radius:0.3em;}:not(pre) > code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.namespace{opacity:0.7;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}&.", "-white{.token{&.punctuation{color:#000;}&.comment{color:#008016;}&.string{color:#E11500;}&.function{color:#785318;}&.class-name{color:#0491C1;}&.doctype,&.prolog{color:#0491C1;}&.keyword{color:#3200FF;}&.preprocessor.property{color:#80807F;.keyword{color:#80807F;}}&.selector{color:#800000;}&.atrule{color:#3200FF;}&.tag{color:#B80000;}&.attr-name{color:#FF0000;}&.attr-value{color:#3200FF;}}code[class*=\"language-css\"]{color:#3200FF;.token{&.property{color:#ff0000;}}}code[class*=\"language-markup\"]{.token{&.punctuation{color:#3200FF;}}}code[class*='language-'],pre[class*='language-']{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*='language-']::-moz-selection,pre[class*='language-'] ::-moz-selection{text-shadow:none;background:#b3d4fc;}pre[class*='language-']::selection,pre[class*='language-'] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*='language-'],pre[class*='language-']{text-shadow:none;}}pre[class*='language-']{padding:1em;margin:0.5em 0;overflow:auto;}:not(pre) > code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.namespace{opacity:0.7;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}}"], prefixCls, prefixCls, function (_ref) {
   var color = _ref.theme.color;
   return color.text_white;
 }, prefixCls, function (_ref2) {
@@ -52803,7 +52803,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
+// opt {vertical: 'top | bottom', horizontal: 'left | right'}
 var withBackdrop = function withBackdrop(Comp) {
+  var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var WithBackdrop = function WithBackdrop(props) {
     var show = props.show,
       _props$zIndex = props.zIndex,
@@ -52854,7 +52857,9 @@ var withBackdrop = function withBackdrop(Comp) {
       $show: visible
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CompContainer, {
       $show: visible,
-      $zIndex: zIndex + 1
+      $zIndex: zIndex + 1,
+      $vertical: opt.vertical,
+      $horizontal: opt.horizontal
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       ref: popperElement,
       style: {
@@ -52883,7 +52888,11 @@ var PopupContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().di
 var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "CompContainer",
   componentId: "sc-upusus-2"
-})(["display:flex;flex-direction:row;justify-content:center;width:100%;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) {
+})(["display:flex;flex-direction:row;width:100%;position:absolute;", " ", " max-height:80vh;z-index:", ";opacity:", ";transform:translate(0,", ");transition:opacity 0.15s linear,transform 0.3s ease-out;"], function (props) {
+  return props.$vertical == 'top' ? 'top: 25px;' : props.$vertical == 'bottom' ? 'bottom: 25px;' : 'top: 10vh;';
+}, function (props) {
+  return props.$horizontal == 'left' ? "\n            justify-content: flex-start;\n            left: 20px;\n        " : props.$horizontal == 'right' ? "\n                justify-content: flex-end;\n                right: 25px;\n            " : 'justify-content: center;';
+}, function (props) {
   return props.$zIndex;
 }, function (props) {
   return props.$show ? 1 : 0;
@@ -59409,7 +59418,7 @@ var componentDark = _objectSpread(_objectSpread({}, componentLight), {}, {
   code_text_shadow_black: 'rgba(43, 47, 49, 0.3)',
   code_header_bg_black: color.gray_11_25,
   code_bg_white: color.black,
-  code_text_white: color.black,
+  code_text_white: color.gray_8,
   code_text_shadow_white: 'rgba(0, 0, 0, 0.3)',
   code_header_bg_white: color.gray_11_75,
   code_bg_icon_black: color.gray_11_25,