@salutejs/plasma-web 1.579.1-canary.1946.14720346696.0 → 1.579.1-canary.1946.14726590345.0

package/components/Carousel/Carousel.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Carousel: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & Omit<import("@salutejs/plasma-new-hope/types/components/Carousel/Carousel.types").BasicProps & (import("@salutejs/plasma-new-hope/types/components/Carousel/Carousel.types").DetectionProps | import("@salutejs/plasma-new-hope/types/components/Carousel/Carousel.types").NoDetectionProps), "axis" | "animatedScrollByIndex" | "throttleMs" | "debounceMs"> & {
+    ariaLive?: "off" | "polite" | undefined;
+    isDragScrollDisabled?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

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 mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.carouselConfig);
+var CarouselComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var Carousel = exports.Carousel = CarouselComponent;

package/components/Carousel/index.d.ts

@@ -1,4 +1,5 @@
-export { Carousel, CarouselGridWrapper } from '@salutejs/plasma-hope';
-export type { CarouselProps } from '@salutejs/plasma-hope';
-export { CarouselItem } from '@salutejs/plasma-hope';
-export type { CarouselItemProps } from '@salutejs/plasma-hope';
+export { CarouselGridWrapper } from '@salutejs/plasma-new-hope/styled-components';
+export type { CarouselProps } from '@salutejs/plasma-new-hope';
+export { Carousel } from './Carousel';
+export { CarouselItem } from '@salutejs/plasma-new-hope/styled-components';
+export type { CarouselItemProps } from '@salutejs/plasma-new-hope';

package/components/Carousel/index.js

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

package/css/cjs/components/Carousel/Carousel.js

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

package/css/cjs/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(carouselConfig);\nconst CarouselComponent = component(mergedConfig);\n\nexport const Carousel = CarouselComponent;\n"],"names":["mergedConfig","mergeConfig","carouselConfig","CarouselComponent","component","Carousel"],"mappings":";;;;;;AAEA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,CAAC,CAAA;AAChD,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACJ,YAAY,CAAC,CAAA;AAE1C,IAAMK,QAAQ,GAAGF;;;;"}

package/css/cjs/index.js

@@ -13,6 +13,7 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
 var Button = require('./components/Button/Button.js');
 var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
 var Calendar = require('./components/Calendar/Calendar.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');
@@ -84,6 +85,14 @@ Object.defineProperty(exports, 'ButtonBase', {
 	enumerable: true,
 	get: function () { return plasmaNewHope.ButtonBase; }
 });
+Object.defineProperty(exports, 'CarouselGridWrapper', {
+	enumerable: true,
+	get: function () { return plasmaNewHope.CarouselGridWrapper; }
+});
+Object.defineProperty(exports, 'CarouselItem', {
+	enumerable: true,
+	get: function () { return plasmaNewHope.CarouselItem; }
+});
 Object.defineProperty(exports, 'CellTextbox', {
 	enumerable: true,
 	get: function () { return plasmaNewHope.CellTextbox; }
@@ -250,6 +259,7 @@ exports.CalendarBase = Calendar.CalendarBase;
 exports.CalendarBaseRange = Calendar.CalendarBaseRange;
 exports.CalendarDouble = Calendar.CalendarDouble;
 exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
+exports.Carousel = Carousel.Carousel;
 exports.Cell = Cell.Cell;
 exports.Checkbox = Checkbox.Checkbox;
 exports.Chip = Chip.Chip;

package/css/cjs/index.js.map

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

package/css/es/components/Carousel/Carousel.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(carouselConfig);\nconst CarouselComponent = component(mergedConfig);\n\nexport const Carousel = CarouselComponent;\n"],"names":["mergedConfig","mergeConfig","carouselConfig","CarouselComponent","component","Carousel"],"mappings":";;AAEA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,CAAC,CAAA;AAChD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAE1C,IAAMK,QAAQ,GAAGF;;;;"}

package/css/es/index.js

@@ -1,4 +1,4 @@
-export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
+export { AccordionItem, ButtonBase, CarouselGridWrapper, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
 export { Accordion } from './components/Accordion/Accordion.js';
 export { Attach } from './components/Attach/Attach.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
@@ -9,6 +9,7 @@ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 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 { 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/css/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/css/index.d.ts

@@ -9,6 +9,7 @@ export * from '../components/Button';
 export * from '../components/ButtonBase';
 export * from '../components/ButtonGroup';
 export * from '../components/Calendar';
+export * from '../components/Carousel';
 export * from '../components/Cell';
 export * from '../components/Checkbox';
 export * from '../components/Chip';
@@ -76,6 +77,7 @@ export * from '../components/Button';
 export * from '../components/ButtonBase';
 export * from '../components/ButtonGroup';
 export * from '../components/Calendar';
+export * from '../components/Carousel';
 export * from '../components/Cell';
 export * from '../components/Checkbox';
 export * from '../components/Chip';

package/es/components/Carousel/Carousel.js

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

package/es/components/Carousel/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.579.1-canary.1946.14720346696.0",
+  "version": "1.579.1-canary.1946.14726590345.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -20,9 +20,9 @@
   },
   "dependencies": {
     "@salutejs/plasma-core": "1.196.0",
-    "@salutejs/plasma-hope": "1.339.1-canary.1946.14720346696.0",
-    "@salutejs/plasma-new-hope": "0.321.1-canary.1946.14720346696.0",
-    "@salutejs/plasma-themes": "0.32.1-canary.1946.14720346696.0",
+    "@salutejs/plasma-hope": "1.339.1-canary.1946.14726590345.0",
+    "@salutejs/plasma-new-hope": "0.321.1-canary.1946.14726590345.0",
+    "@salutejs/plasma-themes": "0.32.1-canary.1946.14726590345.0",
     "@salutejs/plasma-tokens-b2b": "1.48.0",
     "@salutejs/plasma-tokens-b2c": "0.59.0",
     "@salutejs/plasma-tokens-web": "1.64.0",
@@ -51,7 +51,7 @@
     "@salutejs/plasma-colors": "0.15.0",
     "@salutejs/plasma-cy-utils": "0.127.0",
     "@salutejs/plasma-icons": "1.217.0",
-    "@salutejs/plasma-sb-utils": "0.196.1-canary.1946.14720346696.0",
+    "@salutejs/plasma-sb-utils": "0.196.1-canary.1946.14726590345.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "c55f5f12522e9d07f77ae71f58c3b80e29269b40"
+  "gitHead": "367169b3e9c0a8b1e8167f7dc45a256420990fbb"
 }

package/components/Carousel/Carousel.perftest.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _Carousel = /*#__PURE__*/require("./Carousel.examples");
-var _ = /*#__PURE__*/require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var items = /*#__PURE__*/Array(25).fill({
-  title: 'Слайд',
-  subtitle: 'Описание слайда',
-  imageSrc: 'images/320_320_n.jpg',
-  imageAlt: 'Картинка'
-}).map(function (_ref, i) {
-  var title = _ref.title,
-    subtitle = _ref.subtitle,
-    imageSrc = _ref.imageSrc,
-    imageAlt = _ref.imageAlt;
-  return {
-    id: "slide_".concat(i),
-    title: "".concat(title, " ").concat(i),
-    subtitle: "".concat(subtitle, " ").concat(i),
-    imageSrc: imageSrc.replace('n', i % 12),
-    imageAlt: "".concat(imageAlt, " ").concat(i)
-  };
-});
-var defaultStyle = {
-  margin: '0 -0.5rem'
-};
-var defaultCarouselItemStyle = {
-  width: '20rem',
-  padding: '0 0.5rem'
-};
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_.Carousel, {
-    index: 0,
-    style: defaultStyle
-  }, items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_.CarouselItem, {
-      key: item.id,
-      style: defaultCarouselItemStyle
-    }, /*#__PURE__*/_react["default"].createElement(_Carousel.CarouselCard, {
-      id: item.id,
-      title: item.title,
-      subtitle: item.subtitle,
-      imageSrc: item.imageSrc,
-      imageAlt: item.imageAlt
-    }));
-  }));
-};

package/es/components/Carousel/Carousel.perftest.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { CarouselCard } from './Carousel.examples';
-import { Carousel, CarouselItem } from '.';
-var items = /*#__PURE__*/Array(25).fill({
-  title: 'Слайд',
-  subtitle: 'Описание слайда',
-  imageSrc: 'images/320_320_n.jpg',
-  imageAlt: 'Картинка'
-}).map(function (_ref, i) {
-  var title = _ref.title,
-    subtitle = _ref.subtitle,
-    imageSrc = _ref.imageSrc,
-    imageAlt = _ref.imageAlt;
-  return {
-    id: "slide_".concat(i),
-    title: "".concat(title, " ").concat(i),
-    subtitle: "".concat(subtitle, " ").concat(i),
-    imageSrc: imageSrc.replace('n', i % 12),
-    imageAlt: "".concat(imageAlt, " ").concat(i)
-  };
-});
-var defaultStyle = {
-  margin: '0 -0.5rem'
-};
-var defaultCarouselItemStyle = {
-  width: '20rem',
-  padding: '0 0.5rem'
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Carousel, {
-    index: 0,
-    style: defaultStyle
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(CarouselItem, {
-      key: item.id,
-      style: defaultCarouselItemStyle
-    }, /*#__PURE__*/React.createElement(CarouselCard, {
-      id: item.id,
-      title: item.title,
-      subtitle: item.subtitle,
-      imageSrc: item.imageSrc,
-      imageAlt: item.imageAlt
-    }));
-  }));
-};