@salutejs/sdds-serv 0.313.0-canary.2016.15556762192.0 → 0.314.0-canary.2017.15563553996.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/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/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/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/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.15556762192.0",
+  "version": "0.314.0-canary.2017.15563553996.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.15556762192.0",
-    "@salutejs/sdds-themes": "0.38.0-canary.2016.15556762192.0"
+    "@salutejs/plasma-new-hope": "0.327.0-canary.2017.15563553996.0",
+    "@salutejs/sdds-themes": "0.39.0-canary.2017.15563553996.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.15556762192.0",
-    "@salutejs/plasma-cy-utils": "0.129.0-canary.2016.15556762192.0",
+    "@salutejs/plasma-core": "1.199.0-canary.2017.15563553996.0",
+    "@salutejs/plasma-cy-utils": "0.130.0-canary.2017.15563553996.0",
     "@salutejs/plasma-icons": "1.218.0",
-    "@salutejs/plasma-sb-utils": "0.199.0-canary.2016.15556762192.0",
+    "@salutejs/plasma-sb-utils": "0.200.0-canary.2017.15563553996.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": "8cbbc6b2a529b3cc9d1dc3711281e08f03702238"
+  "gitHead": "2a5e2690e83a144ee5db72d4757c09ff3e9d61f6"
 }

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/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/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';