@salutejs/sdds-serv 0.313.0-canary.2016.15553329485.0 → 0.313.0-dev.0

package/components/Carousel/Carousel.config.d.ts

@@ -0,0 +1,14 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Carousel/Carousel.config.js

@@ -0,0 +1,22 @@
+require('./Carousel.config_1r461vi.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": "dv63qpm"
+    },
+    size: {
+      s: "s13btmod"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Carousel.config.js.map

package/components/Carousel/Carousel.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n                ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n            `,\n        },\n        size: {\n            s: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAIV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AACL,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Carousel/Carousel.config_1r461vi.css

@@ -0,0 +1,2 @@
+.dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
+

package/components/Carousel/Carousel.css

@@ -0,0 +1,2 @@
+.Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
+

package/components/Carousel/Carousel.d.ts

@@ -0,0 +1,9 @@
+declare const Carousel: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/styled-components").CarouselNewProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Carousel };

package/components/Carousel/Carousel.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var Carousel_config = require('./Carousel.config.js');
+
+var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.carouselNewConfig, Carousel_config.config);
+var Carousel = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+
+exports.Carousel = Carousel;
+//# sourceMappingURL=Carousel.js.map

package/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Carousel.config';\n\nconst mergedConfig = mergeConfig(carouselNewConfig, config);\nconst Carousel = component(mergedConfig);\n\nexport { Carousel };\n"],"names":["mergedConfig","mergeConfig","carouselNewConfig","config","Carousel","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC,CAAA;AAC3D,IAAMC,QAAQ,gBAAGC,uBAAS,CAACL,YAAY;;;;"}

package/components/Carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { CarouselItem } from '@salutejs/plasma-new-hope/styled-components';
+export { Carousel } from './Carousel';

package/components/Notification/Notification.css

@@ -8,5 +8,3 @@
 .Notification_config_132q76f_djsygjg__1e3f7ddc{--plasma-notification-close-icon-button-size:1.5rem;--plasma-notification-close-icon-size:1.5rem;}
 .Notification_config_132q76f_x5jqj9y__1e3f7ddc{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
 .Notification_config_132q76f_x1e2dde6__1e3f7ddc{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
-
-.Modal_config_1c34cg3_d142ug3n__b666ae01{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft);--plasma-modal-body-background:var(--surface-solid-card);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:2rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary);--plasma-modal-close-button-hover-color:var(--text-secondary-hover);--plasma-modal-close-button-active-color:var(--text-secondary-active);--plasma-modal-outline-focus-color:var(--surface-accent);}

package/components/Notification/Notification.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
-import { NotificationProps, NotificationIconPlacement, NotificationPlacement, NotificationLayout, addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
-export { modalClasses } from '../Modal';
-export declare const Notification: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
+import { NotificationProps as NotificationPropsNewHope, NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
+export type { NotificationPlacement };
+export declare const NotificationNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -21,11 +21,12 @@ export declare const Notification: React.FunctionComponent<import("@salutejs/pla
         xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
+type ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';
+type NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> & Omit<NotificationPropsNewHope, ConfigProps>;
+export declare const Notification: ForwardRefExoticComponent<NotificationProps>;
 export declare const NotificationsProvider: React.FC<{
     children: ReactNode;
     frame?: string;
     placement?: NotificationPlacement;
     UNSAFE_SSR_ENABLED?: boolean;
 }>;
-export type { NotificationIconPlacement, NotificationPlacement, NotificationLayout, NotificationProps };
-export { addNotification, closeNotification };

package/components/Notification/Notification.js

@@ -11,7 +11,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.notificationConfig, Notification_config.config);
-var Notification = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+var NotificationNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+var Notification = NotificationNewHope;
 var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
@@ -26,18 +27,7 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
   }, children);
 };
 
-Object.defineProperty(exports, 'addNotification', {
-    enumerable: true,
-    get: function () { return plasmaNewHope.addNotification; }
-});
-Object.defineProperty(exports, 'closeNotification', {
-    enumerable: true,
-    get: function () { return plasmaNewHope.closeNotification; }
-});
-Object.defineProperty(exports, 'modalClasses', {
-    enumerable: true,
-    get: function () { return plasmaNewHope.modalClasses; }
-});
 exports.Notification = Notification;
+exports.NotificationNewHope = NotificationNewHope;
 exports.NotificationsProvider = NotificationsProvider;
 //# sourceMappingURL=Notification.js.map

package/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    component,\n    mergeConfig,\n    notificationConfig,\n    NotificationProps,\n    NotificationsProvider as Provider,\n    NotificationIconPlacement,\n    NotificationPlacement,\n    NotificationLayout,\n    addNotification,\n    closeNotification,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport { modalClasses } from '../Modal';\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n    UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {children}\n        </Provider>\n    );\n};\n\nexport type { NotificationIconPlacement, NotificationPlacement, NotificationLayout, NotificationProps };\nexport { addNotification, closeNotification };\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAkBA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,uBAAS,CAACL,YAAY,EAAC;IAEtCM,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC/D,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACZ,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGJ,QACK,CAAC,CAAA;AAEnB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Notification.js","sources":["../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';\nimport {\n    NotificationProps as NotificationPropsNewHope,\n    NotificationPlacement,\n    notificationConfig,\n    NotificationsProvider as Provider,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const NotificationNewHope = component(mergedConfig);\n\ntype ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';\ntype NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &\n    Omit<NotificationPropsNewHope, ConfigProps>;\n\nexport const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n    UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {children}\n        </Provider>\n    );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","NotificationNewHope","component","Notification","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAcA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,mBAAmB,gBAAGC,uBAAS,CAACL,YAAY,EAAC;AAMnD,IAAMM,YAAY,GAAGF,oBAAmE;IAElFG,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC/D,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACb,IAAAA,MAAM,EAAEH,YAAa;AAACW,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGJ,QACK,CAAC,CAAA;AAEnB;;;;;;"}

package/components/Notification/index.d.ts

@@ -1,2 +1,3 @@
-export { NotificationsProvider, Notification, addNotification, closeNotification } from './Notification';
-export type { NotificationIconPlacement, NotificationLayout, NotificationProps } from './Notification';
+export { NotificationsProvider, Notification } from './Notification';
+export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export type { NotificationProps, NotificationLayout, NotificationIconPlacement, } from '@salutejs/plasma-new-hope/styled-components';

package/emotion/cjs/components/Carousel/Carousel.config.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-solid-default);\n            "])), _emotion.carouselNewTokens.paginationDotBackground, _emotion.carouselNewTokens.paginationDotActiveBackground)
+    },
+    size: {
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    }
+  }
+};

package/emotion/cjs/components/Carousel/Carousel.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Carousel = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Carousel = /*#__PURE__*/require("./Carousel.config");
+var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.carouselNewConfig, _Carousel.config);
+var Carousel = exports.Carousel = /*#__PURE__*/(0, _emotion.component)(mergedConfig);

package/emotion/cjs/components/Carousel/Carousel.stories.tsx

@@ -0,0 +1,138 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import styled from 'styled-components';
+import { getConfigVariations, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { config } from './Carousel.config';
+import { Carousel } from './Carousel';
+
+import { CarouselItem } from './index';
+
+type StoryCarouselProps = ComponentProps<typeof Carousel> & {
+    slides: number;
+    visibleDots: number;
+    paginationDisabled: boolean;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
+
+const meta: Meta<StoryCarouselProps> = {
+    title: 'Navigation/Carousel',
+    component: Carousel,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        align: {
+            options: ['start', 'center', 'end', 'activeDirection'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        controlArrowsDisabled: {
+            control: 'boolean',
+        },
+        paginationDisabled: {
+            control: 'boolean',
+        },
+        paginationCentered: {
+            control: 'boolean',
+        },
+    },
+    args: {
+        view: 'default',
+        size: 's',
+        align: 'center',
+        slides: 10,
+        controlArrowsDisabled: false,
+        paginationDisabled: false,
+        paginationCentered: false,
+    },
+    parameters: {
+        controls: {
+            include: [
+                'align',
+                'visibleDots',
+                'slides',
+                'controlArrowsDisabled',
+                'paginationDisabled',
+                'paginationCentered',
+                'gap',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const StyledCard = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    border-radius: 8px;
+    width: 400px;
+    height: 370px;
+    background-color: #add8e6;
+    font-size: 30px;
+`;
+
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
+    const items = Array(slides)
+        .fill(1)
+        .map((_, i) => ({
+            id: i,
+            title: i,
+        }));
+
+    return (
+        <>
+            <div style={{ width: '600px' }}>
+                <Carousel
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
+    );
+};
+
+export const Default: StoryObj<StoryCarouselProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/cjs/components/Carousel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel.Carousel;
+  }
+});
+Object.defineProperty(exports, "CarouselItem", {
+  enumerable: true,
+  get: function get() {
+    return _emotion.CarouselItem;
+  }
+});
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Carousel = /*#__PURE__*/require("./Carousel");

package/emotion/cjs/components/Notification/Notification.js

@@ -3,32 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NotificationsProvider = exports.Notification = void 0;
-Object.defineProperty(exports, "addNotification", {
-  enumerable: true,
-  get: function get() {
-    return _emotion.addNotification;
-  }
-});
-Object.defineProperty(exports, "closeNotification", {
-  enumerable: true,
-  get: function get() {
-    return _emotion.closeNotification;
-  }
-});
-Object.defineProperty(exports, "modalClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.modalClasses;
-  }
-});
+exports.NotificationsProvider = exports.NotificationNewHope = exports.Notification = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
 var _Notification = /*#__PURE__*/require("./Notification.config");
-var _Modal = /*#__PURE__*/require("../Modal");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.notificationConfig, _Notification.config);
-var Notification = exports.Notification = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
+var NotificationNewHope = exports.NotificationNewHope = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
+var Notification = exports.Notification = NotificationNewHope;
 var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,

package/emotion/cjs/components/Notification/Notification.stories.tsx

@@ -4,19 +4,14 @@ import type { StoryObj, Meta } from '@storybook/react';
 import { IconDisclosureRight } from '@salutejs/plasma-icons';
 import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
 import { action } from '@storybook/addon-actions';
+import { addNotification } from '@salutejs/plasma-new-hope';
+import type { NotificationIconPlacement, NotificationLayout } from '@salutejs/plasma-new-hope';
 
 import { Button } from '../Button/Button';
 import { Modal } from '../Modal/Modal';
 import { PopupProvider } from '../Popup';
 
-import {
-    Notification,
-    NotificationsProvider,
-    NotificationPlacement,
-    NotificationIconPlacement,
-    NotificationLayout,
-    addNotification,
-} from './Notification';
+import { Notification, NotificationsProvider, NotificationPlacement } from './Notification';
 
 const titles = ['Выполнено', 'Внимание', 'Ошибка'];
 const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];

package/emotion/cjs/components/Notification/index.js

@@ -18,13 +18,14 @@ Object.defineProperty(exports, "NotificationsProvider", {
 Object.defineProperty(exports, "addNotification", {
   enumerable: true,
   get: function get() {
-    return _Notification.addNotification;
+    return _emotion.addNotification;
   }
 });
 Object.defineProperty(exports, "closeNotification", {
   enumerable: true,
   get: function get() {
-    return _Notification.closeNotification;
+    return _emotion.closeNotification;
   }
 });
-var _Notification = /*#__PURE__*/require("./Notification");
+var _Notification = /*#__PURE__*/require("./Notification");
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");

package/emotion/cjs/index.js

@@ -762,6 +762,17 @@ Object.keys(_List).forEach(function (key) {
     }
   });
 });
+var _Carousel = /*#__PURE__*/require("./components/Carousel");
+Object.keys(_Carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Carousel[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/emotion/es/components/Carousel/Carousel.config.js

@@ -0,0 +1,17 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-solid-default);\n            "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
+    },
+    size: {
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    }
+  }
+};

package/emotion/es/components/Carousel/Carousel.js

@@ -0,0 +1,5 @@
+import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
+import { config } from './Carousel.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(carouselNewConfig, config);
+var Carousel = /*#__PURE__*/component(mergedConfig);
+export { Carousel };

package/emotion/es/components/Carousel/Carousel.stories.tsx

@@ -0,0 +1,138 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import styled from 'styled-components';
+import { getConfigVariations, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { config } from './Carousel.config';
+import { Carousel } from './Carousel';
+
+import { CarouselItem } from './index';
+
+type StoryCarouselProps = ComponentProps<typeof Carousel> & {
+    slides: number;
+    visibleDots: number;
+    paginationDisabled: boolean;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
+
+const meta: Meta<StoryCarouselProps> = {
+    title: 'Navigation/Carousel',
+    component: Carousel,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        align: {
+            options: ['start', 'center', 'end', 'activeDirection'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        controlArrowsDisabled: {
+            control: 'boolean',
+        },
+        paginationDisabled: {
+            control: 'boolean',
+        },
+        paginationCentered: {
+            control: 'boolean',
+        },
+    },
+    args: {
+        view: 'default',
+        size: 's',
+        align: 'center',
+        slides: 10,
+        controlArrowsDisabled: false,
+        paginationDisabled: false,
+        paginationCentered: false,
+    },
+    parameters: {
+        controls: {
+            include: [
+                'align',
+                'visibleDots',
+                'slides',
+                'controlArrowsDisabled',
+                'paginationDisabled',
+                'paginationCentered',
+                'gap',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const StyledCard = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    border-radius: 8px;
+    width: 400px;
+    height: 370px;
+    background-color: #add8e6;
+    font-size: 30px;
+`;
+
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
+    const items = Array(slides)
+        .fill(1)
+        .map((_, i) => ({
+            id: i,
+            title: i,
+        }));
+
+    return (
+        <>
+            <div style={{ width: '600px' }}>
+                <Carousel
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
+    );
+};
+
+export const Default: StoryObj<StoryCarouselProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/es/components/Carousel/index.js

@@ -0,0 +1,2 @@
+export { CarouselItem } from '@salutejs/plasma-new-hope/emotion';
+export { Carousel } from './Carousel';

package/emotion/es/components/Notification/Notification.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { component, mergeConfig, notificationConfig, NotificationsProvider as Provider, addNotification, closeNotification } from '@salutejs/plasma-new-hope/emotion';
+import { notificationConfig, NotificationsProvider as Provider, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Notification.config';
-export { modalClasses } from '../Modal';
 var mergedConfig = /*#__PURE__*/mergeConfig(notificationConfig, config);
-export var Notification = /*#__PURE__*/component(mergedConfig);
+export var NotificationNewHope = /*#__PURE__*/component(mergedConfig);
+export var Notification = NotificationNewHope;
 export var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
@@ -16,5 +16,4 @@ export var NotificationsProvider = function NotificationsProvider(_ref) {
     placement: placement,
     UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
   }, children);
-};
-export { addNotification, closeNotification };
+};

package/emotion/es/components/Notification/Notification.stories.tsx

@@ -4,19 +4,14 @@ import type { StoryObj, Meta } from '@storybook/react';
 import { IconDisclosureRight } from '@salutejs/plasma-icons';
 import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
 import { action } from '@storybook/addon-actions';
+import { addNotification } from '@salutejs/plasma-new-hope';
+import type { NotificationIconPlacement, NotificationLayout } from '@salutejs/plasma-new-hope';
 
 import { Button } from '../Button/Button';
 import { Modal } from '../Modal/Modal';
 import { PopupProvider } from '../Popup';
 
-import {
-    Notification,
-    NotificationsProvider,
-    NotificationPlacement,
-    NotificationIconPlacement,
-    NotificationLayout,
-    addNotification,
-} from './Notification';
+import { Notification, NotificationsProvider, NotificationPlacement } from './Notification';
 
 const titles = ['Выполнено', 'Внимание', 'Ошибка'];
 const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];

package/emotion/es/components/Notification/index.js

@@ -1 +1,2 @@
-export { NotificationsProvider, Notification, addNotification, closeNotification } from './Notification';
+export { NotificationsProvider, Notification } from './Notification';
+export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/index.js

@@ -67,5 +67,6 @@ export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/CodeField';
 export * from './components/List';
+export * from './components/Carousel';
 export * from './mixins';
 export * from './tokens';

package/es/components/Carousel/Carousel.config.js

@@ -0,0 +1,18 @@
+import './Carousel.config_1r461vi.css';
+var config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": "dv63qpm"
+    },
+    size: {
+      s: "s13btmod"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=Carousel.config.js.map

package/es/components/Carousel/Carousel.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.config.js","sources":["../../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n                ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n            `,\n        },\n        size: {\n            s: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAIV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AACL,KAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Carousel/Carousel.config_1r461vi.css

@@ -0,0 +1,2 @@
+.dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
+

package/es/components/Carousel/Carousel.css

@@ -0,0 +1,2 @@
+.Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
+

package/es/components/Carousel/Carousel.js

@@ -0,0 +1,8 @@
+import { component, mergeConfig, carouselNewConfig } from '@salutejs/plasma-new-hope';
+import { config } from './Carousel.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(carouselNewConfig, config);
+var Carousel = /*#__PURE__*/component(mergedConfig);
+
+export { Carousel };
+//# sourceMappingURL=Carousel.js.map

package/es/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Carousel.config';\n\nconst mergedConfig = mergeConfig(carouselNewConfig, config);\nconst Carousel = component(mergedConfig);\n\nexport { Carousel };\n"],"names":["mergedConfig","mergeConfig","carouselNewConfig","config","Carousel","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,QAAQ,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/es/components/Notification/Notification.css

@@ -8,5 +8,3 @@
 .Notification_config_132q76f_djsygjg__1e3f7ddc{--plasma-notification-close-icon-button-size:1.5rem;--plasma-notification-close-icon-size:1.5rem;}
 .Notification_config_132q76f_x5jqj9y__1e3f7ddc{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
 .Notification_config_132q76f_x1e2dde6__1e3f7ddc{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
-
-.Modal_config_1c34cg3_d142ug3n__b666ae01{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft);--plasma-modal-body-background:var(--surface-solid-card);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:2rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary);--plasma-modal-close-button-hover-color:var(--text-secondary-hover);--plasma-modal-close-button-active-color:var(--text-secondary-active);--plasma-modal-outline-focus-color:var(--surface-accent);}

package/es/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { component, NotificationsProvider as NotificationsProvider$1, mergeConfig, notificationConfig } from '@salutejs/plasma-new-hope';
-export { addNotification, closeNotification, modalClasses } from '@salutejs/plasma-new-hope';
+import { NotificationsProvider as NotificationsProvider$1, mergeConfig, notificationConfig, component } from '@salutejs/plasma-new-hope';
 import { config } from './Notification.config.js';
 
 var mergedConfig = /*#__PURE__*/mergeConfig(notificationConfig, config);
-var Notification = /*#__PURE__*/component(mergedConfig);
+var NotificationNewHope = /*#__PURE__*/component(mergedConfig);
+var Notification = NotificationNewHope;
 var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
@@ -19,5 +19,5 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
   }, children);
 };
 
-export { Notification, NotificationsProvider };
+export { Notification, NotificationNewHope, NotificationsProvider };
 //# sourceMappingURL=Notification.js.map

package/es/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    component,\n    mergeConfig,\n    notificationConfig,\n    NotificationProps,\n    NotificationsProvider as Provider,\n    NotificationIconPlacement,\n    NotificationPlacement,\n    NotificationLayout,\n    addNotification,\n    closeNotification,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport { modalClasses } from '../Modal';\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n    UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {children}\n        </Provider>\n    );\n};\n\nexport type { NotificationIconPlacement, NotificationPlacement, NotificationLayout, NotificationProps };\nexport { addNotification, closeNotification };\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;;AAkBA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,SAAS,CAACL,YAAY,EAAC;IAEtCM,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC/D,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,uBAAQ,EAAA;AAACZ,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGJ,QACK,CAAC,CAAA;AAEnB;;;;"}
+{"version":3,"file":"Notification.js","sources":["../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';\nimport {\n    NotificationProps as NotificationPropsNewHope,\n    NotificationPlacement,\n    notificationConfig,\n    NotificationsProvider as Provider,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const NotificationNewHope = component(mergedConfig);\n\ntype ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';\ntype NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &\n    Omit<NotificationPropsNewHope, ConfigProps>;\n\nexport const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n    UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {children}\n        </Provider>\n    );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","NotificationNewHope","component","Notification","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;AAcA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC,CAAA;IAE/CC,mBAAmB,gBAAGC,SAAS,CAACL,YAAY,EAAC;AAMnD,IAAMM,YAAY,GAAGF,oBAAmE;IAElFG,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC/D,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,uBAAQ,EAAA;AAACb,IAAAA,MAAM,EAAEH,YAAa;AAACW,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGJ,QACK,CAAC,CAAA;AAEnB;;;;"}

package/es/index.css

@@ -160,6 +160,9 @@
 .Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
 .Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
 
+.Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
+
+
 .Cell_config_iu83fc_d1r8c7fn__e648e65f{--plasma-cell-color:var(--text-primary);--plasma-cell-label-color:var(--text-secondary);--plasma-cell-title-color:var(--text-primary);--plasma-cell-subtitle-color:var(--text-secondary);--plasma-cell-background-color:transparent;}
 .Cell_config_iu83fc_ljpyikk__e648e65f{--plasma-cell-width:15rem;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0.125rem;--plasma-cell-gap:0.375rem;--plasma-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);}
 .Cell_config_iu83fc_m1cazhtd__e648e65f{--plasma-cell-width:15rem;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0.125rem;--plasma-cell-gap:0.5rem;--plasma-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);}

package/es/index.js

@@ -1,5 +1,5 @@
 export { Accordion } from './components/Accordion/Accordion.js';
-export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope';
+export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope';
 export { Attach } from './components/Attach/Attach.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
@@ -10,6 +10,7 @@ export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
 export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './components/Calendar/Calendar.js';
 export { Card } from './components/Card/Card.js';
+export { Carousel } from './components/Carousel/Carousel.js';
 export { Cell } from './components/Cell/Cell.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { Chip } from './components/Chip/Chip.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -67,5 +67,6 @@ export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/CodeField';
 export * from './components/List';
+export * from './components/Carousel';
 export * from './mixins';
 export * from './tokens';

package/index.js

@@ -14,6 +14,7 @@ var Button = require('./components/Button/Button.js');
 var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
 var Calendar = require('./components/Calendar/Calendar.js');
 var Card = require('./components/Card/Card.js');
+var Carousel = require('./components/Carousel/Carousel.js');
 var Cell = require('./components/Cell/Cell.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Chip = require('./components/Chip/Chip.js');
@@ -90,6 +91,10 @@ Object.defineProperty(exports, 'CardInnerContent', {
 	enumerable: true,
 	get: function () { return plasmaNewHope.CardInnerContent; }
 });
+Object.defineProperty(exports, 'CarouselItem', {
+	enumerable: true,
+	get: function () { return plasmaNewHope.CarouselItem; }
+});
 Object.defineProperty(exports, 'CellTextbox', {
 	enumerable: true,
 	get: function () { return plasmaNewHope.CellTextbox; }
@@ -288,6 +293,7 @@ exports.CalendarBaseRange = Calendar.CalendarBaseRange;
 exports.CalendarDouble = Calendar.CalendarDouble;
 exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
 exports.Card = Card.Card;
+exports.Carousel = Carousel.Carousel;
 exports.Cell = Cell.Cell;
 exports.Checkbox = Checkbox.Checkbox;
 exports.Chip = Chip.Chip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-serv",
-  "version": "0.313.0-canary.2016.15553329485.0",
+  "version": "0.313.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS SERV web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -32,8 +32,8 @@
     "directory": "packages/sdds-serv"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.326.0-canary.2016.15553329485.0",
-    "@salutejs/sdds-themes": "0.38.0-canary.2016.15553329485.0"
+    "@salutejs/plasma-new-hope": "0.326.0-dev.0",
+    "@salutejs/sdds-themes": "0.38.0-dev.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -63,10 +63,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.15.0",
-    "@salutejs/plasma-core": "1.198.0-canary.2016.15553329485.0",
-    "@salutejs/plasma-cy-utils": "0.129.0-canary.2016.15553329485.0",
+    "@salutejs/plasma-core": "1.198.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.129.0-dev.0",
     "@salutejs/plasma-icons": "1.218.0",
-    "@salutejs/plasma-sb-utils": "0.199.0-canary.2016.15553329485.0",
+    "@salutejs/plasma-sb-utils": "0.199.0-dev.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "c78373876f8c65b9f297fa93b5c552d6bf7a478e"
+  "gitHead": "9a5b37006a4b06460d4f83bc2f17f38b3d33fea9"
 }

package/styled-components/cjs/components/Carousel/Carousel.config.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-solid-default);\n            "])), _styledComponents.carouselNewTokens.paginationDotBackground, _styledComponents.carouselNewTokens.paginationDotActiveBackground)
+    },
+    size: {
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    }
+  }
+};

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Carousel = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Carousel = /*#__PURE__*/require("./Carousel.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.carouselNewConfig, _Carousel.config);
+var Carousel = exports.Carousel = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel.Carousel;
+  }
+});
+Object.defineProperty(exports, "CarouselItem", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.CarouselItem;
+  }
+});
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Carousel = /*#__PURE__*/require("./Carousel");

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

@@ -3,32 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NotificationsProvider = exports.Notification = void 0;
-Object.defineProperty(exports, "addNotification", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.addNotification;
-  }
-});
-Object.defineProperty(exports, "closeNotification", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.closeNotification;
-  }
-});
-Object.defineProperty(exports, "modalClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.modalClasses;
-  }
-});
+exports.NotificationsProvider = exports.NotificationNewHope = exports.Notification = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Notification = /*#__PURE__*/require("./Notification.config");
-var _Modal = /*#__PURE__*/require("../Modal");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.notificationConfig, _Notification.config);
-var Notification = exports.Notification = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var NotificationNewHope = exports.NotificationNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var Notification = exports.Notification = NotificationNewHope;
 var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,

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

@@ -18,13 +18,14 @@ Object.defineProperty(exports, "NotificationsProvider", {
 Object.defineProperty(exports, "addNotification", {
   enumerable: true,
   get: function get() {
-    return _Notification.addNotification;
+    return _styledComponents.addNotification;
   }
 });
 Object.defineProperty(exports, "closeNotification", {
   enumerable: true,
   get: function get() {
-    return _Notification.closeNotification;
+    return _styledComponents.closeNotification;
   }
 });
-var _Notification = /*#__PURE__*/require("./Notification");
+var _Notification = /*#__PURE__*/require("./Notification");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");

package/styled-components/cjs/index.js

@@ -762,6 +762,17 @@ Object.keys(_List).forEach(function (key) {
     }
   });
 });
+var _Carousel = /*#__PURE__*/require("./components/Carousel");
+Object.keys(_Carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Carousel[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/styled-components/es/components/Carousel/Carousel.config.js

@@ -0,0 +1,17 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-solid-default);\n            "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
+    },
+    size: {
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    }
+  }
+};

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

@@ -0,0 +1,5 @@
+import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Carousel.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(carouselNewConfig, config);
+var Carousel = /*#__PURE__*/component(mergedConfig);
+export { Carousel };

package/styled-components/es/components/Carousel/index.js

@@ -0,0 +1,2 @@
+export { CarouselItem } from '@salutejs/plasma-new-hope/styled-components';
+export { Carousel } from './Carousel';

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { component, mergeConfig, notificationConfig, NotificationsProvider as Provider, addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+import { notificationConfig, NotificationsProvider as Provider, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Notification.config';
-export { modalClasses } from '../Modal';
 var mergedConfig = /*#__PURE__*/mergeConfig(notificationConfig, config);
-export var Notification = /*#__PURE__*/component(mergedConfig);
+export var NotificationNewHope = /*#__PURE__*/component(mergedConfig);
+export var Notification = NotificationNewHope;
 export var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
@@ -16,5 +16,4 @@ export var NotificationsProvider = function NotificationsProvider(_ref) {
     placement: placement,
     UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
   }, children);
-};
-export { addNotification, closeNotification };
+};

package/styled-components/es/components/Notification/index.js

@@ -1 +1,2 @@
-export { NotificationsProvider, Notification, addNotification, closeNotification } from './Notification';
+export { NotificationsProvider, Notification } from './Notification';
+export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';

package/styled-components/es/index.js

@@ -67,5 +67,6 @@ export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/CodeField';
 export * from './components/List';
+export * from './components/Carousel';
 export * from './mixins';
 export * from './tokens';