@salutejs/plasma-new-hope 0.320.1-canary.1918.14488682861.0 → 0.320.1-canary.1921.14492825856.0

package/es/index.css

@@ -676,12 +676,12 @@
 
 .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
 
-.Sheet_styles_o73i75_sah7qw3__24445093{position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);}.Sheet_styles_o73i75_sah7qw3__24445093.Sheet_styles_o73i75_closed__24445093{opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
-.Sheet_styles_o73i75_shg69gz__24445093{width:3rem;padding:1.75rem 0;margin:-1.375rem 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.Sheet_styles_o73i75_shg69gz__24445093::before{content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
-.Sheet_styles_o73i75_s1cdpbaw__24445093{border-radius:1.25rem 1.25rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding-left:1rem;padding-right:1rem;padding-top:var(--s1cdpbaw-0);padding-bottom:var(--s1cdpbaw-1);max-height:100%;overflow:auto;overscroll-behavior:contain;}.Sheet_styles_o73i75_s1cdpbaw__24445093::-webkit-scrollbar{display:none;}
-.Sheet_styles_o73i75_sjx120m__24445093{width:100%;z-index:1;padding-top:1rem;position:var(--sjx120m-0);top:var(--sjx120m-1);background-color:var(--sjx120m-2);}
+.Sheet_styles_fnrgwh_sah7qw3__ae44fda7{position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);}.Sheet_styles_fnrgwh_sah7qw3__ae44fda7.Sheet_styles_fnrgwh_closed__ae44fda7{opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
+.Sheet_styles_fnrgwh_shg69gz__ae44fda7{padding:1.75rem 0;width:100%;margin:var(--plasma-sheet-handle-margin-top) 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Sheet_styles_fnrgwh_shg69gz__ae44fda7::before{width:3rem;content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
+.Sheet_styles_fnrgwh_s1cdpbaw__ae44fda7{border-radius:1.25rem 1.25rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding-left:1rem;padding-right:1rem;padding-top:var(--s1cdpbaw-0);padding-bottom:var(--s1cdpbaw-1);max-height:100%;overflow:auto;overscroll-behavior:contain;}.Sheet_styles_fnrgwh_s1cdpbaw__ae44fda7::-webkit-scrollbar{display:none;}
+.Sheet_styles_fnrgwh_sjx120m__ae44fda7{width:100%;z-index:1;padding-top:1rem;position:var(--sjx120m-0);top:var(--sjx120m-1);background-color:var(--sjx120m-2);}
 
-.Sheet_styles_o73i75_sqp1ccu__24445093{width:100%;z-index:1;padding-bottom:1rem;position:var(--sqp1ccu-0);bottom:var(--sqp1ccu-1);background-color:var(--sqp1ccu-2);}
+.Sheet_styles_fnrgwh_sqp1ccu__ae44fda7{width:100%;z-index:1;padding-bottom:1rem;position:var(--sqp1ccu-0);bottom:var(--sqp1ccu-1);background-color:var(--sqp1ccu-2);}
 
 .base_1s3f6q8_b1c93yiw__8f5ba4a1.base_1s3f6q8_sliderVerticalOrientation__8f5ba4a1{height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
@@ -931,18 +931,18 @@
 
 .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
-.Table_styles_as90a_b1lxisuf__40dd0d40{display:inline-block;overflow-y:auto;}
-.Table_styles_as90a_t15d4jbz__40dd0d40{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_as90a_t1ri3no5__40dd0d40{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_as90a_t1uk535o__40dd0d40{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_as90a_t1uk535o__40dd0d40 .Table_styles_as90a_t1ri3no5__40dd0d40{background:transparent;}
-
-.Table_styles_as90a_r18b5m0z__40dd0d40{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_as90a_tedz16__40dd0d40{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_as90a_tedz16__40dd0d40:hover .Table_styles_as90a_r18b5m0z__40dd0d40{display:block;}
-.Table_styles_as90a_s3mgb7q__40dd0d40{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_as90a_s177cehz__40dd0d40{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_as90a_beus4rw__40dd0d40{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_as90a_bfybxxj__40dd0d40.Table_styles_as90a_beus4rw__40dd0d40{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_as90a_l1ql6jvb__40dd0d40{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
+.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_sl2dfn_t1ri3no5__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_sl2dfn_t1uk535o__b8c1b9b6{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_sl2dfn_t1uk535o__b8c1b9b6 .Table_styles_sl2dfn_t1ri3no5__b8c1b9b6{background:transparent;}
+
+.Table_styles_sl2dfn_r18b5m0z__b8c1b9b6{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_sl2dfn_tedz16__b8c1b9b6{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_sl2dfn_tedz16__b8c1b9b6:hover .Table_styles_sl2dfn_r18b5m0z__b8c1b9b6{display:block;}
+.Table_styles_sl2dfn_s3mgb7q__b8c1b9b6{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_sl2dfn_s177cehz__b8c1b9b6{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_sl2dfn_beus4rw__b8c1b9b6{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_sl2dfn_bfybxxj__b8c1b9b6.Table_styles_sl2dfn_beus4rw__b8c1b9b6{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_sl2dfn_l1ql6jvb__b8c1b9b6{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .base_1bvd5n_b1o5hlxs__d4f41253{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1bvd5n_b1o5hlxs__d4f41253:hover{color:var(--plasma-link-button-color-hover,var(--plasma-link-button-color));}.base_1bvd5n_b1o5hlxs__d4f41253:active{color:var(--plasma-link-button-color-active,var(--plasma-link-button-color));}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.320.1-canary.1918.14488682861.0",
+  "version": "0.320.1-canary.1921.14492825856.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -80,8 +80,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.195.1-canary.1918.14488682861.0",
-    "@salutejs/plasma-themes": "0.31.1-canary.1918.14488682861.0",
+    "@salutejs/plasma-sb-utils": "0.195.1-canary.1921.14492825856.0",
+    "@salutejs/plasma-themes": "0.31.1-canary.1921.14492825856.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/manager-api": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.195.1-canary.1918.14488682861.0",
+    "@salutejs/plasma-core": "1.195.1-canary.1921.14492825856.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "3fd037bc43ac7dd2c37ea4f98bcd5bd316c7e423"
+  "gitHead": "3afb9d49269cd590a9ab68d5797d0808378dcd3a"
 }

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

@@ -15,8 +15,8 @@ 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 _DoneThin, _Done, _IndeterminateThin, _Indeterminate;
+var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -32,6 +32,7 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       label = props.label,
       description = props.description,
       indeterminate = props.indeterminate,
+      appearance = props.appearance,
       style = props.style,
       className = props.className,
       _props$singleLine = props.singleLine,
@@ -57,6 +58,20 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
     var hasContent = label || description;
     var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
     var onlyDescriptionClass = !label && description ? _Checkbox2.classes.onlyDescription : undefined;
+
+    // Временное решение
+    var getIcon = function getIcon() {
+      if (appearance === 'outline') {
+        return _DoneThin || (_DoneThin = /*#__PURE__*/_react["default"].createElement(_IconsSvg.DoneThin, null));
+      }
+      return _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null));
+    };
+    var getIndeterminate = function getIndeterminate() {
+      if (appearance === 'outline') {
+        return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/_react["default"].createElement(_IconsSvg.IndeterminateThin, null));
+      }
+      return _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null));
+    };
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
@@ -78,7 +93,7 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__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, {
+    }, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: singleLineClass,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Indeterminate = exports.Done = void 0;
+exports.IndeterminateThin = exports.Indeterminate = exports.DoneThin = exports.Done = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
 var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -24,6 +24,24 @@ var Done = exports.Done = function Done() {
     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 DoneThin = exports.DoneThin = function DoneThin() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "10",
+    height: "8",
+    viewBox: "0 0 10 8",
+    fill: "none",
+    style: {
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0.5 4L3.5 7L9.5 1",
+    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")")
+  })));
+};
 var Indeterminate = exports.Indeterminate = function Indeterminate() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -42,4 +60,23 @@ var Indeterminate = exports.Indeterminate = function Indeterminate() {
     stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
     d: "m5.09449,9.0315l8,0"
   })));
+};
+var IndeterminateThin = exports.IndeterminateThin = function IndeterminateThin() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    style: {
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    strokeLinecap: "round",
+    strokeWidth: "1",
+    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
+    d: "m5.09449,9.0315l8,0"
+  })));
 };

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -476,7 +476,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line no-underscore-dangle
+        _checkboxAppearance: rest._checkboxAppearance
       }
     }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -45,7 +45,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    _checkboxAppearance = _useContext._checkboxAppearance;
   var disabledClassName = disabled ? _Combobox.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Combobox.classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Combobox.classes.dropdownItemIsActive : undefined;
@@ -92,7 +93,8 @@ var Item = exports.Item = function Item(_ref) {
     disabled: disabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
   })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"

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

@@ -365,7 +365,11 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line no-underscore-dangle
+        _checkboxAppearance: rest._checkboxAppearance
       }
     }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -46,7 +46,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    _checkboxAppearance = _useContext._checkboxAppearance;
   var itemDisabled = Boolean(disabled || isDisabled);
   var disabledClassName = itemDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
@@ -94,7 +95,8 @@ var Item = exports.Item = function Item(_ref) {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"

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

@@ -12,8 +12,9 @@ var _hooks = /*#__PURE__*/require("./hooks");
 var _Sheet = /*#__PURE__*/require("./Sheet.tokens");
 var _Sheet2 = /*#__PURE__*/require("./Sheet.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_handlePlacement/base");
 var _utils2 = /*#__PURE__*/require("./utils");
-var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
+var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -30,6 +31,7 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
       onClose = _ref.onClose,
       _ref$hasHandle = _ref.hasHandle,
       hasHandle = _ref$hasHandle === void 0 ? true : _ref$hasHandle,
+      handlePlacement = _ref.handlePlacement,
       contentHeader = _ref.contentHeader,
       _ref$isHeaderFixed = _ref.isHeaderFixed,
       isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
@@ -67,6 +69,7 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
       opened: opened,
       onClose: onClose,
       view: view,
+      handlePlacement: handlePlacement,
       ref: rootRef
     }, /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledContentWrapper, _extends({
       opened: opened,
@@ -100,9 +103,13 @@ var sheetConfig = exports.sheetConfig = {
   variations: {
     view: {
       css: _base.base
+    },
+    handlePlacement: {
+      css: _base2.base
     }
   },
   defaults: {
-    view: 'default'
+    view: 'default',
+    handlePlacement: 'outer'
   }
 };

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

@@ -13,7 +13,7 @@ var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledCo
 })(["position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:flex;flex-direction:column;justify-content:flex-end;transition:", ";&.", "{opacity:0;visibility:hidden;transform:translateY(100%);}"], /*#__PURE__*/(0, _handleTransition.handleTransition)('all 0.5s 0.1s'), /*#__PURE__*/String(_Sheet.classes.closed));
 var StyledSheetHandle = exports.StyledSheetHandle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-1"
-})(["width:3rem;padding:1.75rem 0;margin:-1.375rem 0;opacity:0.65;align-self:center;&::before{content:'';display:block;border-radius:0.625rem;background-color:var(", ");height:0.25rem;}"], _Sheet.tokens.handleBackgroundColor);
+})(["padding:1.75rem 0;width:100%;margin:var(", ") 0;opacity:0.65;align-self:center;justify-content:center;display:flex;&::before{width:3rem;content:'';display:block;border-radius:0.625rem;background-color:var(", ");height:0.25rem;}"], _Sheet.tokens.handleMarginTop, _Sheet.tokens.handleBackgroundColor);
 var StyledSheetContent = exports.StyledSheetContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-2"
 })(["border-radius:1.25rem 1.25rem 0 0;background-color:var(", ");padding-left:1rem;padding-right:1rem;padding-top:", ";padding-bottom:", ";max-height:100%;overflow:auto;overscroll-behavior:contain;&::-webkit-scrollbar{display:none;}"], _Sheet.tokens.contentBackgroundColor, function (_ref) {

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

@@ -11,5 +11,6 @@ var tokens = exports.tokens = {
   sheetOverlayColor: '--plasma-sheet-overlay-color',
   sheetOverlayWithBlurColor: '--plasma-sheet-overlay-with-blur-color',
   contentBackgroundColor: '--plasma-sheet-content-background-color',
-  handleBackgroundColor: '--plasma-sheet-handle-background-color'
+  handleBackgroundColor: '--plasma-sheet-handle-background-color',
+  handleMarginTop: '--plasma-sheet-handle-margin-top'
 };

package/styled-components/cjs/components/Sheet/variations/_handlePlacement/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Sheet/variations/_handlePlacement/tokens.json

@@ -0,0 +1 @@
+["--plasma-sheet-handle-margin-top"]

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

@@ -101,19 +101,27 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       return [].concat(_toConsumableArray(enableSelection ? [{
         id: SELECT_COLUMN_ID,
         header: function header(_ref2) {
+          var _checkboxAppearance;
           var table = _ref2.table;
           return /*#__PURE__*/_react["default"].createElement(_Table.StyledCheckbox, {
             checked: table.getIsSomeRowsSelected() || table.getIsAllRowsSelected(),
             indeterminate: table.getIsSomeRowsSelected(),
             onChange: table.getToggleAllRowsSelectedHandler()
+            // eslint-disable-next-line no-underscore-dangle
+            ,
+            appearance: (_checkboxAppearance = props._checkboxAppearance) !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
           });
         },
         cell: function cell(_ref3) {
+          var _checkboxAppearance2;
           var row = _ref3.row;
           return /*#__PURE__*/_react["default"].createElement(_Table.StyledCheckbox, {
             checked: row.getIsSelected(),
             indeterminate: row.getIsSomeSelected(),
             onChange: row.getToggleSelectedHandler()
+            // eslint-disable-next-line no-underscore-dangle
+            ,
+            appearance: (_checkboxAppearance2 = props._checkboxAppearance) !== null && _checkboxAppearance2 !== void 0 ? _checkboxAppearance2 : 'default'
           });
         },
         enableResizing: false

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

@@ -71,7 +71,7 @@ var Th = exports.Th = /*#__PURE__*/_styledComponents["default"].th.withConfig({
 }, Resizer);
 var StyledCheckbox = exports.StyledCheckbox = /*#__PURE__*/(0, _styledComponents["default"])(Checkbox).withConfig({
   componentId: "plasma-new-hope__sc-1nklm7n-6"
-})(["", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(", ");", ":var(", ");", ":var(--text-secondary);"], _Checkbox.checkboxTokens.triggerSize, _Table.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Checkbox.checkboxTokens.triggerSize, _Table.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Table.tableTokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Table.tableTokens.checkboxTriggerIconColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Table.tableTokens.checkboxTriggerBorderColor);
 var StyledDivider = exports.StyledDivider = /*#__PURE__*/(0, _styledComponents["default"])(Divider).withConfig({
   componentId: "plasma-new-hope__sc-1nklm7n-7"
 })(["", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);

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

@@ -28,6 +28,9 @@ var tableTokens = exports.tableTokens = {
   checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',
   checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',
   checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',
+  checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',
+  checkboxFillColor: '--plasma-table-checkbox-fill-color',
+  checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',
   editableCellIconGap: '--plasma-table-editable-cell-icon-gap',
   editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',
   editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',

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

@@ -3,17 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxOutline = exports.CheckboxDefalut = exports.Checkbox = void 0;
+exports.CheckboxOutline = exports.CheckboxDefault = exports.Checkbox = void 0;
 var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.config");
 var _CheckboxOutline = /*#__PURE__*/require("./Checkbox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _Checkbox2.config);
-var CheckboxDefalut = exports.CheckboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var CheckboxDefault = exports.CheckboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _CheckboxOutline.config);
 var CheckboxOutline = exports.CheckboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefalut, [{
+/**
+ * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
+ */
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js

@@ -23,7 +23,7 @@ var config = exports.config = {
      * Вид контрола.
      */
     view: {
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-accent);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--outline-accent);", ":var(--text-primary);", ":var(--outline-transparent-tertiary);", ":transparent;", ":var(--text-secondary);", ":var(--outline-accent);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
       // deprecated
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-primary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
       // deprecated
@@ -36,7 +36,7 @@ var config = exports.config = {
       positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-positive);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
       // deprecated
       warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--text-warning);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-negative);", ":var(--text-negative);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor)
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--outline-negative);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--outline-negative);", ":var(--outline-negative);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.labelColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor)
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Checkbox.checkboxTokens.disabledOpacity)

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx

@@ -35,6 +35,11 @@ const meta: Meta<typeof Checkbox> = {
                 type: 'radio',
             },
         },
+        indeterminate: {
+            control: {
+                type: 'boolean',
+            },
+        },
     },
     args: {
         view: 'accent',
@@ -42,6 +47,7 @@ const meta: Meta<typeof Checkbox> = {
         disabled: false,
         focused: true,
         appearance: 'default',
+        indeterminate: false,
     },
 };
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioboxOutline = exports.RadioboxDefalut = exports.Radiobox = void 0;
+exports.RadioboxOutline = exports.RadioboxDefault = exports.Radiobox = void 0;
 var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Radiobox2 = /*#__PURE__*/require("./Radiobox.config");
 var _RadioboxOutline = /*#__PURE__*/require("./Radiobox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _Radiobox2.config);
-var RadioboxDefalut = exports.RadioboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var RadioboxDefault = exports.RadioboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _RadioboxOutline.config);
 var RadioboxOutline = exports.RadioboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefalut, [{
+var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefault, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.config.js

@@ -8,11 +8,16 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Sheet = /*#__PURE__*/require("../../../../components/Sheet");
 var config = exports.config = {
   defaults: {
-    view: 'default'
+    view: 'default',
+    handlePlacement: 'outer'
   },
   variations: {
     view: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--overlay-soft);", ":var(--overlay-blur);", ":var(--surface-solid-card);", ":var(--surface-solid-tertiary);"], _Sheet.sheetTokens.sheetOverlayColor, _Sheet.sheetTokens.sheetOverlayWithBlurColor, _Sheet.sheetTokens.contentBackgroundColor, _Sheet.sheetTokens.handleBackgroundColor)
+    },
+    handlePlacement: {
+      inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":-2.375rem;"], _Sheet.sheetTokens.handleMarginTop),
+      outer: /*#__PURE__*/(0, _styledComponents.css)(["", ":-1.375rem;"], _Sheet.sheetTokens.handleMarginTop)
     }
   }
 };

package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx

@@ -10,8 +10,16 @@ import { Body } from '../../../typography/components/Body/Body';
 import { Sheet } from './Sheet';
 
 const meta: Meta<typeof Sheet> = {
-    title: 'b2c/Overlay/Select',
+    title: 'b2c/Overlay/Sheet',
     decorators: [WithTheme],
+    argTypes: {
+        handlePlacement: {
+            options: ['inner', 'outer'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
     args: {
         withBlur: false,
         withOverlay: true,
@@ -19,6 +27,8 @@ const meta: Meta<typeof Sheet> = {
         hasHandle: true,
         isHeaderFixed: false,
         isFooterFixed: false,
+        handlePlacement: 'outer',
+        fullScreen: false,
     },
 };
 
@@ -29,10 +39,18 @@ type StorySheetProps = ComponentProps<typeof Sheet> & {
     storyHasFooter: boolean;
 };
 
+type StorySheetPropsExtension = StorySheetProps & {
+    fullScreen: boolean;
+};
+
 const StyledBody = styled(Body)`
     padding-bottom: 300px;
 `;
 
+const StyledBodyFullScreen = styled(Body)`
+    height: calc(100vh - 10rem);
+`;
+
 const StoryDefault = ({
     withOverlay,
     withTransition,
@@ -42,7 +60,9 @@ const StoryDefault = ({
     isHeaderFixed,
     hasHandle,
     withBlur,
-}: StorySheetProps) => {
+    handlePlacement,
+    fullScreen,
+}: StorySheetPropsExtension) => {
     const [opened, setOpened] = useState(false);
 
     return (
@@ -50,6 +70,7 @@ const StoryDefault = ({
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
                 opened={opened}
+                handlePlacement={handlePlacement}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -72,7 +93,7 @@ const StoryDefault = ({
                 }
                 isFooterFixed={isFooterFixed}
             >
-                <StyledBody>body</StyledBody>
+                {fullScreen ? <StyledBodyFullScreen>body</StyledBodyFullScreen> : <StyledBody>body</StyledBody>}
             </Sheet>
         </>
     );