@gravity-ui/page-constructor 5.28.2 → 5.28.3

package/build/cjs/blocks/Header/Header.css

@@ -0,0 +1,226 @@
+.pc-header-block__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-header-block {
+  position: relative;
+}
+.pc-header-block_full-width {
+  --pc-border-radius: 0;
+  padding: 16px 0;
+  margin: 0 0 16px;
+}
+.pc-header-block__content-wrapper {
+  margin: 0 8px;
+  height: 100%;
+}
+.pc-header-block__content {
+  position: relative;
+  height: 100%;
+}
+.pc-header-block__content_theme_dark {
+  --g-color-line-focus: var(--pc-color-line-focus-dark);
+}
+.pc-header-block__content_theme_dark .pc-header-block__title,
+.pc-header-block__content_theme_dark .pc-header-block__overtitle {
+  color: var(--g-color-text-light-primary);
+}
+.pc-header-block__content_theme_dark .pc-header-block__description .yfm {
+  color: var(--g-color-text-light-primary);
+}
+.pc-header-block__content_vertical-offset {
+  margin: 16px 0;
+}
+.pc-header-block__content_vertical-offset_s {
+  padding: 64px 0;
+}
+.pc-header-block__content_vertical-offset_m {
+  padding: 96px 0;
+}
+.pc-header-block__content_vertical-offset_l {
+  padding: 128px 0;
+}
+.pc-header-block__content_vertical-offset_xl {
+  padding: 160px 0;
+}
+.pc-header-block__content_offset_large {
+  padding: calc(128px - 16px) 0 16px;
+}
+.pc-header-block__content-outer, .pc-header-block__content-inner {
+  position: relative;
+  z-index: 10;
+}
+.pc-header-block__title {
+  font-size: var(--g-text-display-4-font-size);
+  line-height: var(--g-text-display-4-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  position: relative;
+}
+@media (max-width: 577px) {
+  .pc-header-block__title {
+    font-size: var(--g-text-display-2-font-size);
+    line-height: var(--g-text-display-2-line-height);
+  }
+}
+.pc-header-block__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-header-block__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-header-block__title a:hover, .pc-header-block__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-header-block__description {
+  margin-top: 16px;
+}
+.pc-header-block__description .yfm {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-primary);
+}
+.pc-header-block__buttons {
+  margin-top: 16px;
+}
+.pc-header-block__button.pc-header-block__button {
+  margin-top: 16px;
+  margin-right: 16px;
+}
+
+.pc-header-block__media {
+  position: absolute;
+  display: none;
+  top: 16px;
+  right: 0;
+  width: 50%;
+  height: calc(100% - 2 * 16px);
+  overflow: hidden;
+  object-fit: cover;
+  border-radius: var(--pc-border-radius);
+}
+.pc-header-block__media_s {
+  width: 32%;
+}
+.pc-header-block__video {
+  height: 100%;
+}
+.pc-header-block__video > video {
+  border-radius: var(--pc-border-radius);
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.pc-header-block__image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: var(--pc-border-radius);
+}
+.pc-header-block__breadcrumbs {
+  position: absolute;
+  top: 16px;
+  z-index: 11;
+}
+.pc-header-block__background-media {
+  height: 100%;
+}
+.pc-header-block__background-media > div {
+  height: 100%;
+  width: 100%;
+}
+.pc-header-block__background-media > div:not(.pc-header-block__video) {
+  position: absolute;
+}
+.pc-header-block__background, .pc-header-block__background.pc-header-block__background_media {
+  position: absolute;
+  top: 0;
+  overflow: hidden;
+  z-index: 5;
+  width: 1440px;
+  max-width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  height: 100%;
+  border-radius: var(--pc-border-radius);
+}
+.pc-header-block__background.pc-header-block__background_full-width-media, .pc-header-block__background.pc-header-block__background_media.pc-header-block__background_full-width-media {
+  width: 100%;
+}
+.pc-header-block__background.pc-header-block__background_full-width-media > div, .pc-header-block__background.pc-header-block__background_media.pc-header-block__background_full-width-media > div {
+  max-width: none;
+}
+.pc-header-block__background.pc-header-block__background_full-width-media video, .pc-header-block__background.pc-header-block__background_media.pc-header-block__background_full-width-media video {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+.pc-header-block__background_full-width {
+  left: 0;
+  transform: none;
+  max-width: none;
+  width: 100%;
+  background-color: var(--g-color-base-background);
+}
+.pc-header-block__overtitle {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  margin-bottom: 8px;
+}
+.pc-header-block__overtitle a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-header-block__overtitle a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-header-block__overtitle a:hover, .pc-header-block__overtitle a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-header-block_media-view_fit .pc-header-block__video > video,
+.pc-header-block_media-view_fit .pc-header-block__image {
+  object-fit: contain;
+  height: auto;
+  width: auto;
+  max-height: 100%;
+  max-width: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+@media (max-width: 1440px) {
+  .pc-header-block__background, .pc-header-block__background.pc-header-block__background_media {
+    left: 0;
+    transform: none;
+  }
+}
+@media (max-width: 769px) {
+  .pc-header-block_has-media .pc-header-block__content {
+    padding-top: 48px;
+  }
+  .pc-header-block .pc-header-block__content_vertical-offset_s, .pc-header-block .pc-header-block__content_vertical-offset_m, .pc-header-block .pc-header-block__content_vertical-offset_l, .pc-header-block .pc-header-block__content_vertical-offset_xl {
+    padding: calc(96px - 16px) 0;
+  }
+  .pc-header-block .pc-header-block__content_offset_large {
+    padding: calc(96px - 16px) 0 16px;
+    margin-bottom: -32px;
+  }
+}
+@media (min-width: 769px) {
+  .pc-header-block__media {
+    display: block;
+  }
+  .pc-header-block_has-media .pc-header-block__content-inner {
+    padding-right: 48px;
+  }
+}

package/build/cjs/blocks/HeaderSlider/HeaderSlider.css

@@ -0,0 +1,55 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-header-slider-block__item {
+  display: block;
+  height: 100%;
+  overflow: hidden;
+  transform: translateZ(0);
+}
+.pc-header-slider-block__item-content {
+  height: inherit;
+  overflow: hidden;
+}
+.pc-header-slider-block__item-content.pc-header-slider-block__item-content {
+  margin: 0 0 16px;
+}
+
+.pc-header-slider-block__item-content .pc-header-block__content {
+  padding: 115px 0;
+  display: flex;
+  align-items: center;
+}
+.pc-header-slider-block__item-content .pc-Grid,
+.pc-header-slider-block__item-content .container-fluid,
+.pc-header-slider-block__item-content .container-fluid .row {
+  height: inherit;
+}
+.pc-header-slider-block__item-content .pc-header-block__media {
+  padding-bottom: 48px;
+  padding-top: 16px;
+}
+@media (max-width: 1410px) and (min-width: 577px) {
+  .pc-header-slider-block__item-content .pc-header-block__content {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+}
+@media (max-width: 769px) {
+  .pc-header-slider-block.pc-SliderBlock {
+    margin-left: -8px;
+    padding-left: 0;
+    width: calc(100% + 8px);
+  }
+}
+@media (max-width: 577px) {
+  .pc-header-slider-block__item-content .pc-header-block__content {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .pc-header-slider-block__item-content .pc-header-block__container-fluid {
+    padding-left: 24px;
+  }
+  .pc-header-slider-block .slick-track .slick-slide {
+    max-width: 100%;
+  }
+}

package/build/cjs/blocks/Icons/Icons.css

@@ -0,0 +1,56 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-icons-block {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-icons-block_size_s .pc-icons-block__item {
+  width: 96px;
+}
+.pc-icons-block_size_m .pc-icons-block__item {
+  width: 128px;
+}
+.pc-icons-block_size_l .pc-icons-block__item {
+  width: 160px;
+}
+.pc-icons-block__header {
+  width: 100%;
+  padding-bottom: 24px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: max-content;
+}
+.pc-icons-block__text {
+  margin: 8px 0 0;
+  text-align: center;
+}
+.pc-icons-block__item {
+  color: inherit;
+  text-decoration: none;
+  margin: 0 8px 24px;
+}
+.pc-icons-block a.pc-icons-block__item {
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-icons-block a.pc-icons-block__item:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-icons-block a.pc-icons-block__item:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-icons-block__image {
+  max-width: 100%;
+  margin: 0 auto;
+  display: block;
+}
+@media (max-width: 576px) {
+  .pc-icons-block__item {
+    max-width: calc(50% - 8px * 2);
+  }
+}

package/build/cjs/blocks/Info/Info.css

@@ -0,0 +1,32 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-info-block__container {
+  background-color: var(--g-color-base-brand);
+  padding: 96px 64px;
+  border-radius: var(--pc-border-radius);
+}
+.pc-info-block__left, .pc-info-block__right {
+  padding-right: 96px;
+  padding-bottom: 16px;
+}
+@media (max-width: 1081px) {
+  .pc-info-block__left, .pc-info-block__right {
+    padding-bottom: 0;
+  }
+  .pc-info-block__container {
+    padding: 96px 64px;
+  }
+}
+@media (max-width: 769px) {
+  .pc-info-block__left {
+    margin-bottom: 48px;
+  }
+  .pc-info-block__left, .pc-info-block__right {
+    padding-right: 0;
+  }
+}
+@media (max-width: 577px) {
+  .pc-info-block__container {
+    padding: 64px 32px;
+  }
+}

package/build/cjs/blocks/Map/Map.css

@@ -0,0 +1,14 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-map-block_border_shadow {
+  box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
+  overflow-x: hidden;
+  border-radius: var(--pc-border-radius);
+}
+.pc-map-block_border_line {
+  border-radius: var(--pc-border-radius);
+  border: 1px solid var(--g-color-line-generic);
+}
+.pc-map-block_border_none {
+  border-radius: var(--pc-border-radius);
+}

package/build/cjs/blocks/Media/Media.css

@@ -0,0 +1,17 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-media-block_border_shadow {
+  box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
+  overflow-x: hidden;
+  border-radius: var(--pc-border-radius);
+}
+.pc-media-block_border_line {
+  border-radius: var(--pc-border-radius);
+  border: 1px solid var(--g-color-line-generic);
+}
+.pc-media-block_border_none {
+  border-radius: var(--pc-border-radius);
+}
+.pc-media-block__image {
+  border-radius: var(--pc-border-radius);
+}