@gravity-ui/page-constructor 5.27.1 → 5.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/build/cjs/blocks/Slider/Slider.css +2 -0
  2. package/build/cjs/blocks/SliderNew/Slider.css +4 -0
  3. package/build/cjs/blocks/SliderNew/Slider.js +1 -1
  4. package/build/cjs/components/MediaBase/MediaBase.js +1 -1
  5. package/build/cjs/sub-blocks/ImageCard/ImageCard.css +8 -0
  6. package/build/esm/blocks/Slider/Slider.css +2 -0
  7. package/build/esm/blocks/SliderNew/Slider.css +4 -0
  8. package/build/esm/blocks/SliderNew/Slider.js +1 -1
  9. package/build/esm/components/MediaBase/MediaBase.js +1 -1
  10. package/build/esm/sub-blocks/ImageCard/ImageCard.css +8 -0
  11. package/package.json +1 -1
  12. package/widget/index.js +1 -1
package/build/cjs/blocks/Slider/Slider.css CHANGED
@@ -106,6 +106,8 @@ unpredictable css rules order in build */
106
106
  }
107
107
  .pc-SliderBlock .slick-track .slick-slide > div {
108
108
  display: flex;
109
+ width: 100%;
110
+ height: 100%;
109
111
  }
110
112
  .pc-SliderBlock .slick-arrow {
111
113
  position: absolute;
package/build/cjs/blocks/SliderNew/Slider.css CHANGED
@@ -27,6 +27,10 @@ unpredictable css rules order in build */
27
27
  .pc-SliderNewBlock__slide.swiper-slide.swiper-slide-visible {
28
28
  animation: safari-fix 300ms;
29
29
  }
30
+ .pc-SliderNewBlock .pc-SliderNewBlock__slide-item {
31
+ width: 100%;
32
+ height: 100%;
33
+ }
30
34
  .pc-SliderNewBlock__arrow {
31
35
  position: absolute;
32
36
  top: -2px;
package/build/cjs/blocks/SliderNew/Slider.js CHANGED
@@ -45,7 +45,7 @@ const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows =
45
45
  react_1.default.createElement(react_2.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
46
46
  slideLabelMessage: '',
47
47
  paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
48
- } }, paginationProps), react_1.default.Children.map(children, (elem, index) => (react_1.default.createElement(react_2.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (react_1.default.createElement("div", { "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
48
+ } }, paginationProps), react_1.default.Children.map(children, (elem, index) => (react_1.default.createElement(react_2.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (react_1.default.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
49
49
  arrows && !isLocked && (react_1.default.createElement(react_1.Fragment, null,
50
50
  react_1.default.createElement("div", { "aria-hidden": isA11yControlHidden },
51
51
  react_1.default.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
package/build/cjs/components/MediaBase/MediaBase.js CHANGED
@@ -32,7 +32,7 @@ const MediaBase = (props) => {
32
32
  }) },
33
33
  react_1.default.createElement(grid_1.Col, { className: b('content'), sizes: contentSizes }, mediaContent),
34
34
  card ? (react_1.default.createElement(grid_1.Col, { sizes: mediaSizes },
35
- react_1.default.createElement("div", null, card))) : null))));
35
+ react_1.default.createElement("div", { className: b('card') }, card))) : null))));
36
36
  };
37
37
  exports.MediaBase = MediaBase;
38
38
  exports.MediaBase.Card = Card;
package/build/cjs/sub-blocks/ImageCard/ImageCard.css CHANGED
@@ -16,6 +16,14 @@ unpredictable css rules order in build */
16
16
  .pc-image-card_border_line {
17
17
  border: 1px solid var(--g-color-line-generic);
18
18
  }
19
+ @media (min-width: 577px) {
20
+ .slick-slide:not(.slick-active) .pc-image-card {
21
+ box-shadow: none;
22
+ }
23
+ .swiper-slide:not(.swiper-slide-visible) .pc-image-card {
24
+ box-shadow: none;
25
+ }
26
+ }
19
27
  .pc-image-card .pc-image-card__content {
20
28
  display: flex;
21
29
  padding: 32px;
package/build/esm/blocks/Slider/Slider.css CHANGED
@@ -106,6 +106,8 @@ unpredictable css rules order in build */
106
106
  }
107
107
  .pc-SliderBlock .slick-track .slick-slide > div {
108
108
  display: flex;
109
+ width: 100%;
110
+ height: 100%;
109
111
  }
110
112
  .pc-SliderBlock .slick-arrow {
111
113
  position: absolute;
package/build/esm/blocks/SliderNew/Slider.css CHANGED
@@ -27,6 +27,10 @@ unpredictable css rules order in build */
27
27
  .pc-SliderNewBlock__slide.swiper-slide.swiper-slide-visible {
28
28
  animation: safari-fix 300ms;
29
29
  }
30
+ .pc-SliderNewBlock .pc-SliderNewBlock__slide-item {
31
+ width: 100%;
32
+ height: 100%;
33
+ }
30
34
  .pc-SliderNewBlock__arrow {
31
35
  position: absolute;
32
36
  top: -2px;
package/build/esm/blocks/SliderNew/Slider.js CHANGED
@@ -42,7 +42,7 @@ export const SliderNewBlock = ({ animated, title, description, type, anchorId, a
42
42
  React.createElement(Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
43
43
  slideLabelMessage: '',
44
44
  paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
45
- } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
45
+ } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
46
46
  arrows && !isLocked && (React.createElement(Fragment, null,
47
47
  React.createElement("div", { "aria-hidden": isA11yControlHidden },
48
48
  React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
package/build/esm/components/MediaBase/MediaBase.js CHANGED
@@ -30,7 +30,7 @@ export const MediaBase = (props) => {
30
30
  }) },
31
31
  React.createElement(Col, { className: b('content'), sizes: contentSizes }, mediaContent),
32
32
  card ? (React.createElement(Col, { sizes: mediaSizes },
33
- React.createElement("div", null, card))) : null))));
33
+ React.createElement("div", { className: b('card') }, card))) : null))));
34
34
  };
35
35
  MediaBase.Card = Card;
36
36
  export default MediaBase;
package/build/esm/sub-blocks/ImageCard/ImageCard.css CHANGED
@@ -16,6 +16,14 @@ unpredictable css rules order in build */
16
16
  .pc-image-card_border_line {
17
17
  border: 1px solid var(--g-color-line-generic);
18
18
  }
19
+ @media (min-width: 577px) {
20
+ .slick-slide:not(.slick-active) .pc-image-card {
21
+ box-shadow: none;
22
+ }
23
+ .swiper-slide:not(.swiper-slide-visible) .pc-image-card {
24
+ box-shadow: none;
25
+ }
26
+ }
19
27
  .pc-image-card .pc-image-card__content {
20
28
  display: flex;
21
29
  padding: 32px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "5.27.1",
3
+ "version": "5.28.1",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {