@gravity-ui/page-constructor 5.28.2 → 5.28.4

package/build/esm/sub-blocks/LayoutItem/LayoutItem.css

@@ -0,0 +1,29 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-layout-item {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.pc-layout-item__media {
+  width: 100%;
+  display: block;
+  border-radius: var(--pc-border-radius);
+}
+.pc-layout-item__media_border {
+  border: 1px solid var(--g-color-line-generic);
+}
+.pc-layout-item__meta-info {
+  margin: 16px 0 -8px 0;
+}
+.pc-layout-item__content {
+  display: flex;
+  flex: auto;
+  margin: 16px 16px 0 0;
+}
+.pc-layout-item__content_no-media {
+  margin: 0;
+}
+.pc-layout-item__wrapper {
+  flex: auto;
+}

package/build/esm/sub-blocks/MediaCard/MediaCard.css

@@ -0,0 +1,5 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-MediaCard__body {
+  padding: 0;
+}

package/build/esm/sub-blocks/PriceCard/PriceCard.css

@@ -0,0 +1,100 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-price-card {
+  position: relative;
+}
+.pc-price-card.pc-price-card {
+  min-height: auto;
+}
+
+.pc-price-card__background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.pc-price-card__content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.pc-price-card__content_theme_dark {
+  color: var(--g-color-text-light-primary);
+  --g-color-line-focus: var(--pc-color-line-focus-dark);
+}
+.pc-price-card__content_theme_dark .pc-price-card__info .yfm,
+.pc-price-card__content_theme_dark .pc-price-card__info .yfm * {
+  color: var(--g-color-text-light-primary);
+}
+.pc-price-card__content_theme_dark .pc-price-card__info a {
+  text-decoration: underline;
+}
+.pc-price-card__content_theme_dark .pc-price-card__info a:hover {
+  color: var(--g-color-text-light-secondary);
+}
+.pc-price-card__content_theme_light {
+  color: var(--g-color-text-dark-primary);
+}
+.pc-price-card__content_theme_light .pc-price-card__info .yfm,
+.pc-price-card__content_theme_light .pc-price-card__info .yfm * {
+  color: var(--g-color-text-dark-primary);
+}
+.pc-price-card__content_theme_light .pc-price-card__info a {
+  text-decoration: underline;
+}
+.pc-price-card__content_theme_light .pc-price-card__info a:hover {
+  color: var(--g-color-text-dark-secondary);
+}
+.pc-price-card__title {
+  font-size: var(--g-text-subheader-3-font-size);
+  line-height: var(--g-text-subheader-3-line-height);
+  margin-bottom: 24px;
+}
+.pc-price-card__price {
+  margin-bottom: 24px;
+}
+.pc-price-card__price-value {
+  font-size: var(--g-text-display-1-font-size);
+  line-height: var(--g-text-display-1-line-height);
+  font-weight: var(--g-text-accent-font-weight);
+}
+.pc-price-card__price-period {
+  margin-left: 4px;
+}
+.pc-price-card__price-details {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  white-space: pre-wrap;
+}
+.pc-price-card__main {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.pc-price-card__info {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+.pc-price-card__description:not(:last-child) {
+  margin-bottom: 12px;
+}
+.pc-price-card__links, .pc-price-card__buttons {
+  margin-top: 24px;
+}
+.pc-price-card__footer {
+  margin-top: 0px;
+}
+@media (max-width: 769px) {
+  .pc-price-card__title, .pc-price-card__price {
+    margin-bottom: 16px;
+  }
+  .pc-price-card__links, .pc-price-card__buttons {
+    margin-top: 16px;
+  }
+}

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.css

@@ -0,0 +1,35 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-combined-price-detailed-block__row {
+  /* stylelint-disable declaration-no-important */
+  margin: 0 !important;
+}
+.pc-combined-price-detailed-block__row .col {
+  padding: 0;
+  margin: 12px;
+}
+.pc-combined-price-detailed-block__row > * {
+  display: flex;
+  width: 100%;
+}
+.pc-combined-price-detailed-block__row:not(:last-child) {
+  border-bottom: 1px solid var(--g-color-line-generic);
+  margin-bottom: 12px !important;
+  padding-bottom: 12px;
+}
+@media (min-width: 1081px) {
+  .pc-combined-price-detailed-block__description > * {
+    padding-top: 12px;
+  }
+  .pc-combined-price-detailed-block__description_delimiter > * {
+    border-top: 1px solid var(--g-color-line-generic);
+  }
+  .pc-combined-price-detailed-block__empty-column {
+    border-top: 0;
+  }
+}
+@media (max-width: 1080px) {
+  .pc-combined-price-detailed-block__description > * {
+    margin-top: 0 !important;
+  }
+}

package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css

@@ -0,0 +1,50 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-price-description {
+  margin-bottom: 12px;
+}
+.pc-price-description__title_size_l, .pc-price-description__description_size_l, .pc-price-description__detailed-title_size_l {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.pc-price-description__title_size_m, .pc-price-description__description_size_m, .pc-price-description__detailed-title_size_m {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-price-description__title_size_s, .pc-price-description__description_size_s, .pc-price-description__detailed-title_size_s {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.pc-price-description__main-title {
+  font-weight: var(--g-text-accent-font-weight);
+}
+.pc-price-description__main-title_color_cornflower {
+  color: var(--g-color-base-brand);
+}
+.pc-price-description__main-title_color_black {
+  color: var(--g-color-text-primary);
+}
+.pc-price-description__title {
+  display: flex;
+  padding: 16px 0 12px 0;
+  align-items: flex-end;
+}
+.pc-price-description__description {
+  font-weight: 400;
+}
+.pc-price-description__detailed-title {
+  margin-left: 4px;
+}
+.pc-price-description__label_size_s {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-price-description__label_size_xs {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+@media (max-width: 577px) {
+  .pc-price-description {
+    min-width: 160px;
+  }
+}

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.css

@@ -0,0 +1,11 @@
+.pc-marked-list__list-item {
+  display: flex;
+}
+.pc-marked-list__text {
+  margin-left: 8px;
+}
+.pc-marked-list__img {
+  margin-top: 5px;
+  height: fit-content;
+  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xLjUgNCA1IDcuNSAxMS41IDEiIHN0cm9rZT0iIzUyODJGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
+}

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css

@@ -0,0 +1,20 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-settings-list__title, .pc-settings-list__description {
+  font-weight: 400;
+}
+.pc-settings-list__title_size_l, .pc-settings-list__description_size_l {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.pc-settings-list__title_size_m, .pc-settings-list__description_size_m {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-settings-list__title_size_s, .pc-settings-list__description_size_s {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.pc-settings-list__title {
+  color: var(--g-color-text-hint);
+}

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css

@@ -0,0 +1,61 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 1081px) {
+  .pc-price-details__non_foldable {
+    display: block;
+  }
+  .pc-price-details__foldable {
+    display: none;
+  }
+}
+@media (max-width: 1080px) {
+  .pc-price-details__non_foldable {
+    display: none;
+  }
+  .pc-price-details__foldable {
+    display: block;
+  }
+}
+.pc-price-details__delimiter-line {
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.pc-price-details__arrow {
+  margin: auto 10px;
+}
+.pc-price-details__foldable_title {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-price-details__foldable_title:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-price-details__foldable_title:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-price-details__foldable_title_color_cornflower {
+  color: var(--g-color-text-link);
+}
+.pc-price-details__foldable_title_color_black {
+  color: var(--g-color-text-primary);
+}
+.pc-price-details__foldable_block > * {
+  padding-top: 12px;
+}
+.pc-price-details .pc-settings-list__title {
+  margin-bottom: 2px;
+}

package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.css

@@ -0,0 +1,9 @@
+.pc-separate-price-detailed-block .pc-price-description {
+  margin-bottom: 0;
+}
+.pc-separate-price-detailed-block .pc-price-details > * {
+  padding-top: 12px;
+}
+.pc-separate-price-detailed-block .pc-price-details {
+  margin-top: 24px;
+}

package/build/esm/sub-blocks/Quote/Quote.css

@@ -0,0 +1,146 @@
+@charset "UTF-8";
+.pc-quote_border_shadow {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-quote {
+  min-height: 248px;
+  height: 100%;
+  overflow-x: hidden;
+  border-radius: var(--pc-border-radius);
+  background-color: var(--g-color-base-float);
+  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+  display: flex;
+  min-height: 400px;
+  height: 100%;
+}
+.pc-quote_theme_dark {
+  color: var(--g-color-text-light-primary);
+}
+.pc-quote_theme_dark h1,
+.pc-quote_theme_dark h2,
+.pc-quote_theme_dark h3,
+.pc-quote_theme_dark h4,
+.pc-quote_theme_dark h5,
+.pc-quote_theme_dark h6,
+.pc-quote_theme_dark .yfm {
+  color: var(--g-color-text-light-primary);
+}
+.pc-quote_border_line {
+  border: 1px solid var(--g-color-line-generic);
+}
+@media (min-width: 577px) {
+  .slick-slide:not(.slick-active) .pc-quote {
+    box-shadow: none;
+  }
+  .swiper-slide:not(.swiper-slide-visible) .pc-quote {
+    box-shadow: none;
+  }
+}
+.pc-quote__logo {
+  height: 48px;
+}
+.pc-quote__content-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(50% + 5px * 2);
+  margin-right: 5px;
+  padding: 48px 32px 48px 48px;
+}
+.pc-quote__image-wrapper {
+  flex: 1;
+  margin-left: 5px;
+  overflow: hidden;
+  margin: var(--pc-image-padding);
+  border-radius: calc(var(--pc-border-radius) - var(--pc-image-padding));
+}
+.pc-quote__content {
+  margin-top: 24px;
+  position: relative;
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+}
+.pc-quote__content_quote-type_chevron::before {
+  position: absolute;
+  left: -10px;
+  content: "«";
+}
+.pc-quote__content_quote-type_chevron .pc-quote__text::after {
+  content: "»";
+}
+.pc-quote__content_quote-type_english-double::before {
+  position: absolute;
+  left: -8px;
+  content: "“";
+}
+.pc-quote__content_quote-type_english-double .pc-quote__text::after {
+  content: "”";
+}
+.pc-quote__content .yfm {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+}
+.pc-quote__content .yfm > * {
+  display: inline;
+}
+.pc-quote__content .yfm:after {
+  position: relative;
+  left: -5px;
+}
+.pc-quote__image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.pc-quote__author-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 20px;
+}
+.pc-quote__author {
+  max-width: calc(60% - 20px);
+  margin-right: 20px;
+}
+.pc-quote__link-button {
+  /* stylelint-disable declaration-no-important */
+  /* stylelint-enable declaration-no-important */
+}
+.pc-quote__link-button_theme_dark {
+  color: var(--g-color-base-background) !important;
+}
+.pc-quote__link-button_theme_dark:before {
+  border-color: var(--g-color-base-background) !important;
+}
+@media (max-width: 1081px) {
+  .pc-quote__author-wrapper {
+    flex-direction: column;
+  }
+  .pc-quote__author {
+    margin-right: 0;
+    margin-bottom: 32px;
+    max-width: initial;
+  }
+  .pc-quote__link-button {
+    align-self: flex-start;
+  }
+}
+@media (max-width: 769px) {
+  .pc-quote__content-wrapper {
+    width: calc(75% + 5px * 2);
+  }
+}
+@media (max-width: 577px) {
+  .pc-quote__image-wrapper {
+    display: none;
+  }
+  .pc-quote__content-wrapper {
+    padding: 32px;
+  }
+  .pc-quote__content-wrapper {
+    width: 100%;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.28.2",
+  "version": "5.28.4",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/styles/styles.css

@@ -0,0 +1,128 @@
+@charset "UTF-8";
+@import '@gravity-ui/uikit/styles/fonts.css';
+@import '~@gravity-ui/uikit/styles/styles.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--g-font-family-sans);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor h1,
+.yfm_constructor.yfm_constructor h2,
+.yfm_constructor.yfm_constructor h3,
+.yfm_constructor.yfm_constructor h4,
+.yfm_constructor.yfm_constructor h5,
+.yfm_constructor.yfm_constructor h6,
+.yfm_constructor.yfm_constructor span,
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--g-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor ul,
+.yfm_constructor.yfm_constructor ol,
+.yfm_constructor.yfm_constructor li,
+.yfm_constructor.yfm_constructor p {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor_size_s ul,
+.yfm_constructor.yfm_constructor_size_s ol,
+.yfm_constructor.yfm_constructor_size_s li,
+.yfm_constructor.yfm_constructor_size_s p {
+  margin-bottom: 8px;
+}
+.yfm_constructor.yfm_constructor_theme_dark p {
+  color: var(--g-color-text-light-primary);
+}
+
+.yfm_constructor_list_style ul {
+  padding-left: 20px;
+}
+.yfm_constructor_list_style_dash ul {
+  list-style-type: none;
+  position: relative;
+}
+.yfm_constructor_list_style_dash ul li:before {
+  content: "—";
+  position: absolute;
+  margin-left: -20px;
+}
+.yfm_constructor a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_constructor table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_constructor thead,
+.yfm_constructor table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  /* stylelint-disable declaration-no-important */
+  background-color: transparent !important;
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important;
+}
+.yfm_constructor_table td:first-child,
+.yfm_constructor_table th:first-child {
+  min-width: 172px;
+  width: 172px;
+}
+.yfm_constructor_table th {
+  text-align: left !important;
+}