@luminati-io/uikit 6.3.65 → 6.3.66

package/dist/umd/uikit.development.js

@@ -48374,7 +48374,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*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", "rightInnerContent", "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", "noBorder"];
 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; }
@@ -48428,6 +48428,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     innerWrapper = props.innerWrapper,
     classNamePrefix = props.classNamePrefix,
     className = props.className,
+    noBorder = props.noBorder,
     rest = _objectWithoutProperties(props, _excluded);
   var field = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
   var setFieldRefs = (0,_util__WEBPACK_IMPORTED_MODULE_10__.useSetRefsCallback)([fieldRef, field]);
@@ -48500,6 +48501,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     $rightOuterContent: rightOuterContent,
     $heightCalculationCallback: heightCalculationCallback,
     $verticalAlign: verticalAlign,
+    $noBorder: noBorder,
     onClick: onWrapperClick
   }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({
     onKeyDown: onKeyDown,
@@ -48729,11 +48731,17 @@ 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:", ";", " cursor:", ";background-color:", ";color:", ";border-color:", ";&:hover{border-color:", ";}box-shadow:", ";"], function (_ref32) {
-  var font_family = _ref32.theme.font_family;
+})(["position:relative;width:100%;border:", ";border-radius:", ";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:", ";", " cursor:", ";background-color:", ";color:", ";border-color:", ";&:hover{border-color:", ";}box-shadow:", ";"], function (_ref32) {
+  var $noBorder = _ref32.$noBorder;
+  return $noBorder ? 'none' : '1px solid';
+}, function (_ref33) {
+  var $noBorder = _ref33.$noBorder;
+  return $noBorder ? '0' : '4px';
+}, function (_ref34) {
+  var font_family = _ref34.theme.font_family;
   return font_family.sans;
-}, _constants__WEBPACK_IMPORTED_MODULE_9__.INPUT_VERTICAL_PADDING, _constants__WEBPACK_IMPORTED_MODULE_9__.INPUT_HORIZONTAL_PADDING, function (_ref33) {
-  var $verticalAlign = _ref33.$verticalAlign;
+}, _constants__WEBPACK_IMPORTED_MODULE_9__.INPUT_VERTICAL_PADDING, _constants__WEBPACK_IMPORTED_MODULE_9__.INPUT_HORIZONTAL_PADDING, function (_ref35) {
+  var $verticalAlign = _ref35.$verticalAlign;
   return $verticalAlign !== null && $verticalAlign !== void 0 ? $verticalAlign : 'normal';
 }, function (props) {
   return props.$leftOuterContent ? '0' : '4px';
@@ -48746,39 +48754,42 @@ 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 (_ref34) {
-  var $disabled = _ref34.$disabled;
-  return $disabled ? 'default' : 'text';
-}, function (_ref35) {
-  var $disabled = _ref35.$disabled,
-    color = _ref35.theme.color;
-  return $disabled ? color.bg_fill_teritary : color.bg;
 }, function (_ref36) {
-  var $disabled = _ref36.$disabled,
-    color = _ref36.theme.color;
-  return $disabled ? color.text_disabled : color.text_tertiary;
+  var $disabled = _ref36.$disabled;
+  return $disabled ? 'default' : 'text';
 }, function (_ref37) {
   var $disabled = _ref37.$disabled,
-    $invalid = _ref37.$invalid,
-    $active = _ref37.$active,
     color = _ref37.theme.color;
-  return $disabled ? color.border_disabled : $invalid ? color.border_error : $active ? color.border_primary : color.border;
+  return $disabled ? color.bg_fill_teritary : color.bg;
 }, function (_ref38) {
   var $disabled = _ref38.$disabled,
-    $invalid = _ref38.$invalid,
-    $active = _ref38.$active,
     color = _ref38.theme.color;
-  return $disabled ? color.border_disabled : $active ? $invalid ? color.border_error : color.border_primary : color.border_accent;
+  return $disabled ? color.text_disabled : color.text_tertiary;
 }, function (_ref39) {
-  var $invalid = _ref39.$invalid,
+  var $noBorder = _ref39.$noBorder,
+    $disabled = _ref39.$disabled,
+    $invalid = _ref39.$invalid,
     $active = _ref39.$active,
-    shadow = _ref39.theme.shadow;
-  return $active ? $invalid ? shadow.error : shadow.primary : null;
-});
-var HelperText = function HelperText(_ref40) {
-  var classNamePrefix = _ref40.classNamePrefix,
-    children = _ref40.children,
-    invalid = _ref40.invalid;
+    color = _ref39.theme.color;
+  return $noBorder ? 'transparent' : $disabled ? color.border_disabled : $invalid ? color.border_error : $active ? color.border_primary : color.border;
+}, function (_ref40) {
+  var $noBorder = _ref40.$noBorder,
+    $disabled = _ref40.$disabled,
+    $invalid = _ref40.$invalid,
+    $active = _ref40.$active,
+    color = _ref40.theme.color;
+  return $noBorder ? 'transparent' : $disabled ? color.border_disabled : $active ? $invalid ? color.border_error : color.border_primary : color.border_accent;
+}, function (_ref41) {
+  var $noBorder = _ref41.$noBorder,
+    $invalid = _ref41.$invalid,
+    $active = _ref41.$active,
+    shadow = _ref41.theme.shadow;
+  return $noBorder ? null : $active ? $invalid ? shadow.error : shadow.primary : null;
+});
+var HelperText = function HelperText(_ref42) {
+  var classNamePrefix = _ref42.classNamePrefix,
+    children = _ref42.children,
+    invalid = _ref42.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, {
@@ -48907,14 +48918,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
 /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
-/* harmony import */ var _handle_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./handle_tooltip */ "./src/input/slider/handle_tooltip.js");
-/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styled */ "./src/input/slider/styled.js");
+/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styled */ "./src/input/slider/styled.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 = ["size", "onChange", "inputProps", "min", "max", "step", "tabIndex", "classNamePrefix", "marks", "tipFormatter", "tipProps", "range", "allowCross"];
+var _excluded = ["size", "onChange", "inputProps", "min", "max", "step", "tabIndex", "classNamePrefix", "marks", "tipFormatter", "tipProps", "range", "allowCross", "noBorder"];
 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; }
@@ -48929,7 +48939,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-
 var Slider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var size = props.size,
     onChange = props.onChange,
@@ -48947,6 +48956,8 @@ var Slider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
     tipProps = props.tipProps,
     range = props.range,
     allowCross = props.allowCross,
+    _props$noBorder = props.noBorder,
+    noBorder = _props$noBorder === void 0 ? true : _props$noBorder,
     rest = _objectWithoutProperties(props, _excluded);
   var heightCalculationCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     var height = {
@@ -48958,7 +48969,8 @@ var Slider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["overflow:visible;min-height:", "px;"], height[size] || height.sm);
   }, [size]);
   var handleRender = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (node, handleProps) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_handle_tooltip__WEBPACK_IMPORTED_MODULE_5__.HandleTooltip, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_5__.StyledHandleTooltip, _extends({
+      classNamePrefix: "slider_tooltip",
       value: handleProps.value,
       visible: handleProps.dragging,
       tipFormatter: tipFormatter
@@ -48970,8 +48982,9 @@ var Slider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
     heightCalculationCallback: heightCalculationCallback,
     autoresize: false,
     verticalAlign: "center",
-    Field: _styled__WEBPACK_IMPORTED_MODULE_6__.StyledSlider,
+    Field: _styled__WEBPACK_IMPORTED_MODULE_5__.StyledSlider,
     onChange: onChange,
+    noBorder: noBorder,
     inputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
       min: min,
       max: max,
@@ -49024,17 +49037,20 @@ Slider.propTypes = _objectSpread(_objectSpread({}, _constants__WEBPACK_IMPORTED_
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   StyledHandleTooltip: () => (/* binding */ StyledHandleTooltip),
 /* harmony export */   StyledSlider: () => (/* binding */ StyledSlider)
 /* harmony export */ });
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var rc_slider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-slider */ "./node_modules/rc-slider/es/index.js");
+/* harmony import */ var _handle_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./handle_tooltip */ "./src/input/slider/handle_tooltip.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
+
 var prefixCls = function prefixCls(p) {
   return p.prefixCls;
 };
@@ -49046,7 +49062,7 @@ var theme = function theme(cb) {
 var StyledSlider = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(rc_slider__WEBPACK_IMPORTED_MODULE_1__["default"]).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-ifo2sp-0"
-})(["&.", "{position:relative;width:100%;height:16px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);& *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}&.", "-with-marks{height:38px;}.", "-rail{position:absolute;width:100%;height:6px;background-color:", ";border-radius:8px;}.", "-track,.", "-tracks{position:absolute;height:6px;background-color:", ";border-radius:8px;}.", "-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px);}.", "-handle{position:absolute;z-index:1;width:16px;height:16px;margin-top:-5px;background-color:", ";border:2px solid ", ";border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;user-select:none;touch-action:pan-x;&:focus{outline:none;box-shadow:none;}&:focus-visible{border-color:", ";box-shadow:", ";}&:hover{border-color:", ";}&:active{border-color:", ";box-shadow:", ";cursor:-webkit-grabbing;cursor:grabbing;}}.", "-handle-dragging.", "-handle-dragging.", "-handle-dragging{border-color:", ";box-shadow:", ";}.", "-handle-dragging.", "-handle-dragging.", "-handle-dragging-delete{opacity:0;}.", "-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset;}.", "-mark{position:absolute;top:18px;left:0;width:100%;font-size:", ";font-weight:", ";}.", "-mark-text{position:absolute;display:inline-block;color:", ";text-align:center;vertical-align:middle;cursor:pointer;}.", "-step{position:absolute;width:100%;height:4px;background:transparent;}.", "-dot{position:absolute;bottom:-2px;width:1px;height:6px;vertical-align:middle;background-color:", ";cursor:pointer;}&.", "-disabled{.", "-track{background-color:", ";}.", "-handle{background-color:", ";border-color:", ";box-shadow:none;cursor:not-allowed;}.", "-dot{cursor:not-allowed !important;}.", "-mark-text{color:", ";cursor:not-allowed !important;}}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
+})(["&.", "{position:relative;width:100%;height:16px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);& *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}&.", "-with-marks{height:38px;}.", "-rail{position:absolute;width:100%;height:6px;background-color:", ";border-radius:8px;}.", "-track,.", "-tracks{position:absolute;height:6px;background-color:", ";border-radius:8px;}.", "-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px);}.", "-handle{position:absolute;z-index:1;width:16px;height:16px;margin-top:-5px;background-color:", ";border:2px solid ", ";border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;user-select:none;touch-action:pan-x;&:focus{outline:none;box-shadow:none;}&:focus-visible{box-shadow:", ";}&:hover{}&:active{box-shadow:", ";cursor:-webkit-grabbing;cursor:grabbing;}}.", "-handle-dragging.", "-handle-dragging.", "-handle-dragging{box-shadow:", ";}.", "-handle-dragging.", "-handle-dragging.", "-handle-dragging-delete{opacity:0;}.", "-handle-click-focused:focus{box-shadow:unset;}.", "-mark{position:absolute;top:18px;left:0;width:100%;font-size:", ";font-weight:", ";}.", "-mark-text{position:absolute;display:inline-block;color:", ";text-align:center;vertical-align:middle;cursor:pointer;}.", "-step{position:absolute;width:100%;height:4px;background:transparent;}.", "-dot{position:absolute;bottom:-2px;width:1px;height:6px;vertical-align:middle;background-color:", ";cursor:pointer;}&.", "-disabled{.", "-track{background-color:", ";}.", "-handle{background-color:", ";box-shadow:none;cursor:not-allowed;}.", "-dot{cursor:not-allowed !important;}.", "-mark-text{color:", ";cursor:not-allowed !important;}}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
   return t.color.slider_bg;
 }), prefixCls, prefixCls, theme(function (t) {
   return t.color.slider_bg_fill;
@@ -49054,19 +49070,11 @@ var StyledSlider = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(rc_s
   return t.color.slider_bg_fill;
 }), theme(function (t) {
   return t.color.slider_bg_fill;
-}), theme(function (t) {
-  return t.color.icon_secondary;
 }), theme(function (t) {
   return t.shadow.primary;
-}), theme(function (t) {
-  return t.color.icon_secondary;
-}), theme(function (t) {
-  return t.color.icon_secondary;
 }), theme(function (t) {
   return t.shadow.primary;
 }), prefixCls, prefixCls, prefixCls, theme(function (t) {
-  return t.color.icon_secondary;
-}), theme(function (t) {
   return t.shadow.primary;
 }), prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, theme(function (t) {
   return t.font_size.xs;
@@ -49080,11 +49088,13 @@ var StyledSlider = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(rc_s
   return t.color.slider_bg_fill_disabled;
 }), prefixCls, theme(function (t) {
   return t.color.slider_bg_fill_disabled;
-}), theme(function (t) {
-  return t.color.slider_bg_fill_disabled;
 }), prefixCls, prefixCls, theme(function (t) {
   return t.color.text_disabled;
 }));
+var StyledHandleTooltip = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_handle_tooltip__WEBPACK_IMPORTED_MODULE_2__.HandleTooltip).withConfig({
+  displayName: "StyledHandleTooltip",
+  componentId: "sc-ifo2sp-1"
+})(["&.slider_tooltip.slider_tooltip-placement-top{& .slider_tooltip-content{.slider_tooltip-inner{transform:translate(-10%,0);}}}"]);
 
 /***/ }),