@luminati-io/uikit 6.3.20 → 6.3.21

package/dist/umd/uikit.development.js

@@ -41533,25 +41533,25 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    onClick = _ref.onClick,
-    label = _ref.label,
-    disabled = _ref.disabled,
-    tooltip = _ref.tooltip,
-    indeterminate = _ref.indeterminate,
-    _ref$verticalAlign = _ref.verticalAlign,
-    verticalAlign = _ref$verticalAlign === void 0 ? 'top' : _ref$verticalAlign,
-    className = _ref.className,
-    classNamePrefix = _ref.classNamePrefix,
-    _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
-    readOnly = _ref.readOnly,
-    tooltipPlacement = _ref.tooltipPlacement,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+  var id = props.id,
+    name = props.name,
+    checked = props.checked,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    label = props.label,
+    disabled = props.disabled,
+    tooltip = props.tooltip,
+    indeterminate = props.indeterminate,
+    _props$verticalAlign = props.verticalAlign,
+    verticalAlign = _props$verticalAlign === void 0 ? 'top' : _props$verticalAlign,
+    className = props.className,
+    classNamePrefix = props.classNamePrefix,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    readOnly = props.readOnly,
+    tooltipPlacement = props.tooltipPlacement,
+    rest = _objectWithoutProperties(props, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   var handleClick = function handleClick(evt) {
     if (disabled || readOnly) return;
@@ -41564,7 +41564,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     tooltipPlacement: tooltipPlacement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxWrapper, _extends({
     ref: ref
-  }, rest, {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_6__.pickAttrs)(rest), {
     onClick: handleClick,
     $verticalAlign: verticalAlign,
     $disabled: disabled,
@@ -41611,26 +41611,26 @@ Checkbox.propTypes = {
 var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxWrapper",
   componentId: "sc-623yyg-0"
-})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], function (_ref2) {
-  var theme = _ref2.theme;
+})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], function (_ref) {
+  var theme = _ref.theme;
   return theme.spacing['03'];
-}, function (_ref3) {
-  var $verticalAlign = _ref3.$verticalAlign;
+}, function (_ref2) {
+  var $verticalAlign = _ref2.$verticalAlign;
   return $verticalAlign;
-}, function (_ref4) {
-  var $disabled = _ref4.$disabled;
+}, function (_ref3) {
+  var $disabled = _ref3.$disabled;
   return $disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
 });
 var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxControl",
   componentId: "sc-623yyg-1"
-})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16px;max-width:16px;height:16px;border:1.5px solid;border-radius:4px;", " background-repeat:no-repeat;background-position:center center;background-image:", ""], function (_ref5) {
-  var $disabled = _ref5.$disabled,
-    $checked = _ref5.$checked,
-    $indeterminate = _ref5.$indeterminate,
-    _ref5$theme = _ref5.theme,
-    color = _ref5$theme.color,
-    shadow = _ref5$theme.shadow;
+})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16px;max-width:16px;height:16px;border:1.5px solid;border-radius:4px;", " background-repeat:no-repeat;background-position:center center;background-image:", ";"], function (_ref4) {
+  var $disabled = _ref4.$disabled,
+    $checked = _ref4.$checked,
+    $indeterminate = _ref4.$indeterminate,
+    _ref4$theme = _ref4.theme,
+    color = _ref4$theme.color,
+    shadow = _ref4$theme.shadow;
   if ($disabled) {
     if ($indeterminate || $checked) {
       return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-color:", ";background-color:", ";"], color.bg_fill_teritary, color.bg_fill_teritary);
@@ -41644,15 +41644,13 @@ var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
 }, function (props) {
   return getBackgroundImage(props);
 });
-var getBackgroundImage = function getBackgroundImage(_ref6) {
-  var $checked = _ref6.$checked,
-    $indeterminate = _ref6.$indeterminate,
-    $disabled = _ref6.$disabled,
-    color = _ref6.theme.color;
+var getBackgroundImage = function getBackgroundImage(_ref5) {
+  var $checked = _ref5.$checked,
+    $indeterminate = _ref5.$indeterminate,
+    $disabled = _ref5.$disabled,
+    color = _ref5.theme.color;
   var fill = encodeURIComponent($disabled ? color.icon_disabled : $checked ? color.icon_white : color.icon);
-  if ($checked || $indeterminate)
-    // XXX alexanderse: why only one icon
-    return "url(\"data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.63803 5.42519L8.40556 0.645362C8.7608 0.289208 9.33772 0.289208 9.69296 0.645362C10.0469 1.00022 10.0469 1.57459 9.69296 1.92945L4.34605 7.29016C3.95532 7.6819 3.32075 7.6819 2.93002 7.29016L0.307079 4.66045C-0.0468663 4.30559 -0.0468661 3.73122 0.307079 3.37636C0.662317 3.02021 1.23924 3.02021 1.59448 3.37636L3.63803 5.42519Z' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
+  if ($checked || $indeterminate) return "url(\"data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.63803 5.42519L8.40556 0.645362C8.7608 0.289208 9.33772 0.289208 9.69296 0.645362C10.0469 1.00022 10.0469 1.57459 9.69296 1.92945L4.34605 7.29016C3.95532 7.6819 3.32075 7.6819 2.93002 7.29016L0.307079 4.66045C-0.0468663 4.30559 -0.0468661 3.73122 0.307079 3.37636C0.662317 3.02021 1.23924 3.02021 1.59448 3.37636L3.63803 5.42519Z' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
   if ($indeterminate) return "url(\"data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='2' rx='1' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
 };
 
@@ -45250,21 +45248,19 @@ var TelInput = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.at
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   GroupWrapper: () => (/* binding */ GroupWrapper),
 /* harmony export */   RadioControl: () => (/* binding */ RadioControl),
+/* harmony export */   RadioGroupContainer: () => (/* binding */ RadioGroupContainer),
 /* harmony export */   RadioWrapper: () => (/* binding */ RadioWrapper)
 /* 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 _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
-
 var RadioWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
   displayName: "RadioWrapper",
   componentId: "sc-7im0vh-0"
@@ -45283,7 +45279,7 @@ var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.
   var size = _ref2.size,
     color = _ref2.theme.color;
   var p = size == 'sm' ? 16 : 20;
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["min-width:", ";max-width:", ";height:", ";background-color:", ";&:after{content:'';border-radius:50%;width:", ";height:", ";}"], (0,_util__WEBPACK_IMPORTED_MODULE_2__.px)(p), (0,_util__WEBPACK_IMPORTED_MODULE_2__.px)(p), (0,_util__WEBPACK_IMPORTED_MODULE_2__.px)(p), color.bg, (0,_util__WEBPACK_IMPORTED_MODULE_2__.px)(p / 2), (0,_util__WEBPACK_IMPORTED_MODULE_2__.px)(p / 2));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["min-width:", ";max-width:", ";height:", ";background-color:", ";&:after{content:'';border-radius:50%;width:", ";height:", ";}"], (0,_util__WEBPACK_IMPORTED_MODULE_1__.px)(p), (0,_util__WEBPACK_IMPORTED_MODULE_1__.px)(p), (0,_util__WEBPACK_IMPORTED_MODULE_1__.px)(p), color.bg, (0,_util__WEBPACK_IMPORTED_MODULE_1__.px)(p / 2), (0,_util__WEBPACK_IMPORTED_MODULE_1__.px)(p / 2));
 }, function (_ref3) {
   var checked = _ref3.checked,
     disabled = _ref3.disabled,
@@ -45298,10 +45294,16 @@ var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["border-color:", ";&:after{background-color:", ";}&:hover{border-color:", ";background-color:", ";&:after{background-color:", ";}}&:active{border-color:", ";&:active:after{background-color:", ";}}"], color.border_accent, color.bg, color.border_accent, color.bg_component_hover, color.bg_component_hover, color.icon_primary, color.bg);
 });
-var GroupWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_layout__WEBPACK_IMPORTED_MODULE_1__.Flex).withConfig({
-  displayName: "GroupWrapper",
+var RadioGroupContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
+  displayName: "RadioGroupContainer",
   componentId: "sc-7im0vh-2"
-})([""]);
+})(["display:flex;flex-direction:", ";gap:", ";"], function (_ref4) {
+  var $variant = _ref4.$variant;
+  return $variant;
+}, function (_ref5) {
+  var spacing = _ref5.theme.spacing;
+  return spacing['05'];
+});
 
 /***/ }),
 
@@ -45414,15 +45416,14 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
     required: required,
     necessityIndicator: necessityIndicator,
     variant: "lg"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_common__WEBPACK_IMPORTED_MODULE_9__.GroupWrapper, _extends({
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_common__WEBPACK_IMPORTED_MODULE_9__.RadioGroupContainer, _extends({
     ref: ref,
-    id: id,
+    id: id
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_6__.pickAttrs)(rest), {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_6__.cn)(classNamePrefix, _defineProperty({
       radioGroup: true
     }, "radioGroup--".concat(variant), true)),
-    gap: "05",
-    flex_direction: variant
-  }, rest, {
+    $variant: variant,
     role: "radiogroup",
     "aria-labelledby": label ? labelId : undefined
   }), options.map(function (opt) {
@@ -45578,7 +45579,7 @@ var RadioTabStyled = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_r
 }).withConfig({
   displayName: "RadioTabStyled",
   componentId: "sc-1cp95by-0"
-})(["", "{gap:0;border:1px solid ", ";border-radius:", ";}", "{padding:12px;border-bottom:1px solid ", ";&:hover{background-color:", ";}&:last-child{border:none;}}"], _common__WEBPACK_IMPORTED_MODULE_8__.GroupWrapper, function (_ref) {
+})(["", "{gap:0;border:1px solid ", ";border-radius:", ";}", "{padding:12px;border-bottom:1px solid ", ";&:hover{background-color:", ";}&:last-child{border:none;}}"], _common__WEBPACK_IMPORTED_MODULE_8__.RadioGroupContainer, function (_ref) {
   var color = _ref.theme.color;
   return color.border;
 }, function (_ref2) {