@luminati-io/uikit 6.3.5 → 6.3.6

package/dist/umd/uikit.development.js

@@ -39260,7 +39260,9 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'black' : _props$variant,
     loading = props.loading,
-    wrap = props.wrap;
+    wrap = props.wrap,
+    _props$copyButtonPlac = props.copyButtonPlacement,
+    copyButtonPlacement = _props$copyButtonPlac === void 0 ? 'top' : _props$copyButtonPlac;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CodeBlockWrapper, _extends({
     ref: ref,
     "data-testid": "code_block"
@@ -39285,6 +39287,7 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     copyButtonClassName: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
       copyButton: true
     }),
+    copyButtonPlacement: copyButtonPlacement,
     onCopy: onCopy,
     loading: loading,
     wrap: wrap
@@ -39303,7 +39306,8 @@ CodeBlock.propTypes = {
   copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  copyButtonPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'bottom'])
 };
 var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockWrapper",
@@ -39378,6 +39382,7 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'black' : _ref$variant,
     copyButtonClassName = _ref.copyButtonClassName,
+    copyButtonPlacement = _ref.copyButtonPlacement,
     maxHeight = _ref.maxHeight,
     wrap = _ref.wrap;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -39388,6 +39393,7 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
       maxHeight: maxHeight
     } : undefined
   }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_5__.CopyButton, {
+    placement: copyButtonPlacement,
     className: copyButtonClassName,
     code: code,
     variant: variant,
@@ -39414,6 +39420,7 @@ CodeSnippet.propTypes = {
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   copyButtonClassName: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
+  copyButtonPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['top', 'bottom']),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
   wrap: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
@@ -39490,7 +39497,8 @@ var CopyButton = function CopyButton(_ref) {
     code = _ref.code,
     variant = _ref.variant,
     codeRef = _ref.codeRef,
-    onCopy = _ref.onCopy;
+    onCopy = _ref.onCopy,
+    placement = _ref.placement;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(STATE.READY),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
@@ -39522,7 +39530,8 @@ var CopyButton = function CopyButton(_ref) {
     className: className,
     type: "button",
     onClick: handleClick,
-    $variant: variant
+    $variant: variant,
+    $placement: placement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     viewBox: icon.viewBox
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
@@ -39532,12 +39541,13 @@ var CopyButton = function CopyButton(_ref) {
 var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-kvxvoe-0"
-})(["position:absolute;inset-inline-end:", ";top:", ";z-index:1;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover,&:active{background:", ";}"], function (_ref2) {
+})(["position:absolute;inset-inline-end:", ";", ";z-index:1;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover,&:active{background:", ";}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacing['05'];
 }, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.spacing['05'];
+  var theme = _ref3.theme,
+    $placement = _ref3.$placement;
+  return $placement == 'bottom' ? (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["bottom:", ""], theme.spacing['02']) : (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["top:", ""], theme.spacing['05']);
 }, function (_ref4) {
   var $variant = _ref4.$variant,
     color = _ref4.theme.color;
@@ -49069,11 +49079,6 @@ var DialogFooter = function DialogFooter(_ref3) {
     "data-testid": "modal_footer_ok_button"
   })));
 };
-
-// victorf: FIX backdrop vertical alignment with
-// top: 0;
-// transform: translate(0, ${$show=>$show ? '0': 'calc(50vh - 50%)'});
-
 var FooterHorizontal = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex).attrs({
   gap: '04',
   align_items: 'center',
@@ -50468,7 +50473,7 @@ var theme = function theme(cb) {
     return cb(p.$theme);
   };
 };
-var TabsStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.createGlobalStyle)([".", "{box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;&-top,&-bottom{flex-direction:column;.", "-nav-list{flex-direction:row;}}&-left,&-right{flex-direction:row;.", "-nav-list{flex-direction:column;}}&-nav{position:relative;display:flex;flex:none;align-items:center;&-wrap{position:relative;display:flex;flex:auto;align-self:stretch;white-space:nowrap;transform:translate(0);}&-list{position:relative;display:flex;transition:opacity 0.3s;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;}&-operations{display:flex;align-self:stretch;&-hidden{position:absolute;visibility:hidden;pointer-events:none;}}}&-content-holder{flex:auto;min-width:0;min-height:0;box-sizing:border-box;}&-content{position:relative;width:100%;}&-tabpane{outline:none;&-hidden{display:none;}}&-tab{&-btn{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:0 none;background:transparent;min-width:0;width:fit-content;cursor:pointer;white-space:nowrap;font-family:", ";line-height:", ";letter-spacing:", ";}&-disabled{.", "-tab-btn{cursor:not-allowed;}}}&-main{.", "-nav-list{gap:24px;}.", "-tab{.", "-tab-btn{height:36px;padding:0;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-underline{.", "-tab{.", "-tab-btn{height:24px;padding:0 16px;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-contain{.", "-nav-list{padding:2px;gap:2px;border-radius:4px;background:", ";}.", "-tab{.", "-tab-btn{height:32px;padding:0px 8px;justify-content:center;gap:6px;border-radius:4px;color:", ";font-size:", ";font-weight:", ";&:hover{color:", ";background:", ";}}&-active{.", "-tab-btn,.", "-tab-btn:hover{background:", ";border:1px solid ", ";box-shadow:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";background:", ";font-weight:", ";}}}}&-vertical{.", "-tab{.", "-tab-btn{width:200px;height:40px;padding:0 12px;justify-content:flex-start;gap:4px;border-radius:0 4px 4px 0;border-left:1px solid transparent;color:", ";overflow-x:clip;text-overflow:ellipsis;&:hover{border-left-color:", ";}}&-active{.", "-tab-btn{background:", ";border-left-color:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";border-left-color:transparent;}}}}&-ink-bar{display:none;position:absolute;pointer-events:none;}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
+var TabsStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.createGlobalStyle)([".", "{box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;&-top,&-bottom{flex-direction:column;.", "-nav-list{flex-direction:row;}}&-left,&-right{flex-direction:row;.", "-nav-list{flex-direction:column;}}&-nav{position:relative;display:flex;flex:none;align-items:center;&-wrap{position:relative;display:flex;flex:auto;align-self:stretch;white-space:nowrap;transform:translate(0);}&-list{position:relative;display:flex;transition:opacity 0.3s;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;}&-operations{display:flex;align-self:stretch;&-hidden{position:absolute;visibility:hidden;pointer-events:none;}}}&-content-holder{flex:auto;min-width:0;min-height:0;box-sizing:border-box;}&-content{position:relative;width:100%;}&-tabpane{outline:none;&-hidden{display:none;}}&-tab{&-btn{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:0 none;background:transparent;min-width:0;width:fit-content;cursor:pointer;white-space:nowrap;font-family:", ";line-height:", ";letter-spacing:", ";}&-disabled{.", "-tab-btn{cursor:not-allowed;}}}&-main{.", "-nav-list{gap:24px;}.", "-tab{.", "-tab-btn{height:36px;padding:0;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-underline{.", "-tab{.", "-tab-btn{height:24px;padding:0 16px;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-contain{.", "-nav-list{padding:2px;gap:2px;border-radius:4px;background:", ";}.", "-tab{.", "-tab-btn{height:32px;padding:0px 8px;justify-content:center;gap:6px;border-radius:4px;color:", ";font-size:", ";font-weight:", ";&:hover{color:", ";background:", ";}}&-active{.", "-tab-btn{background:", ";border:1px solid ", ";box-shadow:", ";color:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";background:", ";font-weight:", ";}}}}&-vertical{.", "-tab{.", "-tab-btn{width:200px;height:40px;padding:0 12px;justify-content:flex-start;gap:4px;border-radius:0 4px 4px 0;border-left:1px solid transparent;color:", ";overflow-x:clip;text-overflow:ellipsis;&:hover{border-left-color:", ";}}&-active{.", "-tab-btn{background:", ";border-left-color:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";border-left-color:transparent;}}}}&-ink-bar{display:none;position:absolute;pointer-events:none;}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
   return t.font_family.sans;
 }), theme(function (t) {
   return t.line_height.none;
@@ -50526,12 +50531,14 @@ var TabsStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.createGlobalSt
   return t.color.text_tertiary;
 }), theme(function (t) {
   return t.color.bg_fill_primary_secondary;
-}), prefixCls, prefixCls, theme(function (t) {
+}), prefixCls, theme(function (t) {
   return t.color.bg;
 }), theme(function (t) {
   return t.color.border;
 }), theme(function (t) {
   return t.shadow.meduim;
+}), theme(function (t) {
+  return t.color.text_primary;
 }), prefixCls, prefixCls, theme(function (t) {
   return t.color.text_disabled;
 }), theme(function (t) {