@gravity-ui/page-constructor 5.28.2 → 5.28.4

package/build/esm/blocks/Slider/slick.css

@@ -0,0 +1,87 @@
+.pc-slick-origin.slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  -webkit-touch-callout: none;
+  user-select: none;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.pc-slick-origin.slick-slider .slick-track,
+.pc-slick-origin.slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+.pc-slick-origin .slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.pc-slick-origin .slick-list:focus {
+  outline: none;
+}
+.pc-slick-origin .slick-list.dragging {
+  cursor: hand;
+}
+.pc-slick-origin .slick-track {
+  position: relative;
+  left: 0;
+  top: 0;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pc-slick-origin .slick-track::before, .pc-slick-origin .slick-track::after {
+  content: "";
+  display: table;
+}
+.pc-slick-origin .slick-track:after {
+  clear: both;
+}
+.slick-loading .pc-slick-origin .slick-track {
+  visibility: hidden;
+}
+.pc-slick-origin .slick-slide {
+  float: left;
+  height: 100%;
+  min-height: 1px;
+  display: none;
+}
+[dir=rtl] .pc-slick-origin .slick-slide {
+  float: right;
+}
+.pc-slick-origin .slick-slide img {
+  display: block;
+}
+.pc-slick-origin .slick-slide.slick-loading img {
+  display: none;
+}
+.pc-slick-origin .slick-slide.dragging img {
+  pointer-events: none;
+}
+.slick-initialized .pc-slick-origin .slick-slide {
+  display: block;
+}
+.slick-loading .pc-slick-origin .slick-slide {
+  visibility: hidden;
+}
+.slick-vertical .pc-slick-origin .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin.slick-initialized .slick-slide {
+  display: block;
+}
+.pc-slick-origin.slick-loading .slick-slide {
+  visibility: hidden;
+}
+.pc-slick-origin.slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin .slick-arrow.slick-hidden {
+  display: none;
+}

package/build/esm/blocks/SliderNew/Arrow/Arrow.css

@@ -0,0 +1,62 @@
+.pc-slider-new-block-arrow__button {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+.pc-slider-new-block-arrow__button:hover {
+  box-shadow: 0px 4px 24px var(--g-color-sfx-shadow), 0px 2px 8px var(--g-color-sfx-shadow);
+  cursor: pointer;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-slider-new-block-arrow__icon-wrapper, .pc-slider-new-block-arrow__button, .pc-slider-new-block-arrow {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pc-slider-new-block-arrow {
+  width: 42px;
+  height: 42px;
+  cursor: pointer;
+}
+@media (max-width: 576px) {
+  .pc-slider-new-block-arrow {
+    display: none;
+  }
+}
+.pc-slider-new-block-arrow_type_left .pc-slider-new-block-arrow__icon-wrapper {
+  transform: rotate(180deg);
+}
+.pc-slider-new-block-arrow__button {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  width: 42px;
+  height: 42px;
+  color: var(--g-color-text-secondary);
+  border-radius: 100%;
+  background-color: var(--g-color-base-background);
+  box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
+  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);
+}
+.pc-slider-new-block-arrow__button:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-slider-new-block-arrow__button:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-slider-new-block-arrow:hover .pc-slider-new-block-arrow__button {
+  color: var(--g-color-text-primary);
+  box-shadow: 0 2px 12px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
+}
+.pc-slider-new-block-arrow__icon {
+  position: relative;
+}