@salutejs/plasma-web 1.579.1-canary.1945.14664020647.0 → 1.579.1-canary.1946.14663041744.0

package/components/Carousel/Carousel.perftest.js

@@ -0,0 +1,52 @@
+"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/components/Carousel/index.d.ts

@@ -1,5 +1,4 @@
-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';
+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';

package/components/Carousel/index.js

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

package/css/cjs/index.js

@@ -13,7 +13,6 @@ 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');
@@ -85,14 +84,6 @@ 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; }
@@ -259,7 +250,6 @@ 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/index.js

@@ -1,4 +1,4 @@
-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 { 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 { Accordion } from './components/Accordion/Accordion.js';
 export { Attach } from './components/Attach/Attach.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
@@ -9,7 +9,6 @@ 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,7 +9,6 @@ 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';
@@ -77,7 +76,6 @@ 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.perftest.js

@@ -0,0 +1,45 @@
+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
+    }));
+  }));
+};

package/es/components/Carousel/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.579.1-canary.1945.14664020647.0",
+  "version": "1.579.1-canary.1946.14663041744.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.1945.14664020647.0",
-    "@salutejs/plasma-new-hope": "0.321.1-canary.1945.14664020647.0",
-    "@salutejs/plasma-themes": "0.32.1-canary.1945.14664020647.0",
+    "@salutejs/plasma-hope": "1.339.1-canary.1946.14663041744.0",
+    "@salutejs/plasma-new-hope": "0.321.1-canary.1946.14663041744.0",
+    "@salutejs/plasma-themes": "0.32.1-canary.1946.14663041744.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.1945.14664020647.0",
+    "@salutejs/plasma-sb-utils": "0.196.1-canary.1946.14663041744.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": "3ea8a0f36c836bdc890f321f3310f9f6f624a766"
+  "gitHead": "914bf248093b4dd5db4c6d422cd663942234d9f1"
 }

package/components/Carousel/Carousel.d.ts

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

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

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

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

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

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

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

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