@luminati-io/uikit 5.0.4 → 5.0.5
Sign up to get free protection for your applications and to get access to all the features.
@@ -33112,21 +33112,24 @@ Checkbox.propTypes = {
|
|
33112
33112
|
var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
|
33113
33113
|
displayName: "CheckboxWrapper",
|
33114
33114
|
componentId: "sc-623yyg-0"
|
33115
|
-
})(["display:inline-flex;align-items:center;gap:
|
33116
|
-
var
|
33117
|
-
return
|
33115
|
+
})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], function (_ref2) {
|
33116
|
+
var theme = _ref2.theme;
|
33117
|
+
return theme.spacing['03'];
|
33118
33118
|
}, function (_ref3) {
|
33119
|
-
var $
|
33119
|
+
var $verticalAlign = _ref3.$verticalAlign;
|
33120
|
+
return $verticalAlign;
|
33121
|
+
}, function (_ref4) {
|
33122
|
+
var $disabled = _ref4.$disabled;
|
33120
33123
|
return $disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
|
33121
33124
|
});
|
33122
33125
|
var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
|
33123
33126
|
displayName: "CheckboxControl",
|
33124
33127
|
componentId: "sc-623yyg-1"
|
33125
|
-
})(["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 (
|
33126
|
-
var $disabled =
|
33127
|
-
$checked =
|
33128
|
-
$indeterminate =
|
33129
|
-
color =
|
33128
|
+
})(["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) {
|
33129
|
+
var $disabled = _ref5.$disabled,
|
33130
|
+
$checked = _ref5.$checked,
|
33131
|
+
$indeterminate = _ref5.$indeterminate,
|
33132
|
+
color = _ref5.theme.color;
|
33130
33133
|
if ($disabled) {
|
33131
33134
|
if ($indeterminate || $checked) {
|
33132
33135
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-color:", ";background-color:", ";"], color.gray_5, color.gray_5);
|
@@ -33140,11 +33143,11 @@ var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
|
|
33140
33143
|
}, function (props) {
|
33141
33144
|
return getBackgroundImage(props);
|
33142
33145
|
});
|
33143
|
-
var getBackgroundImage = function getBackgroundImage(
|
33144
|
-
var $checked =
|
33145
|
-
$indeterminate =
|
33146
|
-
$disabled =
|
33147
|
-
color =
|
33146
|
+
var getBackgroundImage = function getBackgroundImage(_ref6) {
|
33147
|
+
var $checked = _ref6.$checked,
|
33148
|
+
$indeterminate = _ref6.$indeterminate,
|
33149
|
+
$disabled = _ref6.$disabled,
|
33150
|
+
color = _ref6.theme.color;
|
33148
33151
|
var fill = encodeURIComponent($disabled ? color.gray_9 : $checked ? color.white : color.gray_11);
|
33149
33152
|
if ($checked) 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\")");
|
33150
33153
|
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\")");
|