@salutejs/plasma-new-hope 0.324.0-canary.1967.15065564602.0 → 0.324.0-canary.1970.15068833000.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/cjs/components/Notification/Notification.css +12 -12
  2. package/cjs/components/Notification/Notification.js +1 -3
  3. package/cjs/components/Notification/Notification.js.map +1 -1
  4. package/cjs/components/Notification/Notification.styles.js +47 -55
  5. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  6. package/cjs/components/Notification/{Notification.styles_1ogp4a2.css → Notification.styles_1yt699o.css} +1 -1
  7. package/cjs/components/Notification/Notification.types.js.map +1 -1
  8. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  9. package/cjs/components/Notification/variations/_layout/base.js +1 -1
  10. package/cjs/components/Notification/variations/_layout/base.js.map +1 -1
  11. package/cjs/components/Notification/variations/_layout/base_qkc3i4.css +1 -0
  12. package/cjs/components/PaginationDots/PaginationDot.js +58 -0
  13. package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
  14. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  15. package/cjs/components/PaginationDots/PaginationDots.js +33 -0
  16. package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
  17. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  18. package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
  19. package/cjs/components/PaginationDots/SmartPaginationDots.js +46 -0
  20. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  21. package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
  22. package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
  23. package/cjs/index.css +18 -12
  24. package/cjs/index.js +6 -0
  25. package/cjs/index.js.map +1 -1
  26. package/emotion/cjs/components/Notification/Notification.js +1 -3
  27. package/emotion/cjs/components/Notification/Notification.styles.js +36 -40
  28. package/emotion/cjs/components/Notification/variations/_layout/base.js +1 -1
  29. package/emotion/cjs/components/PaginationDots/PaginationDot.js +34 -0
  30. package/emotion/cjs/components/PaginationDots/PaginationDots.js +34 -0
  31. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +42 -0
  32. package/emotion/cjs/components/PaginationDots/index.js +26 -0
  33. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  34. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  35. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  36. package/emotion/cjs/index.js +11 -0
  37. package/emotion/es/components/Notification/Notification.js +1 -3
  38. package/emotion/es/components/Notification/Notification.styles.js +36 -40
  39. package/emotion/es/components/Notification/variations/_layout/base.js +1 -1
  40. package/emotion/es/components/PaginationDots/PaginationDot.js +27 -0
  41. package/emotion/es/components/PaginationDots/PaginationDots.js +27 -0
  42. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +35 -0
  43. package/emotion/es/components/PaginationDots/index.js +3 -0
  44. package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
  45. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  46. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  47. package/emotion/es/index.js +2 -1
  48. package/es/components/Notification/Notification.css +12 -12
  49. package/es/components/Notification/Notification.js +1 -3
  50. package/es/components/Notification/Notification.js.map +1 -1
  51. package/es/components/Notification/Notification.styles.js +47 -55
  52. package/es/components/Notification/Notification.styles.js.map +1 -1
  53. package/es/components/Notification/{Notification.styles_1ogp4a2.css → Notification.styles_1yt699o.css} +1 -1
  54. package/es/components/Notification/Notification.types.js.map +1 -1
  55. package/es/components/Notification/NotificationsProvider.css +11 -11
  56. package/es/components/Notification/variations/_layout/base.js +1 -1
  57. package/es/components/Notification/variations/_layout/base.js.map +1 -1
  58. package/es/components/Notification/variations/_layout/base_qkc3i4.css +1 -0
  59. package/es/components/PaginationDots/PaginationDot.js +53 -0
  60. package/es/components/PaginationDots/PaginationDot.js.map +1 -0
  61. package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  62. package/es/components/PaginationDots/PaginationDots.js +28 -0
  63. package/es/components/PaginationDots/PaginationDots.js.map +1 -0
  64. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  65. package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
  66. package/es/components/PaginationDots/SmartPaginationDots.js +38 -0
  67. package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  68. package/es/components/PaginationDots/usePaginationDots.js +36 -0
  69. package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
  70. package/es/index.css +18 -12
  71. package/es/index.js +3 -0
  72. package/es/index.js.map +1 -1
  73. package/package.json +2 -2
  74. package/styled-components/cjs/components/Notification/Notification.js +1 -3
  75. package/styled-components/cjs/components/Notification/Notification.styles.js +25 -29
  76. package/styled-components/cjs/components/Notification/variations/_layout/base.js +1 -1
  77. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +32 -0
  78. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +23 -0
  79. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +42 -0
  80. package/styled-components/cjs/components/PaginationDots/index.js +26 -0
  81. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  82. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  83. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  84. package/styled-components/cjs/index.js +11 -0
  85. package/styled-components/es/components/Notification/Notification.js +1 -3
  86. package/styled-components/es/components/Notification/Notification.styles.js +25 -29
  87. package/styled-components/es/components/Notification/variations/_layout/base.js +1 -1
  88. package/styled-components/es/components/PaginationDots/PaginationDot.js +25 -0
  89. package/styled-components/es/components/PaginationDots/PaginationDots.js +17 -0
  90. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +35 -0
  91. package/styled-components/es/components/PaginationDots/index.js +3 -0
  92. package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
  93. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  94. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  95. package/styled-components/es/index.js +2 -1
  96. package/types/components/Notification/Notification.d.ts.map +1 -1
  97. package/types/components/Notification/Notification.styles.d.ts +1 -2
  98. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  99. package/types/components/Notification/Notification.types.d.ts +0 -5
  100. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  101. package/types/components/PaginationDots/PaginationDot.d.ts +20 -0
  102. package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
  103. package/types/components/PaginationDots/PaginationDots.d.ts +14 -0
  104. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  105. package/types/components/PaginationDots/SmartPaginationDots.d.ts +14 -0
  106. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
  107. package/types/components/PaginationDots/index.d.ts +6 -0
  108. package/types/components/PaginationDots/index.d.ts.map +1 -0
  109. package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
  110. package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
  111. package/types/index.d.ts +1 -0
  112. package/types/index.d.ts.map +1 -1
  113. package/cjs/components/Notification/variations/_layout/base_1g9g70c.css +0 -1
  114. package/es/components/Notification/variations/_layout/base_1g9g70c.css +0 -1
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _Notification = /*#__PURE__*/require("../../Notification.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _react.css)(".", _Notification.classes.wrapper, "{padding:var(", _Notification.tokens.padding, ");}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, "{padding:var(", _Notification.tokens.horizontalLayoutPadding, ");&.", _Notification.classes.withoutCloseIcon, "{padding-right:var(", _Notification.tokens.horizontalLayoutRightPaddingWithoutCloseIcon, ");}}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, ".", _Notification.classes.oneLine, "{padding:var(", _Notification.tokens.paddingOneLineTextbox, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3ZhcmlhdGlvbnMvX2xheW91dC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL05vdGlmaWNhdGlvbi92YXJpYXRpb25zL19sYXlvdXQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke2NsYXNzZXMud3JhcHBlcn0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMud3JhcHBlcn0uJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmhvcml6b250YWxMYXlvdXRQYWRkaW5nfSk7XG5cbiAgICAgICAgJi4ke2NsYXNzZXMud2l0aG91dENsb3NlSWNvbn0ge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxMYXlvdXRSaWdodFBhZGRpbmdXaXRob3V0Q2xvc2VJY29ufSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLndyYXBwZXJ9LiR7Y2xhc3Nlcy5ob3Jpem9udGFsfS4ke2NsYXNzZXMub25lTGluZX0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ09uZUxpbmVUZXh0Ym94fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
9
+ var base = exports.base = /*#__PURE__*/(0, _react.css)(".", _Notification.classes.wrapper, "{width:var(", _Notification.tokens.width, ");padding:var(", _Notification.tokens.padding, ");}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, "{padding:var(", _Notification.tokens.horizontalLayoutPadding, ");&.", _Notification.classes.withoutCloseIcon, "{padding-right:var(", _Notification.tokens.horizontalLayoutRightPaddingWithoutCloseIcon, ");}}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, ".", _Notification.classes.oneLine, "{padding:var(", _Notification.tokens.paddingOneLineTextbox, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3ZhcmlhdGlvbnMvX2xheW91dC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL05vdGlmaWNhdGlvbi92YXJpYXRpb25zL19sYXlvdXQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke2NsYXNzZXMud3JhcHBlcn0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSk7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy53cmFwcGVyfS4ke2NsYXNzZXMuaG9yaXpvbnRhbH0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9KTtcbiAgICAgICAgJi4ke2NsYXNzZXMud2l0aG91dENsb3NlSWNvbn0ge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxMYXlvdXRSaWdodFBhZGRpbmdXaXRob3V0Q2xvc2VJY29ufSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLndyYXBwZXJ9LiR7Y2xhc3Nlcy5ob3Jpem9udGFsfS4ke2NsYXNzZXMub25lTGluZX0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ09uZUxpbmVUZXh0Ym94fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PaginationDot = exports.DotBase = void 0;
7
+ var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ /**
10
+ * Элемент пагинации точками.
11
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
+ */
13
+ var DotBase = exports.DotBase = /*#__PURE__*/(0, _base["default"])("li", {
14
+ target: "e14yjkg31",
15
+ label: "plasma-new-hope__DotBase"
16
+ })("width:", function (_ref) {
17
+ var isActive = _ref.isActive;
18
+ return isActive ? '1.75rem' : '0.375rem';
19
+ }, ";height:0.375rem;border-radius:1rem;background:", function (_ref2) {
20
+ var isActive = _ref2.isActive;
21
+ return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
22
+ }, ";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;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvbkRvdFByb3BzIGV4dGVuZHMgUmVhY3QuTGlIVE1MQXR0cmlidXRlczxIVE1MTElFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog0K3Qu9C10LzQtdC90YIg0LDQutGC0LjQstC10L1cbiAgICAgKi9cbiAgICBpc0FjdGl2ZTogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdEJhc2UgPSBzdHlsZWQubGk8UGFnaW5hdGlvbkRvdFByb3BzPmBcbiAgICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMS43NXJlbScgOiAnMC4zNzVyZW0nKX07XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtcHJpbWFyeSknIDogJ3ZhcigtLXN1cmZhY2VUcmFuc3BhcmVudFRlcnRpYXJ5KScpfTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjFzIGVhc2UtaW4tb3V0LCBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgZm9udC1zaXplOiAwLjVyZW07XG5cbiAgICAmICsgJiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjM3NXJlbTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90ID0gc3R5bGVkKERvdEJhc2UpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAndmFyKC0tdGV4dC1hY2NlbnQpJyA6ICd2YXIoLS1zdXJmYWNlVHJhbnNwYXJlbnRUZXJ0aWFyeSknKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdGV4dC1hY2NlbnQpO1xuICAgIH1cbmA7XG4iXX0= */"));
23
+
24
+ /**
25
+ * Элемент пагинации точками.
26
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
27
+ */
28
+ var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _base["default"])(DotBase, {
29
+ target: "e14yjkg30",
30
+ label: "plasma-new-hope__PaginationDot"
31
+ })("cursor:pointer;background:", function (_ref3) {
32
+ var isActive = _ref3.isActive;
33
+ return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
34
+ }, ";&:hover{background:var(--text-accent);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25Eb3RQcm9wcyBleHRlbmRzIFJlYWN0LkxpSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqINCt0LvQtdC80LXQvdGCINCw0LrRgtC40LLQtdC9XG4gICAgICovXG4gICAgaXNBY3RpdmU6IGJvb2xlYW47XG59XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBEb3RCYXNlID0gc3R5bGVkLmxpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEuNzVyZW0nIDogJzAuMzc1cmVtJyl9O1xuICAgIGhlaWdodDogMC4zNzVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICd2YXIoLS10ZXh0LXByaW1hcnkpJyA6ICd2YXIoLS1zdXJmYWNlVHJhbnNwYXJlbnRUZXJ0aWFyeSknKX07XG4gICAgdHJhbnNpdGlvbjogd2lkdGggMC4xcyBlYXNlLWluLW91dCwgYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgIGZvbnQtc2l6ZTogMC41cmVtO1xuXG4gICAgJiArICYge1xuICAgICAgICBtYXJnaW4tbGVmdDogMC4zNzVyZW07XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCt0LvQtdC80LXQvdGCINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdCA9IHN0eWxlZChEb3RCYXNlKTxQYWdpbmF0aW9uRG90UHJvcHM+YFxuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtYWNjZW50KScgOiAndmFyKC0tc3VyZmFjZVRyYW5zcGFyZW50VGVydGlhcnkpJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXRleHQtYWNjZW50KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PaginationDots = exports.DotsBase = void 0;
7
+ var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
10
+ /**
11
+ * Оборачивающий компонент для пагинации точками.
12
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
13
+ */
14
+ var DotsBase = exports.DotsBase = /*#__PURE__*/(0, _base["default"])("ul", {
15
+ target: "e126omqy1",
16
+ label: "plasma-new-hope__DotsBase"
17
+ })(process.env.NODE_ENV === "production" ? {
18
+ name: "1gpamx1",
19
+ styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none"
20
+ } : {
21
+ name: "1gpamx1",
22
+ styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none",
23
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1pQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiDQntCx0L7RgNCw0YfQuNCy0LDRjtGJ0LjQuSDQutC+0LzQv9C+0L3QtdC90YIg0LTQu9GPINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgRG90c0Jhc2UgPSBzdHlsZWQudWxgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25Eb3RzID0gc3R5bGVkKERvdHNCYXNlKWBgO1xuIl19 */",
24
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
25
+ });
26
+
27
+ /**
28
+ * Оборачивающий компонент для пагинации точками.
29
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
30
+ */
31
+ var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _base["default"])(DotsBase, {
32
+ target: "e126omqy0",
33
+ label: "plasma-new-hope__PaginationDots"
34
+ })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9COEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdHNCYXNlID0gc3R5bGVkLnVsYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG4vKipcbiAqINCe0LHQvtGA0LDRh9C40LLQsNGO0YnQuNC5INC60L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90cyA9IHN0eWxlZChEb3RzQmFzZSlgYDtcbiJdfQ== */");
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SmartPaginationDots = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
+ var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
9
+ var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
10
+ var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
11
+ var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ 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; }
14
+ 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; }
15
+ /**
16
+ * Компонент для отображения точек пагинации
17
+ * с возможностью ограничения количества видимых элементов.
18
+ */
19
+ var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
20
+ var items = _ref.items,
21
+ index = _ref.index,
22
+ visibleItems = _ref.visibleItems,
23
+ onIndexChange = _ref.onIndexChange,
24
+ rest = _objectWithoutProperties(_ref, _excluded);
25
+ var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
26
+ items: items,
27
+ index: index,
28
+ visibleItems: visibleItems
29
+ }),
30
+ sliced = _usePaginationDots.sliced,
31
+ activeId = _usePaginationDots.activeId;
32
+ return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
33
+ var id = _ref2.id;
34
+ return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
35
+ key: "item:".concat(i),
36
+ isActive: id === activeId,
37
+ onClick: function onClick() {
38
+ return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
39
+ }
40
+ });
41
+ }));
42
+ };
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "PaginationDot", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _PaginationDot.PaginationDot;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "PaginationDots", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _PaginationDots.PaginationDots;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "SmartPaginationDots", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _SmartPaginationDots.SmartPaginationDots;
22
+ }
23
+ });
24
+ var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
25
+ var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
26
+ var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.usePaginationDots = void 0;
7
+ var _react = /*#__PURE__*/require("react");
8
+ var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
9
+ var items = _ref.items,
10
+ index = _ref.index,
11
+ _ref$visibleItems = _ref.visibleItems,
12
+ visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
13
+ var activeId = items[index].id;
14
+ var prevIndex = (0, _react.useRef)(null);
15
+ var direction = 0;
16
+ if (prevIndex.current !== null) {
17
+ direction = index > prevIndex.current ? 1 : -1;
18
+ }
19
+ var start;
20
+ var end;
21
+ if (direction === 1) {
22
+ end = Math.min(Math.max(index + 2, visibleItems), items.length);
23
+ start = Math.max(end - visibleItems, 0);
24
+ } else if (direction === -1) {
25
+ start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
26
+ end = start + visibleItems;
27
+ } else {
28
+ start = Math.max(index - Math.floor(visibleItems / 2), 0);
29
+ end = Math.min(start + visibleItems, items.length);
30
+ start = end - visibleItems;
31
+ }
32
+ var sliced = items.slice(start, end);
33
+ prevIndex.current = index;
34
+ return {
35
+ sliced: sliced,
36
+ activeId: activeId
37
+ };
38
+ };
@@ -167,13 +167,12 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
167
167
  placement?: NotificationPlacement;
168
168
  };
169
169
 
170
- const StoryLiveDemo = ({ timeout, placement, width, ...rest }: StoryLiveDemoProps) => {
170
+ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
171
171
  const count = useRef(0);
172
172
  const handleClick = useCallback(() => {
173
173
  addNotification(
174
174
  {
175
175
  icon: <IconDisclosureRight color="inherit" />,
176
- width,
177
176
  ...rest,
178
177
  ...getNotificationProps(count.current),
179
178
  },
@@ -211,7 +210,6 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
211
210
  role: 'alert',
212
211
  layout: 'vertical',
213
212
  placement: 'bottom-right',
214
- width: '',
215
213
  },
216
214
  render: (args) => <StoryLiveDemo {...args} />,
217
215
  };
@@ -170,13 +170,12 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
170
170
  placement?: NotificationPlacement;
171
171
  };
172
172
 
173
- const StoryLiveDemo = ({ timeout, placement, width, ...rest }: StoryLiveDemoProps) => {
173
+ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
174
174
  const count = useRef(0);
175
175
  const handleClick = useCallback(() => {
176
176
  addNotification(
177
177
  {
178
178
  icon: <IconDisclosureRight color="inherit" />,
179
- width,
180
179
  ...rest,
181
180
  ...getNotificationProps(count.current),
182
181
  },
@@ -214,7 +213,6 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
214
213
  role: 'alert',
215
214
  layout: 'vertical',
216
215
  placement: 'bottom-right',
217
- width: '',
218
216
  },
219
217
  render: (args) => <StoryLiveDemo {...args} />,
220
218
  };
@@ -827,4 +827,15 @@ Object.keys(_Carousel).forEach(function (key) {
827
827
  return _Carousel[key];
828
828
  }
829
829
  });
830
+ });
831
+ var _PaginationDots = /*#__PURE__*/require("./components/PaginationDots");
832
+ Object.keys(_PaginationDots).forEach(function (key) {
833
+ if (key === "default" || key === "__esModule") return;
834
+ if (key in exports && exports[key] === _PaginationDots[key]) return;
835
+ Object.defineProperty(exports, key, {
836
+ enumerable: true,
837
+ get: function get() {
838
+ return _PaginationDots[key];
839
+ }
840
+ });
830
841
  });
@@ -1,4 +1,4 @@
1
- var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "onCloseButtonClick"];
1
+ var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
2
2
  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); }
3
3
  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; }
4
4
  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; }
@@ -37,7 +37,6 @@ export var notificationRoot = function notificationRoot(Root) {
37
37
  textColor = props.textColor,
38
38
  titleColor = props.titleColor,
39
39
  backgroundColor = props.backgroundColor,
40
- width = props.width,
41
40
  onCloseButtonClick = props.onCloseButtonClick,
42
41
  rest = _objectWithoutProperties(props, _excluded);
43
42
  var ariaLive = 'polite';
@@ -65,7 +64,6 @@ export var notificationRoot = function notificationRoot(Root) {
65
64
  "aria-atomic": ariaAtomic
66
65
  }, rest), /*#__PURE__*/React.createElement(Wrapper, {
67
66
  backgroundColor: backgroundColor,
68
- width: width,
69
67
  className: cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
70
68
  }, /*#__PURE__*/React.createElement(ContentBox, {
71
69
  iconPlacement: IconPlacementInternal,