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

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/components/Toast/ToastNew/ToastNew.js

@@ -0,0 +1,121 @@
+"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.toastContainerRoot = exports.toastContainerConfig = exports.showToast = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _reactHotToast = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react-hot-toast"));
+var _Toast = /*#__PURE__*/require("../Toast.tokens");
+var _IconCrossThin = /*#__PURE__*/require("../../_Icon/Icons/IconCrossThin");
+var _ToastNew = /*#__PURE__*/require("./ToastNew.styles");
+var _excluded = ["hasClose", "view", "size", "pilled", "contentLeft", "width", "textColor", "position", "duration", "gap", "onCloseButtonClick"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var toastContainerRoot = exports.toastContainerRoot = function toastContainerRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _props$hasClose = props.hasClose,
+      hasClose = _props$hasClose === void 0 ? true : _props$hasClose,
+      view = props.view,
+      size = props.size,
+      pilled = props.pilled,
+      contentLeft = props.contentLeft,
+      width = props.width,
+      textColor = props.textColor,
+      _props$position = props.position,
+      position = _props$position === void 0 ? 'bottom-center' : _props$position,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? Infinity : _props$duration,
+      gap = props.gap,
+      onCloseButtonClick = props.onCloseButtonClick,
+      rest = _objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      view: view,
+      size: size,
+      pilled: pilled
+    }, rest), /*#__PURE__*/_react["default"].createElement(_reactHotToast.Toaster, {
+      gutter: gap,
+      toastOptions: {
+        duration: duration,
+        position: position
+      }
+    }, function (options) {
+      var _options$plasmaOption, _options$plasmaOption2, _options$plasmaOption3, _options$plasmaOption4, _options$plasmaOption5, _options$plasmaOption6, _options$plasmaOption7, _options$plasmaOption8, _options$plasmaOption9, _options$plasmaOption10;
+      return /*#__PURE__*/_react["default"].createElement(Root, {
+        view: (_options$plasmaOption = options.plasmaOptions) === null || _options$plasmaOption === void 0 ? void 0 : _options$plasmaOption.view,
+        size: (_options$plasmaOption2 = options.plasmaOptions) === null || _options$plasmaOption2 === void 0 ? void 0 : _options$plasmaOption2.size,
+        pilled: (_options$plasmaOption3 = options.plasmaOptions) === null || _options$plasmaOption3 === void 0 ? void 0 : _options$plasmaOption3.pilled
+      }, /*#__PURE__*/_react["default"].createElement(_ToastNew.Toast, {
+        style: {
+          opacity: options.visible ? 1 : 0
+        },
+        width: ((_options$plasmaOption4 = options.plasmaOptions) === null || _options$plasmaOption4 === void 0 ? void 0 : _options$plasmaOption4.width) || width,
+        textColor: ((_options$plasmaOption5 = options.plasmaOptions) === null || _options$plasmaOption5 === void 0 ? void 0 : _options$plasmaOption5.textColor) || textColor
+      }, (((_options$plasmaOption6 = options.plasmaOptions) === null || _options$plasmaOption6 === void 0 ? void 0 : _options$plasmaOption6.contentLeft) || contentLeft) && /*#__PURE__*/_react["default"].createElement(_ToastNew.StyledContentLeft, null, ((_options$plasmaOption7 = options.plasmaOptions) === null || _options$plasmaOption7 === void 0 ? void 0 : _options$plasmaOption7.contentLeft) || contentLeft), (0, _reactHotToast.resolveValue)(options.message, options), (((_options$plasmaOption8 = options.plasmaOptions) === null || _options$plasmaOption8 === void 0 ? void 0 : _options$plasmaOption8.hasClose) || ((_options$plasmaOption9 = (_options$plasmaOption10 = options.plasmaOptions) === null || _options$plasmaOption10 === void 0 ? void 0 : _options$plasmaOption10.hasClose) !== null && _options$plasmaOption9 !== void 0 ? _options$plasmaOption9 : hasClose)) && /*#__PURE__*/_react["default"].createElement(_ToastNew.CloseIconWrapper, {
+        view: "clear",
+        size: "s",
+        stretching: "fixed",
+        onClick: function onClick() {
+          if (onCloseButtonClick) {
+            onCloseButtonClick();
+          }
+          _reactHotToast["default"].dismiss(options.id);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_IconCrossThin.IconCrossThin, {
+        size: "s",
+        color: "inherit",
+        sizeCustomProperty: _Toast.tokens.closeIconSize
+      }))));
+    }));
+  });
+};
+var showToast = exports.showToast = function showToast(text, options) {
+  (0, _reactHotToast["default"])(text, _objectSpread(_objectSpread(_objectSpread({}, options !== null && options !== void 0 && options.position ? {
+    position: options === null || options === void 0 ? void 0 : options.position
+  } : undefined), options !== null && options !== void 0 && options.duration ? {
+    duration: options === null || options === void 0 ? void 0 : options.duration
+  } : undefined), {}, {
+    // @ts-ignore
+    plasmaOptions: {
+      view: options === null || options === void 0 ? void 0 : options.view,
+      size: options === null || options === void 0 ? void 0 : options.size,
+      pilled: options === null || options === void 0 ? void 0 : options.pilled,
+      contentLeft: options === null || options === void 0 ? void 0 : options.contentLeft,
+      hasClose: options === null || options === void 0 ? void 0 : options.hasClose,
+      width: options === null || options === void 0 ? void 0 : options.width,
+      textColor: options === null || options === void 0 ? void 0 : options.textColor
+    }
+  }));
+};
+var toastContainerConfig = exports.toastContainerConfig = {
+  name: 'ToastContainer',
+  tag: 'div',
+  layout: toastContainerRoot,
+  base: _ToastNew.base,
+  variations: {
+    view: {
+      css: ''
+    },
+    size: {
+      css: ''
+    },
+    pilled: {
+      css: '',
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Toast/ToastNew/ToastNew.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.Toast = exports.StyledContentLeft = exports.CloseIconWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../engines");
+var _Button = /*#__PURE__*/require("../../Button");
+var _ToastNew = /*#__PURE__*/require("./ToastNew.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(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral([""])));
+var Toast = exports.Toast = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-ifj8bd-0"
+})(["display:flex;align-items:center;background:var(", ");color:", ";padding:var(", ");border-radius:var(", ");max-width:var(", ");width:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _ToastNew.tokens.background, function (_ref) {
+  var textColor = _ref.textColor;
+  return textColor || "var(".concat(_ToastNew.tokens.color, ")");
+}, _ToastNew.tokens.padding, _ToastNew.tokens.borderRadius, _ToastNew.tokens.maxWidth, function (_ref2) {
+  var width = _ref2.width;
+  return width || 'auto';
+}, _ToastNew.tokens.fontFamily, _ToastNew.tokens.fontSize, _ToastNew.tokens.fontStyle, _ToastNew.tokens.fontWeight, _ToastNew.tokens.letterSpacing, _ToastNew.tokens.lineHeight);
+var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
+  componentId: "plasma-new-hope__sc-ifj8bd-1"
+})(["height:var(", ");margin:var(", ");color:var(", ");:hover{color:var(", ");}"], _ToastNew.tokens.closeIconButtonSize, _ToastNew.tokens.closeIconMargin, _ToastNew.tokens.closeIconColor, _ToastNew.tokens.closeIconColorOnHover);
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-ifj8bd-2"
+})(["margin:var(", ");color:var(", ");line-height:0;"], _ToastNew.tokens.contentLeftMargin, _ToastNew.tokens.contentLeftColor);

package/styled-components/cjs/components/Toast/ToastNew/ToastNew.tokens.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {};
+var tokens = exports.tokens = {
+  background: '--plasma-toast-background',
+  color: '--plasma-toast-color',
+  padding: '--plasma-toast-padding',
+  borderRadius: '--plasma-toast-border-radius',
+  maxWidth: '--plasma-toast-max-width',
+  fontFamily: '--plasma-toast-font-family',
+  fontSize: '--plasma-toast-font-size',
+  fontStyle: '--plasma-toast-font-style',
+  fontWeight: '--plasma-toast-font-weight',
+  letterSpacing: '--plasma-toast-letter-spacing',
+  lineHeight: '--plasma-toast-line-height',
+  contentLeftMargin: '--plasma-toast-content-left-margin',
+  contentLeftColor: '--plasma-toast-content-left-color',
+  closeIconMargin: '--plasma-toast-close-icon-margin',
+  closeIconColor: '--plasma-toast-close-icon-color',
+  closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',
+  closeIconSize: '--plasma-toast-close-icon-size',
+  closeIconButtonSize: '--plasma-toast-close-icon-button-size'
+};

package/styled-components/cjs/components/Toast/ToastNew/ToastNew.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Toast/ToastNew/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "showToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.showToast;
+  }
+});
+Object.defineProperty(exports, "toastContainerConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.toastContainerConfig;
+  }
+});
+Object.defineProperty(exports, "toastContainerRoot", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.toastContainerRoot;
+  }
+});
+Object.defineProperty(exports, "toastNewTokens", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew2.tokens;
+  }
+});
+var _ToastNew = /*#__PURE__*/require("./ToastNew");
+var _ToastNew2 = /*#__PURE__*/require("./ToastNew.tokens");

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>
         </>
     );

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

@@ -17,9 +17,9 @@ var config = exports.config = {
       clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;"], _Table.tableTokens.borderColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":var(--text-secondary);", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderColor, _Table.tableTokens.checkboxFillColor, _Table.tableTokens.checkboxTriggerIconColor, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
     }
   }
 };