@luminati-io/uikit 6.3.5 → 6.3.7

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;
@@ -39866,6 +39876,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   INPUT_HORIZONTAL_PADDING: () => (/* binding */ INPUT_HORIZONTAL_PADDING),
 /* harmony export */   INPUT_VERTICAL_PADDING: () => (/* binding */ INPUT_VERTICAL_PADDING),
+/* harmony export */   PT_INPUT_SHARED: () => (/* binding */ PT_INPUT_SHARED),
 /* harmony export */   PT_NECESSITY_INDICATOR: () => (/* binding */ PT_NECESSITY_INDICATOR),
 /* harmony export */   PT_TOOLTIP_PLACEMENT: () => (/* binding */ PT_TOOLTIP_PLACEMENT),
 /* harmony export */   PT_TRIGGER: () => (/* binding */ PT_TRIGGER),
@@ -39908,6 +39919,32 @@ var TOOLTIP_PLACEMENT = function () {
     });
   });
 }();
+var PT_INPUT_SHARED = {
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  after: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  before: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  inputProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  necessityIndicator: PT_NECESSITY_INDICATOR,
+  autoFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+};
 
 /***/ }),
 
@@ -45861,21 +45898,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/lib/pickAttrs */ "./node_modules/rc-util/lib/pickAttrs.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "name", "value", "leftInnerContent", "leftOuterContent", "rightInnerContent", "rightOuterContent", "heightCalculationCallback", "Field", "fieldRef", "onChange", "onFocus", "onBlur", "onKeyDown", "placeholder", "disabled", "invalid", "autoFocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper", "classNamePrefix", "className"];
+var _excluded = ["id", "name", "value", "leftInnerContent", "rightInnerContent", "heightCalculationCallback", "Field", "fieldRef", "onChange", "onFocus", "onBlur", "onKeyDown", "placeholder", "disabled", "invalid", "autoFocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper", "classNamePrefix", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -45900,14 +45940,13 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var id = props.id,
     name = props.name,
     value = props.value,
     leftInnerContent = props.leftInnerContent,
-    leftOuterContent = props.leftOuterContent,
     rightInnerContent = props.rightInnerContent,
-    rightOuterContent = props.rightOuterContent,
     heightCalculationCallback = props.heightCalculationCallback,
     Field = props.Field,
     fieldRef = props.fieldRef,
@@ -45932,7 +45971,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     className = props.className,
     rest = _objectWithoutProperties(props, _excluded);
   var field = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
-  var setFieldRefs = (0,_util__WEBPACK_IMPORTED_MODULE_9__.useSetRefsCallback)([fieldRef, field]);
+  var setFieldRefs = (0,_util__WEBPACK_IMPORTED_MODULE_10__.useSetRefsCallback)([fieldRef, field]);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
@@ -45965,13 +46004,15 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     // XXX vadimv: hack to autoresize textarea
-    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(field.current.scrollHeight);
+    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(field.current.scrollHeight);
   }, [autoresize, value]);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useLabelId)(id);
+  var leftOuterContent = props.leftOuterContent || props.before;
+  var rightOuterContent = props.rightOuterContent || props.after;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest), {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+  }, (0,rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_3__["default"])(rest), {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       container: true
     }, className),
     flex_direction: "column",
@@ -45987,9 +46028,10 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
     $heightCalculationCallback: heightCalculationCallback
   }, leftOuterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LeftOuterContentWrapper, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       leftOuterContent: true
-    })
+    }),
+    $unstyled: !!props.leftOuterContent
   }, leftOuterContent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputWrapper, {
     ref: innerWrapper,
     $active: active,
@@ -46015,43 +46057,25 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     placeholder: placeholder,
     "aria-labelledby": label ? labelId : undefined
   })), rightInnerContent), rightOuterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RightOuterContentWrapper, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       rightOuterContent: true
-    })
+    }),
+    $unstyled: !!props.rightOuterContent
   }, rightOuterContent)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HelperText, {
     classNamePrefix: classNamePrefix,
     invalid: invalid
   }, helperText));
 });
 FieldWrapper.displayName = 'FieldWrapper';
-FieldWrapper.propTypes = {
-  value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  inputProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+FieldWrapper.propTypes = _objectSpread(_objectSpread({}, _constants__WEBPACK_IMPORTED_MODULE_12__.PT_INPUT_SHARED), {}, {
+  heightCalculationCallback: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   Field: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType),
   fieldRef: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().func), prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
     current: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(Element)
   })]),
-  required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_11__.PT_NECESSITY_INDICATOR,
-  autoFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  heightCalculationCallback: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   autoresize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   verticalAlign: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
-};
+});
 var Field = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.withConfig({
   displayName: "Field",
   componentId: "sc-r60v1b-0"
@@ -46086,14 +46110,14 @@ var InputLabel = function InputLabel(_ref7) {
     necessityIndicator = _ref7$necessityIndica === void 0 ? 'asterisk' : _ref7$necessityIndica,
     _ref7$variant = _ref7.variant,
     variant = _ref7$variant === void 0 ? 'sm' : _ref7$variant;
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useReactTranslate)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useReactTranslate)();
   if (!label) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LabelWrapper, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       label: true
     }, className)
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, _defineProperty({
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_9__.Label, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, _defineProperty({
       labelText: true
     }, 'labelText--is-required', required)),
     id: id,
@@ -46103,10 +46127,10 @@ var InputLabel = function InputLabel(_ref7) {
   }, t(label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(NecessityIndicator, {
     required: required,
     indicator: necessityIndicator
-  })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip2, {
+  })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip2, {
     tooltip: labelTooltip
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       labelIcon: true
     }),
     name: labelIcon,
@@ -46115,11 +46139,14 @@ var InputLabel = function InputLabel(_ref7) {
   })));
 };
 InputLabel.propTypes = {
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  id: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_11__.PT_NECESSITY_INDICATOR,
+  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_12__.PT_NECESSITY_INDICATOR,
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'lg'])
 };
 var LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
@@ -46129,25 +46156,27 @@ var LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   var spacing = _ref8.theme.spacing;
   return spacing['03'];
 });
-var NecessityIndicator = function NecessityIndicator(props) {
-  var required = props.required,
-    indicator = props.indicator;
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useReactTranslate)();
+var NecessityIndicator = function NecessityIndicator(_ref9) {
+  var required = _ref9.required,
+    indicator = _ref9.indicator;
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useReactTranslate)();
   if (indicator == 'none') return null;
-  if (indicator == 'text') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Indicator, null, t(required ? '(required)' : '(optional)'));
+  if (indicator == 'text') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Indicator, null, t(required ? '(required)' : '(optional)'));
+  }
   return required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Asterisk, null) : null;
 };
 var Indicator = styled_components__WEBPACK_IMPORTED_MODULE_2___default().span.withConfig({
   displayName: "Indicator",
   componentId: "sc-r60v1b-2"
-})(["color:", ";margin-left:", ";"], function (_ref9) {
-  var color = _ref9.theme.color;
+})(["color:", ";margin-left:", ";"], function (_ref10) {
+  var color = _ref10.theme.color;
   return color.text_disabled;
-}, function (_ref10) {
-  var spacing = _ref10.theme.spacing;
+}, function (_ref11) {
+  var spacing = _ref11.theme.spacing;
   return spacing['02'];
 });
-var Asterisk = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
+var Asterisk = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_9__.Label).attrs({
   tag: 'span',
   variant: 'xs',
   color: 'border_error',
@@ -46155,73 +46184,84 @@ var Asterisk = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typogra
 }).withConfig({
   displayName: "Asterisk",
   componentId: "sc-r60v1b-3"
-})(["margin-left:", ";"], function (_ref11) {
-  var spacing = _ref11.theme.spacing;
+})(["margin-left:", ";"], function (_ref12) {
+  var spacing = _ref12.theme.spacing;
   return spacing['02'];
 });
 var LeftOuterContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "LeftOuterContentWrapper",
   componentId: "sc-r60v1b-4"
-})(["display:flex;align-items:center;justify-content:center;background-color:", ";height:100%;box-sizing:border-box;border-top:1px solid ", ";border-bottom:1px solid ", ";border-left:1px solid ", ";padding:0 ", ";border-top-left-radius:4px;border-bottom-left-radius:4px;font-family:", ";font-size:", ";font-weight:", ";line-height:normal;color:", ";"], function (_ref12) {
-  var color = _ref12.theme.color;
-  return color.bg_fill;
-}, function (_ref13) {
+})(["display:flex;align-items:center;justify-content:center;background-color:", ";height:100%;box-sizing:border-box;border-top:", ";border-bottom:", ";border-left:", ";padding:", ";border-top-left-radius:4px;border-bottom-left-radius:4px;font-family:", ";font-size:", ";font-weight:", ";line-height:normal;color:", ";"], function (_ref13) {
   var color = _ref13.theme.color;
-  return color.border;
+  return color.bg_fill;
 }, function (_ref14) {
-  var color = _ref14.theme.color;
-  return color.border;
+  var $unstyled = _ref14.$unstyled,
+    color = _ref14.theme.color;
+  return $unstyled ? '0 none' : "1px solid ".concat(color.border);
 }, function (_ref15) {
-  var color = _ref15.theme.color;
-  return color.border;
+  var $unstyled = _ref15.$unstyled,
+    color = _ref15.theme.color;
+  return $unstyled ? '0 none' : "1px solid ".concat(color.border);
 }, function (_ref16) {
-  var spacing = _ref16.theme.spacing;
-  return spacing['04'];
+  var $unstyled = _ref16.$unstyled,
+    color = _ref16.theme.color;
+  return $unstyled ? '0 none' : "1px solid ".concat(color.border);
 }, function (_ref17) {
-  var font_family = _ref17.theme.font_family;
-  return font_family.sans;
+  var $unstyled = _ref17.$unstyled,
+    spacing = _ref17.theme.spacing;
+  return $unstyled ? '0' : spacing['04'];
 }, function (_ref18) {
-  var font_size = _ref18.theme.font_size;
-  return font_size.sm;
+  var font_family = _ref18.theme.font_family;
+  return font_family.sans;
 }, function (_ref19) {
-  var font_weight = _ref19.theme.font_weight;
-  return font_weight.regular;
+  var font_size = _ref19.theme.font_size;
+  return font_size.sm;
 }, function (_ref20) {
-  var color = _ref20.theme.color;
+  var font_weight = _ref20.theme.font_weight;
+  return font_weight.regular;
+}, function (_ref21) {
+  var color = _ref21.theme.color;
   return color.text_quaternary;
 });
 var RightOuterContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "RightOuterContentWrapper",
   componentId: "sc-r60v1b-5"
-})(["display:flex;align-items:center;justify-content:center;background-color:", ";height:100%;box-sizing:border-box;border-top:1px solid ", ";border-right:1px solid ", ";border-bottom:1px solid ", ";padding:0 ", ";border-top-right-radius:4px;border-bottom-right-radius:4px;font-family:", ";font-size:", ";font-weight:", ";line-height:normal;color:", ";"], function (_ref21) {
-  var color = _ref21.theme.color;
-  return color.bg_fill;
-}, function (_ref22) {
+})(["display:flex;align-items:center;justify-content:center;background-color:", ";height:100%;box-sizing:border-box;padding:0 ", ";border-top:", ";border-right:", ";border-bottom:", ";padding:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;font-family:", ";font-size:", ";font-weight:", ";line-height:normal;color:", ";"], function (_ref22) {
   var color = _ref22.theme.color;
-  return color.border;
+  return color.bg_fill;
 }, function (_ref23) {
-  var color = _ref23.theme.color;
-  return color.border;
+  var spacing = _ref23.theme.spacing;
+  return spacing['04'];
 }, function (_ref24) {
-  var color = _ref24.theme.color;
-  return color.border;
+  var $unstyled = _ref24.$unstyled,
+    color = _ref24.theme.color;
+  return $unstyled ? '0 none' : "1px solid ".concat(color.border);
 }, function (_ref25) {
-  var spacing = _ref25.theme.spacing;
-  return spacing['04'];
+  var $unstyled = _ref25.$unstyled,
+    color = _ref25.theme.color;
+  return $unstyled ? '0 none' : "1px solid ".concat(color.border);
 }, function (_ref26) {
-  var font_family = _ref26.theme.font_family;
-  return font_family.sans;
+  var $unstyled = _ref26.$unstyled,
+    color = _ref26.theme.color;
+  return $unstyled ? '0 none' : "1px solid ".concat(color.border);
 }, function (_ref27) {
-  var font_size = _ref27.theme.font_size;
-  return font_size.sm;
+  var $unstyled = _ref27.$unstyled,
+    spacing = _ref27.theme.spacing;
+  return $unstyled ? '0' : spacing['04'];
 }, function (_ref28) {
-  var font_weight = _ref28.theme.font_weight;
-  return font_weight.regular;
+  var font_family = _ref28.theme.font_family;
+  return font_family.sans;
 }, function (_ref29) {
-  var color = _ref29.theme.color;
+  var font_size = _ref29.theme.font_size;
+  return font_size.sm;
+}, function (_ref30) {
+  var font_weight = _ref30.theme.font_weight;
+  return font_weight.regular;
+}, function (_ref31) {
+  var color = _ref31.theme.color;
   return color.text_quaternary;
 });
-var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).withConfig({
+var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex).withConfig({
   displayName: "InputContentWrapper",
   componentId: "sc-r60v1b-6"
 })(["", " border-radius:4px;"], function (props) {
@@ -46230,11 +46270,11 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
 var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "InputWrapper",
   componentId: "sc-r60v1b-7"
-})(["position:relative;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:", ";border-left-width:1px;border-right-width:1px;border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";", " ", " box-shadow:", ";"], function (_ref30) {
-  var font_family = _ref30.theme.font_family;
+})(["position:relative;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:", ";border-left-width:1px;border-right-width:1px;border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";", " ", " box-shadow:", ";"], function (_ref32) {
+  var font_family = _ref32.theme.font_family;
   return font_family.sans;
-}, _constants__WEBPACK_IMPORTED_MODULE_11__.INPUT_VERTICAL_PADDING, _constants__WEBPACK_IMPORTED_MODULE_11__.INPUT_HORIZONTAL_PADDING, function (_ref31) {
-  var $verticalAlign = _ref31.$verticalAlign;
+}, _constants__WEBPACK_IMPORTED_MODULE_12__.INPUT_VERTICAL_PADDING, _constants__WEBPACK_IMPORTED_MODULE_12__.INPUT_HORIZONTAL_PADDING, function (_ref33) {
+  var $verticalAlign = _ref33.$verticalAlign;
   return $verticalAlign !== null && $verticalAlign !== void 0 ? $verticalAlign : 'normal';
 }, function (props) {
   return props.$leftOuterContent ? '0' : '4px';
@@ -46247,28 +46287,28 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
 }, function (props) {
   var _props$$heightCalcula;
   return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
-}, function (_ref32) {
-  var $disabled = _ref32.$disabled,
-    $invalid = _ref32.$invalid,
-    $active = _ref32.$active,
-    color = _ref32.theme.color;
+}, function (_ref34) {
+  var $disabled = _ref34.$disabled,
+    $invalid = _ref34.$invalid,
+    $active = _ref34.$active,
+    color = _ref34.theme.color;
   if ($disabled) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:default;background-color:", ";border-color:", ";color:", ";"], color.bg_fill_teritary, color.border_disabled, color.text_disabled);
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:text;background-color:", ";color:", ";border-color:", ";&:hover{border-color:", ";}"], color.bg, color.text_tertiary, $invalid ? color.border_error : $active ? color.border_primary : color.border, color.border_accent);
-}, function (_ref33) {
-  var $active = _ref33.$active,
-    shadow = _ref33.theme.shadow;
+}, function (_ref35) {
+  var $active = _ref35.$active,
+    shadow = _ref35.theme.shadow;
   return $active ? shadow.primary : null;
 });
-var HelperText = function HelperText(_ref34) {
-  var classNamePrefix = _ref34.classNamePrefix,
-    children = _ref34.children,
-    invalid = _ref34.invalid;
+var HelperText = function HelperText(_ref36) {
+  var classNamePrefix = _ref36.classNamePrefix,
+    children = _ref36.children,
+    invalid = _ref36.invalid;
   if (!children) return null;
   var color = invalid ? 'text_error' : 'text_quaternary';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_9__.Label, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       helperText: true,
       'helperText--invalid': invalid
     }),
@@ -46279,6 +46319,7 @@ var HelperText = function HelperText(_ref34) {
 };
 HelperText.displayName = 'HelperText';
 HelperText.propTypes = {
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
@@ -46289,7 +46330,7 @@ var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
       md: 40,
       lg: 48
     };
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(height[size] || height.sm));
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(height[size] || height.sm));
   }, [size]);
 };
 
@@ -46507,40 +46548,16 @@ var Textbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
     }, inputProps)
   }));
 });
-Textbox.propTypes = {
-  className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+Textbox.propTypes = _objectSpread(_objectSpread({}, _constants__WEBPACK_IMPORTED_MODULE_2__.PT_INPUT_SHARED), {}, {
   value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_2__.PT_NECESSITY_INDICATOR,
-  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  inputProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  autoFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  fieldRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().func), prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
-    current: prop_types__WEBPACK_IMPORTED_MODULE_1___default().instanceOf(Element)
-  })]),
   minLength: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
   maxLength: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
   type: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   tabIndex: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
   readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   autoComplete: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
-};
+});
 Textbox.displayName = 'Textbox';
 
 /***/ }),
@@ -49069,11 +49086,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 +50480,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 +50538,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) {