@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.
- package/cjs/components/Notification/Notification.css +12 -12
- package/cjs/components/Notification/Notification.js +1 -3
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +47 -55
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/{Notification.styles_1ogp4a2.css → Notification.styles_1yt699o.css} +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +11 -11
- package/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/cjs/components/Notification/variations/_layout/base.js.map +1 -1
- package/cjs/components/Notification/variations/_layout/base_qkc3i4.css +1 -0
- package/cjs/components/PaginationDots/PaginationDot.js +58 -0
- package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
- package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
- package/cjs/components/PaginationDots/PaginationDots.js +33 -0
- package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
- package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
- package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
- package/cjs/components/PaginationDots/SmartPaginationDots.js +46 -0
- package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
- package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
- package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
- package/cjs/index.css +18 -12
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Notification/Notification.js +1 -3
- package/emotion/cjs/components/Notification/Notification.styles.js +36 -40
- package/emotion/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/emotion/cjs/components/PaginationDots/PaginationDot.js +34 -0
- package/emotion/cjs/components/PaginationDots/PaginationDots.js +34 -0
- package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +42 -0
- package/emotion/cjs/components/PaginationDots/index.js +26 -0
- package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Notification/Notification.js +1 -3
- package/emotion/es/components/Notification/Notification.styles.js +36 -40
- package/emotion/es/components/Notification/variations/_layout/base.js +1 -1
- package/emotion/es/components/PaginationDots/PaginationDot.js +27 -0
- package/emotion/es/components/PaginationDots/PaginationDots.js +27 -0
- package/emotion/es/components/PaginationDots/SmartPaginationDots.js +35 -0
- package/emotion/es/components/PaginationDots/index.js +3 -0
- package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
- package/emotion/es/index.js +2 -1
- package/es/components/Notification/Notification.css +12 -12
- package/es/components/Notification/Notification.js +1 -3
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +47 -55
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/{Notification.styles_1ogp4a2.css → Notification.styles_1yt699o.css} +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +11 -11
- package/es/components/Notification/variations/_layout/base.js +1 -1
- package/es/components/Notification/variations/_layout/base.js.map +1 -1
- package/es/components/Notification/variations/_layout/base_qkc3i4.css +1 -0
- package/es/components/PaginationDots/PaginationDot.js +53 -0
- package/es/components/PaginationDots/PaginationDot.js.map +1 -0
- package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
- package/es/components/PaginationDots/PaginationDots.js +28 -0
- package/es/components/PaginationDots/PaginationDots.js.map +1 -0
- package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
- package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
- package/es/components/PaginationDots/SmartPaginationDots.js +38 -0
- package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
- package/es/components/PaginationDots/usePaginationDots.js +36 -0
- package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
- package/es/index.css +18 -12
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Notification/Notification.js +1 -3
- package/styled-components/cjs/components/Notification/Notification.styles.js +25 -29
- package/styled-components/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/styled-components/cjs/components/PaginationDots/PaginationDot.js +32 -0
- package/styled-components/cjs/components/PaginationDots/PaginationDots.js +23 -0
- package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +42 -0
- package/styled-components/cjs/components/PaginationDots/index.js +26 -0
- package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Notification/Notification.js +1 -3
- package/styled-components/es/components/Notification/Notification.styles.js +25 -29
- package/styled-components/es/components/Notification/variations/_layout/base.js +1 -1
- package/styled-components/es/components/PaginationDots/PaginationDot.js +25 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.js +17 -0
- package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +35 -0
- package/styled-components/es/components/PaginationDots/index.js +3 -0
- package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
- package/styled-components/es/index.js +2 -1
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +1 -2
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +0 -5
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/PaginationDots/PaginationDot.d.ts +20 -0
- package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
- package/types/components/PaginationDots/PaginationDots.d.ts +14 -0
- package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
- package/types/components/PaginationDots/SmartPaginationDots.d.ts +14 -0
- package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
- package/types/components/PaginationDots/index.d.ts +6 -0
- package/types/components/PaginationDots/index.d.ts.map +1 -0
- package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
- package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Notification/variations/_layout/base_1g9g70c.css +0 -1
- 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,
|
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,
|
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,
|
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
|
};
|
package/emotion/cjs/index.js
CHANGED
@@ -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", "
|
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,
|