@gravity-ui/page-constructor 5.18.1-alpha.3 → 5.18.1-alpha.4

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 (8) hide show
  1. package/build/cjs/blocks/SliderNew/Arrow/Arrow.css +1 -1
  2. package/build/cjs/blocks/SliderNew/Slider.css +23 -0
  3. package/build/cjs/blocks/SliderNew/Slider.js +1 -1
  4. package/build/esm/blocks/SliderNew/Arrow/Arrow.css +1 -1
  5. package/build/esm/blocks/SliderNew/Slider.css +23 -0
  6. package/build/esm/blocks/SliderNew/Slider.js +1 -1
  7. package/package.json +1 -1
  8. package/widget/index.js +1 -1
package/build/cjs/blocks/SliderNew/Arrow/Arrow.css CHANGED
@@ -45,7 +45,7 @@ unpredictable css rules order in build */
45
45
  border-radius: 100%;
46
46
  background-color: var(--g-color-base-background);
47
47
  box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
48
- transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
48
+ transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 1s cubic-bezier(0.22, 0.61, 0.36, 1);
49
49
  }
50
50
  .pc-slider-new-block-arrow__inner_type_left .pc-slider-new-block-arrow__icon-wrapper {
51
51
  transform: rotate(180deg);
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__slide.swiper-slide .pc-SliderNewBlock__slide-item {
31
+ width: 100%;
32
+ height: 100%;
33
+ }
30
34
  .pc-SliderNewBlock__arrow {
31
35
  position: absolute;
32
36
  top: -2px;
@@ -48,6 +52,7 @@ unpredictable css rules order in build */
48
52
  background-color: var(--g-color-line-generic-accent);
49
53
  cursor: pointer;
50
54
  display: inline-block;
55
+ transition: background-color 1s;
51
56
  }
52
57
  .pc-SliderNewBlock__dot:hover {
53
58
  background-color: var(--g-color-line-generic-accent-hover);
@@ -775,6 +780,24 @@ unpredictable css rules order in build */
775
780
  left: 0;
776
781
  margin-right: 0;
777
782
  }
783
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_light) .pc-slider-new-block-arrow__inner {
784
+ color: var(--g-color-text-dark-primary);
785
+ }
786
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_light) .pc-SliderNewBlock__dot {
787
+ background-color: var(--g-color-private-black-150);
788
+ }
789
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_light) .pc-SliderNewBlock__dot_active {
790
+ background-color: var(--g-color-private-black-300);
791
+ }
792
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_dark) .pc-slider-new-block-arrow__inner {
793
+ color: var(--g-color-text-light-primary);
794
+ }
795
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_dark) .pc-SliderNewBlock__dot {
796
+ background-color: var(--g-color-private-white-150);
797
+ }
798
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_dark) .pc-SliderNewBlock__dot_active {
799
+ background-color: var(--g-color-private-white-300);
800
+ }
778
801
  .pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__slide {
779
802
  padding: 0;
780
803
  }
package/build/cjs/blocks/SliderNew/Slider.js CHANGED
@@ -46,7 +46,7 @@ const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows =
46
46
  react_1.default.createElement(react_2.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: initialSlide, 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: {
47
47
  slideLabelMessage: '',
48
48
  paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
49
- } }, 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)))))),
49
+ } }, 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)))))),
50
50
  arrows && !isLocked && (react_1.default.createElement(react_1.Fragment, null,
51
51
  react_1.default.createElement("div", { "aria-hidden": isA11yControlHidden },
52
52
  react_1.default.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
package/build/esm/blocks/SliderNew/Arrow/Arrow.css CHANGED
@@ -45,7 +45,7 @@ unpredictable css rules order in build */
45
45
  border-radius: 100%;
46
46
  background-color: var(--g-color-base-background);
47
47
  box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
48
- transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
48
+ transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 1s cubic-bezier(0.22, 0.61, 0.36, 1);
49
49
  }
50
50
  .pc-slider-new-block-arrow__inner_type_left .pc-slider-new-block-arrow__icon-wrapper {
51
51
  transform: rotate(180deg);
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__slide.swiper-slide .pc-SliderNewBlock__slide-item {
31
+ width: 100%;
32
+ height: 100%;
33
+ }
30
34
  .pc-SliderNewBlock__arrow {
31
35
  position: absolute;
32
36
  top: -2px;
@@ -48,6 +52,7 @@ unpredictable css rules order in build */
48
52
  background-color: var(--g-color-line-generic-accent);
49
53
  cursor: pointer;
50
54
  display: inline-block;
55
+ transition: background-color 1s;
51
56
  }
52
57
  .pc-SliderNewBlock__dot:hover {
53
58
  background-color: var(--g-color-line-generic-accent-hover);
@@ -775,6 +780,24 @@ unpredictable css rules order in build */
775
780
  left: 0;
776
781
  margin-right: 0;
777
782
  }
783
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_light) .pc-slider-new-block-arrow__inner {
784
+ color: var(--g-color-text-dark-primary);
785
+ }
786
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_light) .pc-SliderNewBlock__dot {
787
+ background-color: var(--g-color-private-black-150);
788
+ }
789
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_light) .pc-SliderNewBlock__dot_active {
790
+ background-color: var(--g-color-private-black-300);
791
+ }
792
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_dark) .pc-slider-new-block-arrow__inner {
793
+ color: var(--g-color-text-light-primary);
794
+ }
795
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_dark) .pc-SliderNewBlock__dot {
796
+ background-color: var(--g-color-private-white-150);
797
+ }
798
+ .pc-SliderNewBlock_type_header-card:has(.swiper-slide-active .pc-header-block_controls-view_dark) .pc-SliderNewBlock__dot_active {
799
+ background-color: var(--g-color-private-white-300);
800
+ }
778
801
  .pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__slide {
779
802
  padding: 0;
780
803
  }
package/build/esm/blocks/SliderNew/Slider.js CHANGED
@@ -43,7 +43,7 @@ export const SliderNewBlock = ({ animated, title, description, type, anchorId, a
43
43
  React.createElement(Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: initialSlide, 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: {
44
44
  slideLabelMessage: '',
45
45
  paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
46
- } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
46
+ } }, 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)))))),
47
47
  arrows && !isLocked && (React.createElement(Fragment, null,
48
48
  React.createElement("div", { "aria-hidden": isA11yControlHidden },
49
49
  React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "5.18.1-alpha.3",
3
+ "version": "5.18.1-alpha.4",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {