@salutejs/sdds-cs 0.319.0-canary.2017.15580400507.0 → 0.319.0-canary.2020.15698332896.0

package/CHANGELOG.md

@@ -1,3 +1,52 @@
+## 0.318.0 (11 июня 2025)
+
+## Функциональные изменения в компонентах
+
+### Select, Combobox
+
+* добавлена возможность использовать кнопку `Выбрать всё` внутри выпадающего списка;
+
+![Kapture 2025-06-11 at 11 52 38](https://github.com/user-attachments/assets/95108fe4-29ec-486d-a964-b5340748ad04)
+
+[PR](https://github.com/salute-developers/plasma/pull/1986)
+
+### Popover
+
+* добавлена обработка случая, когда frame передан как ID
+
+[PR](https://github.com/salute-developers/plasma/pull/2001)
+
+### Sheet
+
+* добавлена проверка `canUseDOM` перед использованием document
+
+[PR](https://github.com/salute-developers/plasma/pull/2014)
+
+### DatePicker
+
+* добавлено свойство `closeAfterDateSelect` в одиночный DatePicker
+
+![Kapture 2025-06-11 at 12 47 51](https://github.com/user-attachments/assets/f7751193-9316-4e5c-9111-2b8590fd42d9)
+
+[PR](https://github.com/salute-developers/plasma/pull/2012)
+
+### Notification
+
+* добавлен `type-cast` для корректной типизации
+
+<img width="977" alt="image" src="https://github.com/user-attachments/assets/99858965-49ff-4fc0-bec9-b3f79d2fa965" />
+
+[PR](https://github.com/salute-developers/plasma/pull/2015)
+
+### Carousel
+
+* добавлена элементы управления: пагинация, стрелочки
+
+![Kapture 2025-06-11 at 11 28 34](https://github.com/user-attachments/assets/5ace4ec0-3ed6-4556-bf94-ec8abb2d7798)
+
+[PR](https://github.com/salute-developers/plasma/pull/2013)
+
+
 ## 0.317.0 (29 мая 2025)
 
 ## Функциональные изменения в компонентах

package/emotion/cjs/index.js

@@ -707,17 +707,6 @@ 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/index.js

@@ -62,6 +62,5 @@ 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/index.js

@@ -62,6 +62,5 @@ 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,6 +62,5 @@ 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,17 +707,6 @@ 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.319.0-canary.2017.15580400507.0",
+  "version": "0.319.0-canary.2020.15698332896.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.327.0-canary.2017.15580400507.0",
-    "@salutejs/sdds-themes": "0.39.0-canary.2017.15580400507.0"
+    "@salutejs/plasma-new-hope": "0.327.0-canary.2020.15698332896.0",
+    "@salutejs/sdds-themes": "0.38.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.199.0-canary.2017.15580400507.0",
-    "@salutejs/plasma-cy-utils": "0.130.0-canary.2017.15580400507.0",
+    "@salutejs/plasma-core": "1.199.0-canary.2020.15698332896.0",
+    "@salutejs/plasma-cy-utils": "0.130.0-canary.2020.15698332896.0",
     "@salutejs/plasma-icons": "1.218.0",
-    "@salutejs/plasma-sb-utils": "0.200.0-canary.2017.15580400507.0",
+    "@salutejs/plasma-sb-utils": "0.200.0-canary.2020.15698332896.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": "a28707216581925a8e800c6ed645f5c56b8afd5c"
+  "gitHead": "cac49b2573417e0bd77e5ddcb06c055122324b92"
 }

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

@@ -1,14 +0,0 @@
-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

@@ -1,23 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,10 +0,0 @@
-"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

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

package/components/Carousel/index.js

@@ -1,19 +0,0 @@
-"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/emotion/cjs/components/Carousel/Carousel.config.js

@@ -1,23 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

@@ -1,137 +0,0 @@
-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: [
-                '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

@@ -1,19 +0,0 @@
-"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/es/components/Carousel/Carousel.config.js

@@ -1,17 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,137 +0,0 @@
-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: [
-                '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

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

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

@@ -1,17 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

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