@salutejs/sdds-cs 0.318.0-canary.2013.15538813402.0 → 0.318.0-canary.2013.15558438626.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,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/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,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/components/Carousel/index.d.ts

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

package/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/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;
     };
@@ -17,11 +17,12 @@ export declare const Notification: React.FunctionComponent<import("@salutejs/pla
         thin: 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

@@ -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/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/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/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,139 @@
+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
+                    detectActive
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i} scrollSnapAlign={align}>
+                            <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, IconSber } from '@salutejs/plasma-icons';
 import { disableProps, 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

@@ -707,6 +707,17 @@ Object.keys(_ToastNew).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,139 @@
+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
+                    detectActive
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i} scrollSnapAlign={align}>
+                            <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, IconSber } from '@salutejs/plasma-icons';
 import { disableProps, 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

@@ -62,5 +62,6 @@ export * from './components/Tree';
 export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/ToastNew';
+export * from './components/Carousel';
 export * from './mixins';
 export * from './tokens';

package/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/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/es/components/Carousel/index.js

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

package/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/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/es/index.js

@@ -62,5 +62,6 @@ export * from './components/Tree';
 export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/ToastNew';
+export * from './components/Carousel';
 export * from './mixins';
 export * from './tokens';

package/index.d.ts

@@ -62,5 +62,6 @@ export * from './components/Tree';
 export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/ToastNew';
+export * from './components/Carousel';
 export * from './mixins';
 export * from './tokens';

package/index.js

@@ -707,6 +707,17 @@ Object.keys(_ToastNew).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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.318.0-canary.2013.15538813402.0",
+  "version": "0.318.0-canary.2013.15558438626.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,8 +30,8 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.326.0-canary.2013.15538813402.0",
-    "@salutejs/sdds-themes": "0.38.0-canary.2013.15538813402.0"
+    "@salutejs/plasma-new-hope": "0.326.0-canary.2013.15558438626.0",
+    "@salutejs/sdds-themes": "0.38.0-canary.2013.15558438626.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
     "@microsoft/api-extractor": "7.38.3",
     "@originjs/vite-plugin-commonjs": "1.0.3",
     "@salutejs/plasma-colors": "0.15.0",
-    "@salutejs/plasma-core": "1.198.0-canary.2013.15538813402.0",
-    "@salutejs/plasma-cy-utils": "0.129.0-canary.2013.15538813402.0",
+    "@salutejs/plasma-core": "1.198.0-canary.2013.15558438626.0",
+    "@salutejs/plasma-cy-utils": "0.129.0-canary.2013.15558438626.0",
     "@salutejs/plasma-icons": "1.218.0",
-    "@salutejs/plasma-sb-utils": "0.199.0-canary.2013.15538813402.0",
+    "@salutejs/plasma-sb-utils": "0.199.0-canary.2013.15558438626.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "c9773f0abdb0d59770e720e4428fc9b8b0b1b9c1"
+  "gitHead": "b928acc663c38a8dc645267f0cc4f9b65bb28ffc"
 }