@salutejs/plasma-new-hope 0.325.0-canary.1972.15208152297.0 → 0.325.0-canary.1972.15255579108.0

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.tokens = exports.privateTokens = exports.classes = void 0;
 var classes = exports.classes = {
   stretch: 'note-stretch',
+  closeIcon: 'note-close-icon',
   contentAlignCenter: 'note-content-align-center'
 };
 var privateTokens = exports.privateTokens = {
@@ -32,10 +33,17 @@ var tokens = exports.tokens = {
   titleFontWeight: '--plasma-note-title-font-weight',
   titleLetterSpacing: '--plasma-note-title-letter-spacing',
   titleLineHeight: '--plasma-note-title-line-height',
+  titlePaddingRight: '--plasma-note-title-padding-right',
   textFontFamily: '--plasma-note-text-font-family',
   textFontSize: '--plasma-note-text-font-size',
   textFontStyle: '--plasma-note-text-font-style',
   textFontWeight: '--plasma-note-text-font-weight',
   textLetterSpacing: '--plasma-note-text-letter-spacing',
-  textLineHeight: '--plasma-note-text-line-height'
+  textLineHeight: '--plasma-note-text-line-height',
+  closeIconTop: '--plasma-note-close-icon-top',
+  closeIconRight: '--plasma-note-close-icon-right',
+  closeIconColor: '--plasma-note-close-icon-color',
+  closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',
+  closeIconSize: '--plasma-note-close-icon-size',
+  closeIconButtonSize: '--plasma-note-close-icon-button-size'
 };

package/styled-components/cjs/components/PaginationDots/PaginationDot.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaginationDot = exports.DotBase = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var DotBase = exports.DotBase = /*#__PURE__*/_styledComponents["default"].li.withConfig({
+  componentId: "plasma-new-hope__sc-1lu8gfj-0"
+})(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
+  var isActive = _ref.isActive;
+  return isActive ? '1.75rem' : '0.375rem';
+}, function (_ref2) {
+  var isActive = _ref2.isActive;
+  return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
+});
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _styledComponents["default"])(DotBase).withConfig({
+  componentId: "plasma-new-hope__sc-1lu8gfj-1"
+})(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
+  var isActive = _ref3.isActive;
+  return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
+});

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaginationDots = exports.DotsBase = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var DotsBase = exports.DotsBase = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+  componentId: "plasma-new-hope__sc-1ritf0l-0"
+})(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _styledComponents["default"])(DotsBase).withConfig({
+  componentId: "plasma-new-hope__sc-1ritf0l-1"
+})([""]);

package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmartPaginationDots = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
+var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
+var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
+var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
+var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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; }
+/**
+ * Компонент для отображения точек пагинации
+ * с возможностью ограничения количества видимых элементов.
+ * @deprecated
+ */
+var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    visibleItems = _ref.visibleItems,
+    onIndexChange = _ref.onIndexChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
+      items: items,
+      index: index,
+      visibleItems: visibleItems
+    }),
+    sliced = _usePaginationDots.sliced,
+    activeId = _usePaginationDots.activeId;
+  return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
+    var id = _ref2.id;
+    return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
+      key: "item:".concat(i),
+      isActive: id === activeId,
+      onClick: function onClick() {
+        return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
+      }
+    });
+  }));
+};

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PaginationDot", {
+  enumerable: true,
+  get: function get() {
+    return _PaginationDot.PaginationDot;
+  }
+});
+Object.defineProperty(exports, "PaginationDots", {
+  enumerable: true,
+  get: function get() {
+    return _PaginationDots.PaginationDots;
+  }
+});
+Object.defineProperty(exports, "SmartPaginationDots", {
+  enumerable: true,
+  get: function get() {
+    return _SmartPaginationDots.SmartPaginationDots;
+  }
+});
+var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
+var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
+var _PaginationDot = /*#__PURE__*/require("./PaginationDot");

package/styled-components/cjs/components/PaginationDots/usePaginationDots.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePaginationDots = void 0;
+var _react = /*#__PURE__*/require("react");
+var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    _ref$visibleItems = _ref.visibleItems,
+    visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
+  var activeId = items[index].id;
+  var prevIndex = (0, _react.useRef)(null);
+  var direction = 0;
+  if (prevIndex.current !== null) {
+    direction = index > prevIndex.current ? 1 : -1;
+  }
+  var start;
+  var end;
+  if (direction === 1) {
+    end = Math.min(Math.max(index + 2, visibleItems), items.length);
+    start = Math.max(end - visibleItems, 0);
+  } else if (direction === -1) {
+    start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
+    end = start + visibleItems;
+  } else {
+    start = Math.max(index - Math.floor(visibleItems / 2), 0);
+    end = Math.min(start + visibleItems, items.length);
+    start = end - visibleItems;
+  }
+  var sliced = items.slice(start, end);
+  prevIndex.current = index;
+  return {
+    sliced: sliced,
+    activeId: activeId
+  };
+};

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

@@ -20,10 +20,10 @@ var config = exports.config = {
       info: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1rem;", ":1rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":1.875rem;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":0.75rem;", ":0.75rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":1.75rem;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":1.5rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight)
     }
   }
 };

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

@@ -67,6 +67,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         text: 'Text',
         enableContentBefore: true,
         contentBeforeSizing: 'fixed',
+        hasClose: true,
     },
     render: ({ enableContentBefore, ...args }) => (
         <div style={{ height: '100vh' }}>

package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js

@@ -20,10 +20,10 @@ var config = exports.config = {
       info: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1rem;", ":1rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":1.875rem;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":0.75rem;", ":0.75rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":1.75rem;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":1.5rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.closeIconTop, _Note.noteTokens.closeIconRight, _Note.noteTokens.closeIconColor, _Note.noteTokens.closeIconColorOnHover, _Note.noteTokens.closeIconSize, _Note.noteTokens.closeIconButtonSize, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.titlePaddingRight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx

@@ -67,6 +67,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         text: 'Text',
         enableContentBefore: true,
         contentBeforeSizing: 'fixed',
+        hasClose: true,
     },
     render: ({ enableContentBefore, ...args }) => (
         <div style={{ height: '100vh' }}>

package/styled-components/cjs/index.js

@@ -827,4 +827,15 @@ Object.keys(_Carousel).forEach(function (key) {
       return _Carousel[key];
     }
   });
+});
+var _PaginationDots = /*#__PURE__*/require("./components/PaginationDots");
+Object.keys(_PaginationDots).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PaginationDots[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PaginationDots[key];
+    }
+  });
 });

package/styled-components/es/components/Calendar/hooks/useMonths.js

@@ -12,7 +12,8 @@ export var useMonths = function useMonths(_ref) {
     min = _ref.min,
     max = _ref.max,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+    includeEdgeDates = _ref.includeEdgeDates;
   return useMemo(function () {
     var months = SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
@@ -37,6 +38,7 @@ export var useMonths = function useMonths(_ref) {
         type: CalendarState.Months,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/es/components/Calendar/hooks/useQuarters.js

@@ -10,7 +10,8 @@ export var useQuarters = function useQuarters(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return useMemo(function () {
     var quarters = QUARTER_NAMES.map(function (quarterName) {
       var _quarterDates$quarter = quarterDates[quarterName],
@@ -36,6 +37,7 @@ export var useQuarters = function useQuarters(_ref) {
         type: CalendarState.Quarters,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/es/components/Calendar/hooks/useYears.js

@@ -11,7 +11,8 @@ export var useYears = function useYears(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return useMemo(function () {
     // type-coverage:ignore-next-line
     var years = Array.from(Array(YEAR_RENDER_COUNT), function (_, i) {
@@ -36,6 +37,7 @@ export var useYears = function useYears(_ref) {
         type: CalendarState.Years,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/es/components/Calendar/utils/getDateWithModification.js

@@ -42,7 +42,7 @@ var normalizeDate = function normalizeDate(date, type) {
     date.setMonth(0);
   }
 };
-var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
+var isDisabledNextDate = function isDisabledNextDate(_ref, type, max, includeEdgeDates) {
   var year = _ref.year,
     monthIndex = _ref.monthIndex,
     day = _ref.day;
@@ -54,13 +54,13 @@ var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
   var currentDate = new Date(year, monthIndex, day);
   dateOperationHandler[type].add(currentDate);
   var isOut = true;
-  while (isOut && currentDate <= maxDate) {
-    isOut = maxDate <= currentDate;
+  while (isOut && includeEdgeDates ? currentDate < maxDate : currentDate <= maxDate) {
+    isOut = includeEdgeDates ? maxDate < currentDate : maxDate <= currentDate;
     dateOperationHandler[type].add(currentDate);
   }
   return isOut;
 };
-var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
+var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min, includeEdgeDates) {
   var year = _ref2.year,
     monthIndex = _ref2.monthIndex,
     day = _ref2.day;
@@ -72,54 +72,58 @@ var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
   var currentDate = new Date(year, monthIndex, day);
   dateOperationHandler[type].subtract(currentDate);
   var isOut = true;
-  while (isOut && currentDate >= minDate) {
-    isOut = minDate >= currentDate;
+  while (isOut && includeEdgeDates ? currentDate > minDate : currentDate >= minDate) {
+    isOut = includeEdgeDates ? minDate > currentDate : minDate >= currentDate;
     dateOperationHandler[type].subtract(currentDate);
   }
   return isOut;
 };
-var getDisabledDates = function getDisabledDates(list, type, min, max) {
+var getDisabledDates = function getDisabledDates(list, type, min, max, includeEdgeDates) {
   var disabledDate = [];
-  if (isDisabledPreviousDate(list[0], type, min)) {
+  if (isDisabledPreviousDate(list[0], type, min, includeEdgeDates)) {
     disabledDate.push('previous');
   }
-  if (isDisabledNextDate(list[list.length - 1], type, max)) {
+  if (isDisabledNextDate(list[list.length - 1], type, max, includeEdgeDates)) {
     disabledDate.push('next');
   }
   return disabledDate.join(',');
 };
-var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
+var isDisabledArrowLeft = function isDisabledArrowLeft(date, min, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(currentDate.getDate() - 1);
-  return min && min >= currentDate || min && min >= date;
+  var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
+  return disableCondition;
 };
-var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
+var isDisabledArrowRight = function isDisabledArrowRight(date, max, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(currentDate.getDate() + 1);
-  return max && max <= currentDate || max && max <= date;
+  var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
+  return disableCondition;
 };
-var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
+var isDisabledArrowUp = function isDisabledArrowUp(date, min, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(date.getDate() - 7);
-  return min && min >= currentDate;
+  var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
+  return disableCondition;
 };
-var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
+var isDisabledArrowDown = function isDisabledArrowDown(date, max, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(date.getDate() + 7);
-  return max && max <= currentDate;
+  var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
+  return disableCondition;
 };
-var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
+var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max, includeEdgeDates) {
   var disabledArrowKey = [];
-  if (isDisabledArrowLeft(currentDate, min)) {
+  if (isDisabledArrowLeft(currentDate, min, includeEdgeDates)) {
     disabledArrowKey.push('left');
   }
-  if (isDisabledArrowRight(currentDate, max)) {
+  if (isDisabledArrowRight(currentDate, max, includeEdgeDates)) {
     disabledArrowKey.push('right');
   }
-  if (isDisabledArrowDown(currentDate, max)) {
+  if (isDisabledArrowDown(currentDate, max, includeEdgeDates)) {
     disabledArrowKey.push('down');
   }
-  if (isDisabledArrowUp(currentDate, min)) {
+  if (isDisabledArrowUp(currentDate, min, includeEdgeDates)) {
     disabledArrowKey.push('up');
   }
   return disabledArrowKey.join(',');
@@ -148,7 +152,7 @@ export var getDatesWithModifications = function getDatesWithModifications(_ref3)
     var date = _ref5.date;
     return date;
   });
-  var disabledDates = getDisabledDates(datesList, type, min, max);
+  var disabledDates = getDisabledDates(datesList, type, min, max, includeEdgeDates);
   return dates.map(function (dateItem) {
     var date = dateItem.date;
     var year = date.year,
@@ -173,7 +177,7 @@ export var getDatesWithModifications = function getDatesWithModifications(_ref3)
     dateItem.events = eventsMap.get(keyDate);
     dateItem.disabled = disabledDatesMap.has(keyDate) || isOutOfMinMaxRange;
     dateItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
-    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
+    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max, includeEdgeDates);
     dateItem.disabledDates = disabledDates;
     return dateItem;
   });

package/styled-components/es/components/Note/Note.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
+var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height", "hasClose", "onCloseButtonClick"];
 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 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; }
@@ -17,9 +17,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { canUseDOM, cx, getSizeValueFromProp } from "../../utils";
+import { IconCrossThin } from "../_Icon/Icons/IconCrossThin";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
-import { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
+import { base, CloseIconWrapper, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
 import { classes, privateTokens, tokens } from "./Note.tokens";
 export var noteRoot = function noteRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -35,6 +36,8 @@ export var noteRoot = function noteRoot(Root) {
       stretch = _ref.stretch,
       width = _ref.width,
       height = _ref.height,
+      hasClose = _ref.hasClose,
+      onCloseButtonClick = _ref.onCloseButtonClick,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useState = useState(text),
       _useState2 = _slicedToArray(_useState, 2),
@@ -100,11 +103,22 @@ export var noteRoot = function noteRoot(Root) {
       ref: contentBeforeRef
     }, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
       ref: contentWrapperRef
-    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(TitleHelper, {
+    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
+      hasClose: hasClose
+    }, title), /*#__PURE__*/React.createElement(TitleHelper, {
       ref: titleHelperRef
     }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
       ref: textRenderHelperRef
-    }, "C")))));
+    }, "C")))), hasClose && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+      view: "clear",
+      size: "s",
+      onClick: onCloseButtonClick,
+      className: classes.closeIcon
+    }, /*#__PURE__*/React.createElement(IconCrossThin, {
+      size: "s",
+      sizeCustomProperty: tokens.closeIconSize,
+      color: "inherit"
+    })));
   });
 };
 export var noteConfig = {

package/styled-components/es/components/Note/Note.styles.js

@@ -1,5 +1,10 @@
 import styled from 'styled-components';
 import { css } from 'styled-components';
+import { component, mergeConfig } from "../../engines";
+import { buttonConfig } from "../Button";
+import { tokens } from "./Note.tokens";
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var base = /*#__PURE__*/css(["position:relative;display:flex;box-sizing:border-box;"]);
 export var ContentBefore = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-2xk8rv-0"
@@ -9,7 +14,10 @@ export var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;flex-direction:column;box-sizing:border-box;"]);
 export var Title = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-2xk8rv-2"
-})([""]);
+})(["padding-right:", ";box-sizing:border-box;"], function (_ref) {
+  var hasClose = _ref.hasClose;
+  return hasClose ? "var(".concat(tokens.titlePaddingRight, ")") : 0;
+});
 export var TitleHelper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-2xk8rv-3"
 })(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
@@ -18,4 +26,7 @@ export var Text = /*#__PURE__*/styled.span.withConfig({
 })(["display:block;position:relative;"]);
 export var TextHelper = /*#__PURE__*/styled.span.withConfig({
   componentId: "plasma-new-hope__sc-2xk8rv-5"
-})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
+})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
+export var CloseIconWrapper = /*#__PURE__*/styled(Button).withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-6"
+})(["position:absolute;right:var(", ");top:var(", ");width:var(", ");height:var(", ");color:var(", ");:hover{color:var(", ");}"], tokens.closeIconRight, tokens.closeIconTop, tokens.closeIconButtonSize, tokens.closeIconButtonSize, tokens.closeIconColor, tokens.closeIconColorOnHover);

package/styled-components/es/components/Note/Note.tokens.js

@@ -1,5 +1,6 @@
 export var classes = {
   stretch: 'note-stretch',
+  closeIcon: 'note-close-icon',
   contentAlignCenter: 'note-content-align-center'
 };
 export var privateTokens = {
@@ -26,10 +27,17 @@ export var tokens = {
   titleFontWeight: '--plasma-note-title-font-weight',
   titleLetterSpacing: '--plasma-note-title-letter-spacing',
   titleLineHeight: '--plasma-note-title-line-height',
+  titlePaddingRight: '--plasma-note-title-padding-right',
   textFontFamily: '--plasma-note-text-font-family',
   textFontSize: '--plasma-note-text-font-size',
   textFontStyle: '--plasma-note-text-font-style',
   textFontWeight: '--plasma-note-text-font-weight',
   textLetterSpacing: '--plasma-note-text-letter-spacing',
-  textLineHeight: '--plasma-note-text-line-height'
+  textLineHeight: '--plasma-note-text-line-height',
+  closeIconTop: '--plasma-note-close-icon-top',
+  closeIconRight: '--plasma-note-close-icon-right',
+  closeIconColor: '--plasma-note-close-icon-color',
+  closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',
+  closeIconSize: '--plasma-note-close-icon-size',
+  closeIconButtonSize: '--plasma-note-close-icon-button-size'
 };