@salutejs/plasma-new-hope 0.80.0-canary.1194.9085423232.0 → 0.81.0-canary.1203.9092095304.0

package/es/index.js

@@ -13,7 +13,6 @@ export { useUniqId } from './hooks/useUniqId.js';
 export { usePreviousValue } from './hooks/usePreviousValue.js';
 export { useForceUpdate } from './hooks/useForceUpdate.js';
 export { useDidMountEffect } from './hooks/useDidMountEffect.js';
-export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
 export { composableStyle, cx } from './utils/index.js';
 export { buttonConfig, buttonRoot } from './components/Button/Button.js';
 export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
@@ -33,8 +32,10 @@ export { linkConfig, linkRoot } from './components/Link/Link.js';
 export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
 export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
 export { checkboxConfig, checkboxRoot } from './components/Checkbox/Checkbox.js';
+export { tokens as checkboxTokens } from './components/Checkbox/Checkbox.tokens.js';
 export { radioboxConfig, radioboxRoot } from './components/Radiobox/Radiobox.js';
 export { RadioGroup } from './components/Radiobox/RadioGroup.js';
+export { tokens as radioboxTokens } from './components/Radiobox/Radiobox.tokens.js';
 export { popoverConfig, popoverRoot } from './components/Popover/Popover.js';
 export { classes as popoverClasses, tokens as popoverTokens } from './components/Popover/Popover.tokens.js';
 export { textAreaConfig, textAreaRoot } from './components/TextArea/TextArea.js';
@@ -164,14 +165,7 @@ export { classes as dividerClasses, tokens as dividerTokens } from './components
 export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
 export { tokens as toolbarTokens } from './components/Toolbar/Toolbar.tokens.js';
 export { toolbarDividerConfig, toolbarDividerRoot } from './components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js';
-export { sliderConfig, sliderRoot } from './components/Slider/Slider.js';
-export { tokens as sliderTokens } from './components/Slider/Slider.tokens.js';
-import 'react';
-import 'react-draggable';
-export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
-import '@linaria/react';
 export { component, mergeConfig } from './engines/common.js';
-export { canUseDOM } from './utils/canUseDOM.js';
 export { extractTextFrom } from './utils/extractTextFrom.js';
 export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
 export { IS_REACT_18, safeUseId } from './utils/react.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAQaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAOaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.80.0-canary.1194.9085423232.0",
+  "version": "0.81.0-canary.1203.9092095304.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -99,9 +99,8 @@
     "@popperjs/core": "2.11.8",
     "@salutejs/plasma-core": "1.159.0",
     "focus-visible": "5.2.0",
-    "react-draggable": "4.4.3",
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "4d4612a7cec7c56e1a139e6822140c282d95e36e"
+  "gitHead": "94ee225af37a110330eb8ee7abbdff3559f76fb4"
 }

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -14,7 +14,7 @@ var _ui = /*#__PURE__*/require("../ui");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _CalendarBase = /*#__PURE__*/require("./CalendarBase.styles");
-var _excluded = ["value", "min", "max", "type", "eventList", "disabledList", "onChangeValue"];
+var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "onChangeValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -34,6 +34,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
     var externalValue = _ref.value,
       min = _ref.min,
       max = _ref.max,
+      includeEdgeDates = _ref.includeEdgeDates,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
       eventList = _ref.eventList,
@@ -242,6 +243,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       disabledList: disabledList,
       min: min,
       max: max,
+      includeEdgeDates: includeEdgeDates,
       value: externalValue,
       date: date,
       hoveredDay: hoveredDay,

package/styled-components/cjs/components/Calendar/hooks/useDays.js

@@ -188,6 +188,7 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
   var disabledList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var min = arguments.length > 3 ? arguments[3] : undefined;
   var max = arguments.length > 4 ? arguments[4] : undefined;
+  var includeEdgeDates = arguments.length > 5 ? arguments[5] : undefined;
   var eventsMap = getPropsMap(eventList);
   var disabledDaysMap = getPropsMap(disabledList);
   var daysList = days.filter(function (_ref3) {
@@ -205,7 +206,9 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
       day = date.day;
     var keyDay = "".concat(year, "-").concat(monthIndex, "-").concat(day);
     var currentDate = new Date(year, monthIndex, day);
-    var isOutOfMinMaxRange = min && min >= currentDate || max && max <= currentDate;
+    var minValue = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
+    var maxValue = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
+    var isOutOfMinMaxRange = minValue || maxValue;
     dayItem.events = eventsMap.get(keyDay);
     dayItem.disabled = disabledDaysMap.has(keyDay) || isOutOfMinMaxRange;
     dayItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
@@ -218,7 +221,7 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
 /**
  * Хук для получения списка дней.
  */
-var useDays = exports.useDays = function useDays(date, value, eventList, disabledList, min, max) {
+var useDays = exports.useDays = function useDays(date, value, eventList, disabledList, min, max, includeEdgeDates) {
   return (0, _react.useMemo)(function () {
     var monthIndex = date.monthIndex,
       year = date.year;
@@ -226,7 +229,7 @@ var useDays = exports.useDays = function useDays(date, value, eventList, disable
     var offsetDayInWeek = (0, _utils.getOffsetDayInWeek)(monthIndex, year);
     var days = [].concat(_toConsumableArray(getDaysInPrevMonth(date, offsetDayInWeek, value)), _toConsumableArray(getDaysInCurrentMonth(date, daysInMonth, value)), _toConsumableArray(getDaysInNextMonth(date, daysInMonth, offsetDayInWeek, value)));
     if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
-      var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max);
+      var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max, includeEdgeDates);
       return (0, _utils.getMatrix)(modifiedDays);
     }
     return (0, _utils.getMatrix)(days);

package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -29,6 +29,7 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
     disabledList = _ref.disabledList,
     min = _ref.min,
     max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates,
     hoveredDay = _ref.hoveredDay,
     selectIndexes = _ref.selectIndexes,
     isDouble = _ref.isDouble,
@@ -38,7 +39,7 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
     onHoverDay = _ref.onHoverDay,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var _useDays = (0, _hooks.useDays)(currentDate, value, eventList, disabledList, min, max),
+  var _useDays = (0, _hooks.useDays)(currentDate, value, eventList, disabledList, min, max, includeEdgeDates),
     _useDays2 = _slicedToArray(_useDays, 2),
     days = _useDays2[0],
     selected = _useDays2[1];

package/styled-components/cjs/components/Checkbox/Checkbox.js

@@ -4,44 +4,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkboxRoot = exports.checkboxConfig = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
+exports.checkboxRoot = exports.checkboxConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _mixins = /*#__PURE__*/require("../../mixins");
 var _utils = /*#__PURE__*/require("../../utils");
-var _base = /*#__PURE__*/require("./_view/base");
-var _base2 = /*#__PURE__*/require("./_size/base");
-var _base3 = /*#__PURE__*/require("./_disabled/base");
-var _base4 = /*#__PURE__*/require("./_focused/base");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base4 = /*#__PURE__*/require("./variations/_focused/base");
 var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
+var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
+var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
+var _Indeterminate, _Done;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
-var _templateObject, _Indeterminate, _Done;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
-  componentId: "plasma-new-hope__sc-1lv7grl-0"
-})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
-var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1lv7grl-1"
-})(["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:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"]);
-var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
-  componentId: "plasma-new-hope__sc-1lv7grl-2"
-})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
-var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1lv7grl-3"
-})(["display:flex;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);"]);
-var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-1lv7grl-4"
-})(["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);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);"]);
-var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1lv7grl-5"
-})(["margin-top:0.25rem;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);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);"]);
-var base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    .single-line {\n        ", ";\n    }\n\n    margin: var(--plasma-checkbox-margin);\n\n    &.reset-margins {\n        margin: 0;\n    }\n\n    ", ";\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n"])), /*#__PURE__*/(0, _mixins.applyEllipsis)(), /*#__PURE__*/(0, _mixins.applyNoUserSelect)());
 var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var size = props.size,
@@ -75,17 +55,17 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
     var isLabelAriaHidden = typeof label === 'string';
     var canFocused = focused ? 0 : -1;
     var hasContent = label || description;
-    var singleLineClass = singleLine ? 'single-line' : undefined;
-    var resetMargins = !hasContent ? 'reset-margins' : undefined;
+    var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
+    var onlyDescriptionClass = !label && description ? _Checkbox2.classes.onlyDescription : undefined;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
       disabled: disabled,
       focused: focused,
       style: style,
-      className: (0, _utils.cx)(className, resetMargins),
+      className: className,
       tabIndex: -1
-    }, /*#__PURE__*/_react["default"].createElement(StyledInput, _extends({}, rest, {
+    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledInput, _extends({}, rest, {
       id: checkboxId,
       ref: forkRef,
       type: "checkbox",
@@ -93,18 +73,18 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       "aria-label": ariaLabel,
       "aria-describedby": uniqDescriptionId,
       tabIndex: canFocused
-    })), /*#__PURE__*/_react["default"].createElement(StyledContentWrapper, {
+    })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
       htmlFor: checkboxId
-    }, /*#__PURE__*/_react["default"].createElement(StyledTrigger, {
-      className: (0, _utils.cx)('checkbox-trigger', resetMargins)
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(StyledContent, {
+    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
+      className: _Checkbox2.classes.checkboxTrigger
+    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
-    }, label && /*#__PURE__*/_react["default"].createElement(StyledLabel, {
+    }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: singleLineClass,
       id: uniqLabelId,
       "aria-hidden": isLabelAriaHidden
-    }, label), description && /*#__PURE__*/_react["default"].createElement(StyledDescription, {
-      className: singleLineClass,
+    }, label), description && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledDescription, {
+      className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),
       id: uniqDescriptionId
     }, description))));
   });
@@ -113,7 +93,7 @@ var checkboxConfig = exports.checkboxConfig = {
   name: 'Checkbox',
   tag: 'div',
   layout: checkboxRoot,
-  base: base,
+  base: _Checkbox.base,
   variations: {
     size: {
       css: _base2.base

package/styled-components/cjs/components/Checkbox/Checkbox.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../mixins");
+var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    margin: var(", ");\n\n    ", ";\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n\n    .", " {\n        ", ";\n    }\n"])), _Checkbox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Checkbox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-0"
+})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
+var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-1"
+})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBorderColor);
+var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-2"
+})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
+var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-3"
+})(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
+var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-4"
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
+var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-5"
+})(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], _Checkbox.tokens.descriptionMarginTop, _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight, _Checkbox.classes.onlyDescription);

package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  singleLine: 'single-line',
+  checkboxTrigger: 'checkbox-trigger',
+  onlyDescription: 'only-description'
+};
+var tokens = exports.tokens = {
+  margin: '--plasma-checkbox-margin',
+  triggerMargin: '--plasma-checkbox-trigger-margin',
+  triggerSize: '--plasma-checkbox-trigger-size',
+  triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
+  contentTopOffset: '--plasma-checkbox-content-top-offset',
+  contentLeftOffset: '--plasma-checkbox-content-left-offset',
+  labelFontFamily: '--plasma-checkbox-label-font-family',
+  labelFontSize: '--plasma-checkbox-label-font-size',
+  labelFontStyle: '--plasma-checkbox-label-font-style',
+  labelFontWeight: '--plasma-checkbox-label-font-weight',
+  labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
+  labelLineHeight: '--plasma-checkbox-label-line-height',
+  descriptionMarginTop: '--plasma-checkbox-description-margin-top',
+  descriptionOnlyMarginTop: '--plasma-checkbox-description-only-margin-top',
+  descriptionFontFamily: '--plasma-checkbox-description-font-family',
+  descriptionFontSize: '--plasma-checkbox-description-font-size',
+  descriptionFontStyle: '--plasma-checkbox-description-font-style',
+  descriptionFontWeight: '--plasma-checkbox-description-font-weight',
+  descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
+  descriptionLineHeight: '--plasma-checkbox-description-line-height',
+  fillColor: '--plasma-checkbox-fill-color',
+  iconColor: '--plasma-checkbox-icon-color',
+  descriptionColor: '--plasma-checkbox-description-color',
+  triggerBorderColor: '--plasma-checkbox-trigger-border-color',
+  focusColor: '--plasma-checkbox-focus-color',
+  disabledOpacity: '--plasma-checkbox-disabled-opacity'
+};

package/styled-components/cjs/components/Checkbox/IconsSvg.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Indeterminate = exports.Done = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _path, _path2;
+var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Done = exports.Done = function Done() {
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -17,12 +17,12 @@ var Done = exports.Done = function Done() {
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
-      width: 'var(--plasma-checkbox-trigger-size)'
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
     }
-  }, _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "var(--plasma-checkbox-icon-color)",
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "var(".concat(_Checkbox.tokens.iconColor, ")"),
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
-  }))));
+  })));
 };
 var Indeterminate = exports.Indeterminate = function Indeterminate() {
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -34,12 +34,12 @@ var Indeterminate = exports.Indeterminate = function Indeterminate() {
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
-      width: 'var(--plasma-checkbox-trigger-size)'
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
     }
-  }, _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     strokeLinecap: "round",
     strokeWidth: "2",
-    stroke: "var(--plasma-checkbox-icon-color)",
+    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
     d: "m5.09449,9.0315l8,0"
-  }))));
+  })));
 };

package/styled-components/cjs/components/Checkbox/index.js

@@ -15,4 +15,11 @@ Object.defineProperty(exports, "checkboxRoot", {
     return _Checkbox.checkboxRoot;
   }
 });
-var _Checkbox = /*#__PURE__*/require("./Checkbox");
+Object.defineProperty(exports, "checkboxTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox2.tokens;
+  }
+});
+var _Checkbox = /*#__PURE__*/require("./Checkbox");
+var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");

package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
+var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], _Checkbox.StyledContentWrapper, _Checkbox2.tokens.disabledOpacity, _Checkbox.StyledContentWrapper);

package/styled-components/cjs/components/Checkbox/variations/_focused/base.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+var _Checkbox = /*#__PURE__*/require("../../Checkbox.tokens");
+/**
+ * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
+ * потому что линтер правит селектор и он применяется некорректно
+ */
+
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: '0',
+  outlineSize: '0.125rem',
+  outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
+  outlineColor: 'transparent'
+}), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: '-0.125rem',
+  outlineSize: '0.125rem',
+  outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
+  outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
+  customFocusRules: /*#__PURE__*/"\n                &::before {\n                    box-shadow: 0 0 0 0.125rem var(".concat(_Checkbox.tokens.focusColor, ");\n                }\n            ")
+}), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: '-0.125rem',
+  outlineSize: '0.063rem',
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Checkbox.tokens.triggerBorderRadius, ") + 0.125rem)"),
+  outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
+  customFocusRules: /*#__PURE__*/"\n                &::before {\n                    box-shadow: 0 0 0 0.063rem var(".concat(_Checkbox.tokens.focusColor, ");\n                }\n            ")
+}));

package/styled-components/cjs/components/Checkbox/variations/_view/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
+var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor, _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor);

package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json

@@ -0,0 +1 @@
+["--plasma-checkbox-fill-color"]

package/styled-components/cjs/components/Radiobox/Radiobox.js

@@ -6,29 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.radioboxRoot = exports.radioboxConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _mixins = /*#__PURE__*/require("../../mixins");
-var _Checkbox = /*#__PURE__*/require("../Checkbox/Checkbox");
+var _Checkbox = /*#__PURE__*/require("../Checkbox/Checkbox.styles");
 var _utils = /*#__PURE__*/require("../../utils");
-var _base = /*#__PURE__*/require("./_view/base");
-var _base2 = /*#__PURE__*/require("./_size/base");
-var _base3 = /*#__PURE__*/require("./_disabled/base");
-var _base4 = /*#__PURE__*/require("./_focused/base");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base4 = /*#__PURE__*/require("./variations/_focused/base");
+var _Radiobox = /*#__PURE__*/require("./Radiobox.styles");
+var _Radiobox2 = /*#__PURE__*/require("./Radiobox.tokens");
+var _StyledEllipse;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
-var _templateObject, _StyledEllipse;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
-var mappingOverride = "\n    --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n    --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n    --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n    --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n    --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n    --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n    --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n    --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n    --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n    --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n    --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n    --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n    --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n    --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n    --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n    --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n    --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n    --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n    --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n    --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n";
-var StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-fk5e49-0"
-})(["width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"]);
-var base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    ", ";\n\n    .single-line {\n        ", ";\n    }\n\n    margin: var(--plasma-radiobox-margin);\n\n    &.reset-margins {\n        margin: 0;\n    }\n\n    ", ";\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n"])), mappingOverride, /*#__PURE__*/(0, _mixins.applyEllipsis)(), /*#__PURE__*/(0, _mixins.applyNoUserSelect)());
 var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var size = props.size,
@@ -54,15 +47,15 @@ var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
     var isLabelAriaHidden = typeof label === 'string';
     var canFocused = focused ? 0 : -1;
     var hasContent = label || description;
-    var singleLineClass = singleLine ? 'single-line' : undefined;
-    var resetMargins = !hasContent ? 'reset-margins' : undefined;
+    var singleLineClass = singleLine ? _Radiobox2.classes.singleLine : undefined;
+    var onlyDescriptionClass = !label && description ? _Radiobox2.classes.onlyDescription : undefined;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
       disabled: disabled,
       focused: focused,
       style: style,
-      className: (0, _utils.cx)(className, resetMargins),
+      className: className,
       tabIndex: -1
     }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledInput, _extends({}, rest, {
       id: radioboxId,
@@ -75,11 +68,11 @@ var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
     })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
       htmlFor: radioboxId
     }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
-      className: (0, _utils.cx)('radiobox-trigger', resetMargins)
-    }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
+      className: _Radiobox2.classes.radioboxTrigger
+    }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
-      className: singleLineClass,
+      className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),
       id: uniqLabelId,
       "aria-hidden": isLabelAriaHidden
     }, label), description && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledDescription, {
@@ -92,7 +85,7 @@ var radioboxConfig = exports.radioboxConfig = {
   name: 'Radiobox',
   tag: 'div',
   layout: radioboxRoot,
-  base: base,
+  base: _Radiobox.base,
   variations: {
     size: {
       css: _base2.base

package/styled-components/cjs/components/Radiobox/Radiobox.styles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.StyledEllipse = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _Checkbox = /*#__PURE__*/require("../Checkbox");
+var _mixins = /*#__PURE__*/require("../../mixins");
+var _Radiobox = /*#__PURE__*/require("./Radiobox.tokens");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
+var mappingOverride = /*#__PURE__*/"\n    ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n    ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n\n    ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n    ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n    ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n    ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
+var StyledEllipse = exports.StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-rqiilp-0"
+})(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";margin:var(", ");", ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", "{", ";}"], mappingOverride, _Radiobox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Radiobox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());