@salutejs/plasma-new-hope 0.241.1-canary.1701.12826370058.0 → 0.242.0-canary.1702.12829190112.0

package/emotion/es/components/DatePicker/RangeDate/RangeDate.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -95,6 +95,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
@@ -147,6 +149,14 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
+    var _useState15 = useState(Boolean(calendarFirstValue && calendarSecondValue)),
+      _useState16 = _slicedToArray(_useState15, 2),
+      fullDateEntered = _useState16[0],
+      setFullDateEntered = _useState16[1];
+    var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      secondTextFieldClicked = _useState18[0],
+      setSecondTextFieldClicked = _useState18[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
       if (onChange) {
@@ -207,12 +217,12 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       }),
       handleChangeSecondValue = _useDatePicker2.handleChangeValue,
       handleCommitSecondDate = _useDatePicker2.handleCommitDate;
-    var handleToggle = function handleToggle(opened, event) {
+    var handleToggle = function handleToggle(currentOpened, event) {
       var _firstInputRef$curren, _secondInputRef$curre;
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null)) && event.code !== keys.Escape ? true : opened;
+      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains((event === null || event === void 0 ? void 0 : event.target) || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains((event === null || event === void 0 ? void 0 : event.target) || null)) && (event === null || event === void 0 ? void 0 : event.code) !== keys.Escape ? true : currentOpened;
       if (!isCalendarOpen) {
         if (calendarFirstValue && !calendarSecondValue) {
           var _secondInputRef$curre2;
@@ -223,11 +233,22 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
         }
       }
+      if (!isCalendarOpen) {
+        setSecondTextFieldClicked(false);
+      }
       if (onToggle) {
         return onToggle(isCalendarOpen, event);
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var handleFocusFirstTextField = function handleFocusFirstTextField(event) {
+      onFocusFirstTextfield === null || onFocusFirstTextfield === void 0 || onFocusFirstTextfield(event);
+      setSecondTextFieldClicked(false);
+    };
+    var handleFocusSecondTextField = function handleFocusSecondTextField(event) {
+      onFocusSecondTextfield === null || onFocusSecondTextfield === void 0 || onFocusSecondTextfield(event);
+      setSecondTextFieldClicked(true);
+    };
     var handleBlur = function handleBlur(event, outerHandler) {
       if (!inputFirstValue || !inputSecondValue) {
         outerHandler === null || outerHandler === void 0 || outerHandler(event);
@@ -267,6 +288,37 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         closeOnEsc: closeOnEsc
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
+    var handleChangeStartOfRange = function handleChangeStartOfRange(chosenDate, dateInfo) {
+      if (!fullDateEntered) {
+        handleCommitFirstDate(chosenDate, false, true, dateInfo);
+        handleCommitSecondDate('');
+        return;
+      }
+      var prevValue = secondTextFieldClicked ? calendarFirstValue : calendarSecondValue;
+      var _getSortedValues3 = getSortedValues([prevValue, chosenDate]),
+        _getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
+        first = _getSortedValues4[0],
+        second = _getSortedValues4[1];
+      handleCommitFirstDate(first, false, true, dateInfo);
+      handleCommitSecondDate(second, false, true, dateInfo);
+      if (!firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
+    var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        firstDate = _ref3[0],
+        secondDate = _ref3[1];
+      if (firstDate) {
+        handleCommitFirstDate(firstDate, false, true, dateInfo);
+      }
+      if (secondDate) {
+        handleCommitSecondDate(secondDate, false, true, dateInfo);
+      }
+      if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       autoComplete: autoComplete,
@@ -312,8 +364,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
         }
       },
-      onFocusFirstTextfield: onFocusFirstTextfield,
-      onFocusSecondTextfield: onFocusSecondTextfield,
+      onFocusFirstTextfield: handleFocusFirstTextField,
+      onFocusSecondTextfield: handleFocusSecondTextField,
       onBlurFirstTextfield: function onBlurFirstTextfield(event) {
         return handleBlur(event, _onBlurFirstTextfield);
       },
@@ -362,8 +414,13 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         lang: lang
       }));
     }, [format, lang]);
-    var RootWrapper = useCallback(function (_ref2) {
-      var children = _ref2.children;
+    useEffect(function () {
+      if (calendarFirstValue && calendarSecondValue) {
+        setFullDateEntered(true);
+      }
+    }, [calendarFirstValue, calendarSecondValue]);
+    var RootWrapper = useCallback(function (_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/React.createElement(Root, {
         view: view,
         size: size,
@@ -405,20 +462,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       rootWrapper: RootWrapper,
-      onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
-        handleCommitFirstDate(firstDate, false, true, dateInfo);
-        handleCommitSecondDate('');
-      },
-      onChangeValue: function onChangeValue(_ref3, dateInfo) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          firstDate = _ref4[0],
-          secondDate = _ref4[1];
-        firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
-        secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
-        if (firstDate && secondDate && !firstValueError && !secondValueError) {
-          setIsInnerOpen(false);
-        }
-      }
+      onChangeStartOfRange: handleChangeStartOfRange,
+      onChangeValue: handleChangeCalendarValue
     }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
       name: name,
       type: "hidden",

package/emotion/es/components/Radiobox/Radiobox.js

@@ -57,8 +57,7 @@ export var radioboxRoot = function radioboxRoot(Root) {
       "aria-describedby": uniqDescriptionId,
       tabIndex: canFocused
     })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
-      htmlFor: radioboxId,
-      className: singleLineClass
+      htmlFor: radioboxId
     }, /*#__PURE__*/React.createElement(StyledTrigger, {
       className: classes.radioboxTrigger
     }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {

package/emotion/es/components/Radiobox/Radiobox.styles.js

@@ -9,5 +9,5 @@ var mappingOverride = /*#__PURE__*/"\n    ".concat(checkboxTokens.labelFontFamil
 export var StyledEllipse = /*#__PURE__*/_styled("div", {
   target: "e9i9tl60",
   label: "plasma-new-hope__StyledEllipse"
-})("width:var(", tokens.ellipseSize, ");height:var(", tokens.ellipseSize, ");border-radius:var(", tokens.ellipseSize, ");background-color:var(", tokens.ellipseColor, ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked+label &{transform:scale(1);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNoZWNrYm94VG9rZW5zIH0gZnJvbSAnLi4vQ2hlY2tib3gnO1xuaW1wb3J0IHsgYXBwbHlFbGxpcHNpcywgYXBwbHlOb1VzZXJTZWxlY3QgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1JhZGlvYm94LnRva2Vucyc7XG5cbi8vIE5PVEU6INCd0LXQvtCx0YXQvtC00LjQvNC+0LUg0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyINC40Lcg0LrQvtC80L/QvtC90LXQvdGC0LAgQ2hlY2tib3gg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuY29uc3QgbWFwcGluZ092ZXJyaWRlID0gYFxuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250U2l6ZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRGYW1pbHl9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRXZWlnaHR9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuZmlsbENvbG9yfTogdmFyKCR7dG9rZW5zLmZpbGxDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQm9yZGVyQ29sb3J9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlck1hcmdpbn06IHZhcigke3Rva2Vucy50cmlnZ2VyTWFyZ2lufSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRWxsaXBzZSA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5lbGxpcHNlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG5cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuZWxsaXBzZUNvbG9yfSk7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcblxuICAgIGlucHV0OmNoZWNrZWQgKyBsYWJlbCAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke21hcHBpbmdPdmVycmlkZX07XG5cbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5tYXJnaW59KTtcblxuICAgICR7YXBwbHlOb1VzZXJTZWxlY3QoKX07XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgZGlzcGxheTogZmxleDtcblxuICAgIC4ke2NsYXNzZXMuc2luZ2xlTGluZX0ge1xuICAgICAgICAke2FwcGx5RWxsaXBzaXMoKX07XG4gICAgfVxuYDtcbiJdfQ== */"));
-export var base = /*#__PURE__*/css(mappingOverride, ";margin:var(", tokens.margin, ");", /*#__PURE__*/applyNoUserSelect(), ";position:relative;align-items:flex-start;display:flex;.", classes.singleLine, "{", /*#__PURE__*/applyEllipsis(), ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNoZWNrYm94VG9rZW5zIH0gZnJvbSAnLi4vQ2hlY2tib3gnO1xuaW1wb3J0IHsgYXBwbHlFbGxpcHNpcywgYXBwbHlOb1VzZXJTZWxlY3QgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1JhZGlvYm94LnRva2Vucyc7XG5cbi8vIE5PVEU6INCd0LXQvtCx0YXQvtC00LjQvNC+0LUg0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyINC40Lcg0LrQvtC80L/QvtC90LXQvdGC0LAgQ2hlY2tib3gg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuY29uc3QgbWFwcGluZ092ZXJyaWRlID0gYFxuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250U2l6ZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRGYW1pbHl9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRXZWlnaHR9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuZmlsbENvbG9yfTogdmFyKCR7dG9rZW5zLmZpbGxDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQm9yZGVyQ29sb3J9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlck1hcmdpbn06IHZhcigke3Rva2Vucy50cmlnZ2VyTWFyZ2lufSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRWxsaXBzZSA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5lbGxpcHNlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG5cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuZWxsaXBzZUNvbG9yfSk7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcblxuICAgIGlucHV0OmNoZWNrZWQgKyBsYWJlbCAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke21hcHBpbmdPdmVycmlkZX07XG5cbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5tYXJnaW59KTtcblxuICAgICR7YXBwbHlOb1VzZXJTZWxlY3QoKX07XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgZGlzcGxheTogZmxleDtcblxuICAgIC4ke2NsYXNzZXMuc2luZ2xlTGluZX0ge1xuICAgICAgICAke2FwcGx5RWxsaXBzaXMoKX07XG4gICAgfVxuYDtcbiJdfQ== */"));
+})("width:var(", tokens.ellipseSize, ");height:var(", tokens.ellipseSize, ");border-radius:var(", tokens.ellipseSize, ");background-color:var(", tokens.ellipseColor, ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked+label &{transform:scale(1);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNoZWNrYm94VG9rZW5zIH0gZnJvbSAnLi4vQ2hlY2tib3gnO1xuaW1wb3J0IHsgYXBwbHlFbGxpcHNpcywgYXBwbHlOb1VzZXJTZWxlY3QgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1JhZGlvYm94LnRva2Vucyc7XG5cbi8vIE5PVEU6INCd0LXQvtCx0YXQvtC00LjQvNC+0LUg0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyINC40Lcg0LrQvtC80L/QvtC90LXQvdGC0LAgQ2hlY2tib3gg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuY29uc3QgbWFwcGluZ092ZXJyaWRlID0gYFxuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250U2l6ZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRGYW1pbHl9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRXZWlnaHR9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuZmlsbENvbG9yfTogdmFyKCR7dG9rZW5zLmZpbGxDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQm9yZGVyQ29sb3J9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlck1hcmdpbn06IHZhcigke3Rva2Vucy50cmlnZ2VyTWFyZ2lufSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRWxsaXBzZSA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5lbGxpcHNlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG5cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuZWxsaXBzZUNvbG9yfSk7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcblxuICAgIGlucHV0OmNoZWNrZWQgKyBsYWJlbCAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke21hcHBpbmdPdmVycmlkZX07XG5cbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5tYXJnaW59KTtcblxuICAgICR7YXBwbHlOb1VzZXJTZWxlY3QoKX07XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAuJHtjbGFzc2VzLnNpbmdsZUxpbmV9IHtcbiAgICAgICAgJHthcHBseUVsbGlwc2lzKCl9O1xuICAgIH1cbmA7XG4iXX0= */"));
+export var base = /*#__PURE__*/css(mappingOverride, ";margin:var(", tokens.margin, ");", /*#__PURE__*/applyNoUserSelect(), ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", classes.singleLine, "{", /*#__PURE__*/applyEllipsis(), ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNoZWNrYm94VG9rZW5zIH0gZnJvbSAnLi4vQ2hlY2tib3gnO1xuaW1wb3J0IHsgYXBwbHlFbGxpcHNpcywgYXBwbHlOb1VzZXJTZWxlY3QgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1JhZGlvYm94LnRva2Vucyc7XG5cbi8vIE5PVEU6INCd0LXQvtCx0YXQvtC00LjQvNC+0LUg0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyINC40Lcg0LrQvtC80L/QvtC90LXQvdGC0LAgQ2hlY2tib3gg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuY29uc3QgbWFwcGluZ092ZXJyaWRlID0gYFxuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250U2l6ZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25NYXJnaW5Ub3B9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRGYW1pbHl9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRXZWlnaHR9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuZmlsbENvbG9yfTogdmFyKCR7dG9rZW5zLmZpbGxDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQm9yZGVyQ29sb3J9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlck1hcmdpbn06IHZhcigke3Rva2Vucy50cmlnZ2VyTWFyZ2lufSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRWxsaXBzZSA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5lbGxpcHNlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG5cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuZWxsaXBzZUNvbG9yfSk7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcblxuICAgIGlucHV0OmNoZWNrZWQgKyBsYWJlbCAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke21hcHBpbmdPdmVycmlkZX07XG5cbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5tYXJnaW59KTtcblxuICAgICR7YXBwbHlOb1VzZXJTZWxlY3QoKX07XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAuJHtjbGFzc2VzLnNpbmdsZUxpbmV9IHtcbiAgICAgICAgJHthcHBseUVsbGlwc2lzKCl9O1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx

@@ -98,6 +98,14 @@ const StoryDefault = (props: CheckboxProps) => {
         <>
             <Checkbox {...props} />
             <Checkbox name="item.name" value="item.value" label="Label" description="Description" {...props} />
+            <Checkbox
+                name="item.name"
+                value="item.value"
+                singleLine
+                label="Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
+                description="Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
+                {...props}
+            />
         </>
     );
 };
@@ -106,29 +114,6 @@ export const Default: StoryObj<CheckboxProps> = {
     render: (args) => <StoryDefault {...args} />,
 };
 
-const StoryLong = (props: CheckboxProps) => {
-    const { width, ...otherProps } = props;
-    return (
-        <div style={{ width }}>
-            <Checkbox {...otherProps} />
-        </div>
-    );
-};
-
-export const LongText: StoryObj<CheckboxProps> = {
-    args: {
-        name: 'item.name',
-        value: 'item.value',
-        label:
-            'Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger',
-        description:
-            'Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger',
-        singleLine: true,
-        width: '300px',
-    },
-    render: (args) => <StoryLong {...args} />,
-};
-
 const StoryComplex = (props: CheckboxProps) => {
     const [values, setValues] = useState({
         russian: true,

package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -192,7 +192,6 @@ const StoryRange = ({
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -239,12 +238,6 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
             lang={lang}
             {...dividerIconProps}
             {...rest}
@@ -279,6 +272,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         size: 'l',
         view: 'default',
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),

package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx

@@ -114,29 +114,6 @@ export const Default: StoryObj<CheckboxProps> = {
     render: (args) => <StoryDefault {...args} />,
 };
 
-const StoryLong = (props: CheckboxProps) => {
-    const { width, ...otherProps } = props;
-    return (
-        <div style={{ width }}>
-            <Checkbox {...otherProps} />
-        </div>
-    );
-};
-
-export const LongText: StoryObj<CheckboxProps> = {
-    args: {
-        name: 'item.name',
-        value: 'item.value',
-        label:
-            'Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger',
-        description:
-            'Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger',
-        singleLine: true,
-        width: '300px',
-    },
-    render: (args) => <StoryLong {...args} />,
-};
-
 const StoryComplex = (props: CheckboxProps) => {
     const [values, setValues] = useState({
         russian: true,

package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -186,12 +186,12 @@ const StoryRange = ({
     secondValueError,
     secondValueSuccess,
     size,
+    lang,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -238,12 +238,7 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
+            lang={lang}
             {...dividerIconProps}
             {...rest}
         />
@@ -277,6 +272,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         size: 'l',
         view: 'default',
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),

package/es/components/Cell/ui/CellTextbox/CellTextbox.js

@@ -1,25 +1,20 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel.js';
 import { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle.js';
 import { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle.js';
-import { cx } from '../../../../utils/index.js';
 import { CellTextboxStyled } from './CellTextbox.styles.js';
 
-var _excluded = ["label", "title", "subtitle", "children", "className"];
 var CellTextbox = function CellTextbox(_ref) {
   var label = _ref.label,
     title = _ref.title,
     subtitle = _ref.subtitle,
-    children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    children = _ref.children;
   return (
     /*#__PURE__*/
     // TODO: #1548
-    React.createElement(CellTextboxStyled, _extends({
-      className: cx('cell-textbox', className)
-    }, rest), label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children)
+    React.createElement(CellTextboxStyled, {
+      className: "cell-textbox"
+    }, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children)
   );
 };
 

package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\nimport { cx } from '../../../../utils';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n    className,\n    ...rest\n}) => {\n    return (\n        // TODO: #1548\n        <CellTextboxStyled className={cx('cell-textbox', className)} {...rest}>\n            {label || title || subtitle ? (\n                <>\n                    {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n                    {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n                    {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </CellTextboxStyled>\n    );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","CellTextboxStyled","_extends","cx","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;IAUaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAO/E;AAAA,EAAA,IANFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA;AAAA;AACI;AACAC,IAAAA,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,CAAA;AAACP,MAAAA,SAAS,EAAEQ,EAAE,CAAC,cAAc,EAAER,SAAS,CAAA;KAAOC,EAAAA,IAAI,GAChEL,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBM,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAK,QAAA,EAAA,IAAA,EACKb,KAAK,iBAAIQ,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAEd,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,KAAK,iBAAIO,KAAA,CAAAC,aAAA,CAACM,gBAAgB,EAAEd,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIM,KAAA,CAAAC,aAAA,CAACO,mBAAmB,QAAEd,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAA;AAAC,IAAA;AAE5B;;;;"}
+{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n}) => {\n    return (\n        // TODO: #1548\n        <CellTextboxStyled className=\"cell-textbox\">\n            {label || title || subtitle ? (\n                <>\n                    {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n                    {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n                    {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </CellTextboxStyled>\n    );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","className","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;AAER,EAAA;AAAA;AACI;IACAC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,MAAAA,SAAS,EAAC,cAAA;KACxBP,EAAAA,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,EACKR,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAA,IAAA,EAAET,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAA,IAAA,EAAET,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACM,mBAAmB,QAAET,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAA;AAAC,IAAA;AAE5B;;;;"}

package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js

@@ -1,12 +1,8 @@
-import { objectWithoutProperties as _objectWithoutProperties } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { StyledTextboxLabel } from './CellTextboxLabel.styles.js';
 
-var _excluded = ["children"];
-var CellTextboxLabel = function CellTextboxLabel(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledTextboxLabel, rest, children);
+var CellTextboxLabel = function CellTextboxLabel(props) {
+  return /*#__PURE__*/React.createElement(StyledTextboxLabel, null, props.children);
 };
 
 export { CellTextboxLabel };

package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {\n    return <StyledTextboxLabel {...rest}>{children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxLabel"],"mappings":";;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAAC,IAAA,EAA8B;AAAA,EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC1F,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAKL,IAAI,EAAGD,QAA6B,CAAC,CAAA;AACxE;;;;"}
+{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextboxLabel>{props.children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","props","React","createElement","StyledTextboxLabel","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}

package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js

@@ -1,12 +1,8 @@
-import { objectWithoutProperties as _objectWithoutProperties } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles.js';
 
-var _excluded = ["children"];
-var CellTextboxSubtitle = function CellTextboxSubtitle(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledTextboxSubtitle, rest, children);
+var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextboxSubtitle, null, props.children);
 };
 
 export { CellTextboxSubtitle };

package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {\n    return <StyledTextboxSubtitle {...rest}>{children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxSubtitle"],"mappings":";;;;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAAC,IAAA,EAA8B;AAAA,EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC7F,oBAAOC,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAKL,IAAI,EAAGD,QAAgC,CAAC,CAAA;AAC9E;;;;"}
+{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextboxSubtitle>{props.children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","props","React","createElement","StyledTextboxSubtitle","children"],"mappings":";;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAIC,KAAK,EAAK;EACpF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAAgC,CAAC,CAAA;AAC1E;;;;"}

package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js

@@ -1,17 +1,11 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
-import { cx } from '../../../../utils/index.js';
 import { StyledTextboxTitle } from './CellTextboxTitle.styles.js';
 
-var _excluded = ["children", "className"];
-var CellTextboxTitle = function CellTextboxTitle(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var CellTextboxTitle = function CellTextboxTitle(props) {
   // TODO: #1548
-  return /*#__PURE__*/React.createElement(StyledTextboxTitle, _extends({
-    className: cx('cell-textbox-title', className)
-  }, rest), children);
+  return /*#__PURE__*/React.createElement(StyledTextboxTitle, {
+    className: "cell-textbox-title"
+  }, props.children);
 };
 
 export { CellTextboxTitle };

package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { cx } from '../../../../utils';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...rest }) => {\n    // TODO: #1548\n    return (\n        <StyledTextboxTitle className={cx('cell-textbox-title', className)} {...rest}>\n            {children}\n        </StyledTextboxTitle>\n    );\n};\n"],"names":["CellTextboxTitle","_ref","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","StyledTextboxTitle","_extends","cx"],"mappings":";;;;;;IAMaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACrG;AACA,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAAC,QAAA,CAAA;AAACP,IAAAA,SAAS,EAAEQ,EAAE,CAAC,oBAAoB,EAAER,SAAS,CAAA;GAAOC,EAAAA,IAAI,CACvEF,EAAAA,QACe,CAAC,CAAA;AAE7B;;;;"}
+{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    // TODO: #1548\n    return <StyledTextboxTitle className=\"cell-textbox-title\">{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","className","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;AACjF;AACA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;AAACC,IAAAA,SAAS,EAAC,oBAAA;GAAsBJ,EAAAA,KAAK,CAACK,QAA6B,CAAC,CAAA;AACnG;;;;"}

package/es/components/Checkbox/Checkbox.css

@@ -4,10 +4,10 @@
 
 .base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
 
-.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
-.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
-.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
-.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
-.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
-.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
+.Checkbox_styles_dmi26u_b1udywkg__94b814df{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_dmi26u_b1udywkg__94b814df .Checkbox_styles_dmi26u_singleLine__94b814df{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_dmi26u_s165w87d__94b814df{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_dmi26u_s165w87d__94b814df:focus{outline:0 none;}
+.Checkbox_styles_dmi26u_sft3zxv__94b814df{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_dmi26u_s1u3nd7e__94b814df{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
+.Checkbox_styles_dmi26u_shwv1in__94b814df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_dmi26u_s1my1ay__94b814df{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_dmi26u_s14u8fnn__94b814df{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_dmi26u_s14u8fnn__94b814df.Checkbox_styles_dmi26u_onlyDescription__94b814df{margin-top:0;}

package/es/components/Checkbox/Checkbox.js

@@ -64,8 +64,7 @@ var checkboxRoot = function checkboxRoot(Root) {
       "aria-describedby": uniqDescriptionId,
       tabIndex: canFocused
     })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
-      htmlFor: checkboxId,
-      className: singleLineClass
+      htmlFor: checkboxId
     }, /*#__PURE__*/React.createElement(StyledTrigger, {
       className: classes.checkboxTrigger
     }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {

package/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTrigger className={classes.checkboxTrigger}>\n                        {indeterminate ? <Indeterminate /> : <Done />}\n                    </StyledTrigger>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId}>\n                    <StyledTrigger className={classes.checkboxTrigger}>\n                        {indeterminate ? <Indeterminate /> : <Done />}\n                    </StyledTrigger>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Checkbox/Checkbox.styles.js

@@ -1,4 +1,4 @@
-import './Checkbox.styles_16ay1rj.css';
+import './Checkbox.styles_dmi26u.css';
 import { styled } from '@linaria/react';
 
 var base = "b1udywkg";