@gravity-ui/page-constructor 5.28.2 → 5.28.4

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.css

@@ -0,0 +1,131 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-desktop-navigation__wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: var(--header-height);
+}
+@media (min-width: 769px) {
+  .pc-desktop-navigation__mobile-menu-button.pc-desktop-navigation__mobile-menu-button {
+    display: none;
+  }
+}
+
+.pc-desktop-navigation__navigation, .pc-desktop-navigation__left, .pc-desktop-navigation__right {
+  display: flex;
+  align-items: center;
+}
+.pc-desktop-navigation__navigation.pc-desktop-navigation__navigation {
+  position: relative;
+  flex: 1 0 0;
+  justify-content: flex-start;
+}
+@media (max-width: 768px) {
+  .pc-desktop-navigation__navigation.pc-desktop-navigation__navigation {
+    display: none;
+  }
+}
+
+.pc-desktop-navigation__mobile-navigation.pc-desktop-navigation__mobile-navigation {
+  justify-content: flex-end;
+}
+@media (min-width: 769px) {
+  .pc-desktop-navigation__mobile-navigation.pc-desktop-navigation__mobile-navigation {
+    display: none;
+  }
+}
+
+.pc-desktop-navigation__mobile-navigation-container {
+  padding-right: 8px;
+}
+.pc-desktop-navigation__mobile-navigation-container:has(.pc-overflow-scroller__arrow) .pc-desktop-navigation__mobile-navigation {
+  justify-content: flex-start;
+}
+.pc-desktop-navigation__mobile-navigation-container:has(.pc-overflow-scroller__arrow_type_right) {
+  padding-right: 16px;
+}
+.pc-desktop-navigation__right {
+  justify-content: flex-end;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+@media (max-width: 768px) {
+  .pc-desktop-navigation__right {
+    flex: 3 0 0;
+    max-width: 50%;
+  }
+}
+.pc-desktop-navigation__navigation-container, .pc-desktop-navigation__mobile-navigation-container {
+  display: flex;
+  overflow-x: hidden;
+  flex: 1 0 0;
+  justify-content: space-between;
+  align-items: center;
+}
+.pc-desktop-navigation__navigation-container {
+  margin-right: 32px;
+}
+.pc-desktop-navigation__button {
+  margin-top: 0;
+}
+.pc-desktop-navigation__logo {
+  margin: 0 32px 0 0;
+  cursor: pointer;
+}
+.pc-desktop-navigation__links, .pc-desktop-navigation__buttons, .pc-desktop-navigation__mobile-buttons {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+@media (max-width: 768px) {
+  .pc-desktop-navigation__buttons {
+    display: none;
+  }
+}
+.pc-desktop-navigation__buttons > *:not(:last-child) {
+  margin-right: 16px;
+}
+@media (min-width: 769px) {
+  .pc-desktop-navigation__mobile-buttons {
+    display: none;
+  }
+}
+.pc-desktop-navigation__mobile-buttons .pc-desktop-navigation__item:not(:last-child) {
+  margin-right: 0;
+}
+.pc-desktop-navigation__links {
+  position: relative;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-desktop-navigation__item {
+  position: relative;
+}
+.pc-desktop-navigation__item:not(:last-child) {
+  margin-right: 20px;
+}
+@media (max-width: 768px) {
+  .pc-desktop-navigation__navigation-container {
+    justify-content: flex-end;
+  }
+  .pc-desktop-navigation__navigation-container, .pc-desktop-navigation__mobile-navigation-container {
+    justify-content: flex-end;
+  }
+  .pc-desktop-navigation__navigation-container {
+    flex: 0 0 0;
+  }
+  .pc-desktop-navigation__left {
+    flex: 1 0 0;
+  }
+}
+@media (max-width: 576px) {
+  .pc-desktop-navigation__navigation-container {
+    margin-right: 12px;
+  }
+  .pc-desktop-navigation__logo {
+    margin-right: 0;
+  }
+}

package/build/esm/navigation/components/Logo/Logo.css

@@ -0,0 +1,23 @@
+.pc-logo__text {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-logo {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+.pc-logo__icon {
+  display: flex;
+  margin-right: 8px;
+  object-fit: contain;
+}
+.pc-logo__text {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  white-space: nowrap;
+}

package/build/esm/navigation/components/MobileMenuButton/MobileMenuButton.css

@@ -0,0 +1,7 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-mobile-menu-button.pc-mobile-menu-button {
+    display: none;
+  }
+}

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.css

@@ -0,0 +1,72 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-mobile-navigation {
+  position: fixed;
+  z-index: 100;
+  top: var(--header-height);
+  left: 0;
+  width: 100%;
+  border-bottom-right-radius: var(--pc-border-radius);
+  border-bottom-left-radius: var(--pc-border-radius);
+  background-color: var(--g-color-base-background);
+  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
+  max-height: calc(100vh - 2 * var(--header-height));
+  overflow-y: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-mobile-navigation::-webkit-scrollbar {
+  display: none;
+}
+@media (min-width: 769px) {
+  .pc-mobile-navigation {
+    display: none;
+  }
+}
+.pc-mobile-navigation__wrapper {
+  padding: 32px 48px;
+}
+.pc-mobile-navigation__button {
+  margin-top: 24px;
+}
+.pc-mobile-navigation__rows {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 24px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  margin-bottom: 24px;
+}
+.pc-mobile-navigation__rows:last-child {
+  margin-bottom: 0;
+}
+.pc-mobile-navigation__dropdown-item:not(:last-child) {
+  margin-bottom: 16px;
+}
+.pc-mobile-navigation__popup {
+  z-index: 101;
+  display: flex;
+  flex-direction: column;
+  min-width: 220px;
+  padding: 16px;
+  border: 1px solid var(--g-color-line-generic);
+  border-top-width: 0;
+  border-radius: calc(var(--pc-border-radius) / 2);
+  background: var(--g-color-base-float);
+  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
+}
+@media (min-width: 769px) {
+  .pc-mobile-navigation__popup {
+    display: none;
+  }
+}
+@media (max-width: 576px) {
+  .pc-mobile-navigation__wrapper {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}

package/build/esm/navigation/components/Navigation/Navigation.css

@@ -0,0 +1,12 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-navigation {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: var(--header-height);
+  background-color: var(--g-color-base-background);
+}
+.pc-navigation_with-border {
+  box-shadow: inset 0 -1px 0 var(--g-color-line-generic);
+}

package/build/esm/navigation/components/NavigationItem/NavigationItem.css

@@ -0,0 +1,31 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-navigation-item {
+  cursor: pointer;
+  outline: none;
+  color: inherit;
+  text-decoration: none;
+}
+.pc-navigation-item:last-child {
+  margin-bottom: 0;
+}
+.utilityfocus .pc-navigation-item:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-navigation-item__content:not(.pc-navigation-item__content_type_button):hover, .pc-navigation-item__content:not(.pc-navigation-item__content_type_button):active {
+  color: var(--g-color-text-link);
+}
+.pc-navigation-item_menu-layout_desktop {
+  height: var(--header-height);
+  line-height: var(--header-height);
+  margin-bottom: 0;
+}
+.pc-navigation-item_menu-layout_mobile {
+  margin-bottom: 24px;
+}
+.pc-navigation-item_menu-layout_dropdown {
+  margin-bottom: 0;
+}
+.pc-navigation-item_menu-layout_dropdown .pc-navigation-item__content_type_link {
+  padding: 8px 12px;
+}

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.css

@@ -0,0 +1,5 @@
+.pc-content-wrapper__icon {
+  display: flex;
+  margin-right: 6px;
+  object-fit: cover;
+}

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.css

@@ -0,0 +1,14 @@
+.pc-github-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.pc-github-button span {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.css

@@ -0,0 +1,3 @@
+.pc-navigation-button {
+  display: inline-block;
+}

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css

@@ -0,0 +1,26 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-navigation-dropdown {
+  position: relative;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  background: inherit;
+  font: inherit;
+  color: var(--g-color-text-primary);
+  border: none;
+}
+.pc-navigation-dropdown:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-dropdown:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-navigation-dropdown__arrow {
+  margin-left: 7px;
+  color: var(--g-color-text-secondary);
+}

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css

@@ -0,0 +1,32 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-navigation-link {
+  color: var(--g-color-text-primary);
+  color: inherit;
+  text-decoration: none;
+  outline: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+.utilityfocus .pc-navigation-link:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-navigation-link:hover, .pc-navigation-link_active {
+  color: var(--g-color-text-link);
+}
+.pc-navigation-link:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-link:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-navigation-link__arrow {
+  position: relative;
+  top: -2px;
+  width: 9px;
+  height: 9px;
+  margin-left: 5px;
+}

package/build/esm/navigation/components/NavigationPopup/NavigationPopup.css

@@ -0,0 +1,30 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-navigation-popup {
+  margin-left: -16px;
+  margin-top: -16px;
+  z-index: 101;
+  display: flex;
+  flex-direction: column;
+  min-width: 220px;
+  padding: 16px;
+  border: 1px solid var(--g-color-line-generic);
+  border-top-width: 0;
+  border-radius: calc(var(--pc-border-radius) / 2);
+  background: var(--g-color-base-float);
+  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
+}
+.pc-navigation-popup__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.pc-navigation-popup__link {
+  height: 36px;
+  line-height: 20px;
+  border-radius: 8px;
+}
+.pc-navigation-popup__link:hover {
+  color: var(--g-color-text-primary);
+  background-color: var(--g-color-base-simple-hover);
+}

package/build/esm/navigation/components/SocialIcon/SocialIcon.css

@@ -0,0 +1,20 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-social-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  margin-right: 8px;
+  color: var(--g-color-base-background);
+  border-radius: 50%;
+  background-color: var(--g-color-base-generic);
+}
+.pc-social-icon:hover {
+  background-color: var(--g-color-base-generic-hover);
+}
+.pc-social-icon__icon {
+  width: 16px;
+  height: 16px;
+}

package/build/esm/navigation/containers/Layout/Layout.css

@@ -0,0 +1,15 @@
+.pc-layout {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+.pc-layout__content {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}
+.pc-layout__navigation {
+  position: sticky;
+  z-index: 98;
+  top: 0;
+}

package/build/esm/navigation/hooks/useShowBorder.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 const useShowBorder = (withBorder, withBorderOnScroll) => {
     const [showBorder, setShowBorder] = useState(withBorder);
     useEffect(() => {

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

@@ -0,0 +1,49 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-background-card {
+  position: relative;
+}
+.pc-background-card_theme_light {
+  background-color: var(--pc-color-base-silver);
+}
+.pc-background-card_theme_dark {
+  background-color: var(--pc-color-base-asphalt);
+}
+.pc-background-card_padding_s {
+  padding-bottom: 80px;
+}
+.pc-background-card_padding_m {
+  padding-bottom: 160px;
+}
+.pc-background-card_padding_l {
+  padding-bottom: 240px;
+}
+.pc-background-card_padding_xl {
+  padding-bottom: 320px;
+}
+.pc-background-card_border_none {
+  box-shadow: none;
+  cursor: default;
+  border: none;
+}
+.pc-background-card__content {
+  display: flex;
+}
+.pc-background-card__image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.pc-background-card__image img {
+  object-fit: cover;
+  object-position: left;
+}
+
+a.pc-background-card_theme_light {
+  background-color: var(--pc-color-base-silver);
+}
+a.pc-background-card_theme_dark {
+  background-color: var(--pc-color-base-asphalt);
+}

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

@@ -0,0 +1,97 @@
+.pc-banner-card__subtitle p, .pc-banner-card__subtitle, .pc-banner-card__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-banner-card_theme_dark {
+  --g-color-line-focus: var(--pc-color-line-focus-dark);
+}
+.pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__title,
+.pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__subtitle {
+  color: var(--g-color-text-light-primary);
+}
+.pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__title p,
+.pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__subtitle p {
+  color: var(--g-color-text-light-primary);
+}
+
+.pc-banner-card__title {
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
+@media (max-width: 576px) {
+  .pc-banner-card__title {
+    font-size: var(--g-text-display-1-font-size);
+    line-height: var(--g-text-display-1-line-height);
+  }
+}
+.pc-banner-card__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-banner-card__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-banner-card__title a:hover, .pc-banner-card__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-banner-card__content {
+  width: 100%;
+  border-radius: var(--pc-border-radius);
+  display: flex;
+  min-height: 320px;
+}
+.pc-banner-card__info, .pc-banner-card__image {
+  flex: 1;
+}
+.pc-banner-card__info {
+  padding: 32px;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  align-items: baseline;
+}
+.pc-banner-card__subtitle {
+  display: inline-block;
+  margin-top: 8px;
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  font-weight: normal;
+}
+.pc-banner-card__subtitle p {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  font-weight: normal;
+}
+.pc-banner-card__button.pc-banner-card__button {
+  margin-top: 28px;
+}
+
+.pc-banner-card__image {
+  border-top-right-radius: var(--pc-border-radius);
+  border-bottom-right-radius: var(--pc-border-radius);
+  margin: var(--pc-image-padding);
+  border-radius: calc(var(--pc-border-radius) - var(--pc-image-padding));
+}
+.pc-banner-card__image img {
+  object-fit: cover;
+  object-position: left;
+}
+.pc-banner-card_media-view_fit .pc-banner-card__image img {
+  object-fit: contain;
+}
+@media (max-width: 576px) {
+  .pc-banner-card__image {
+    display: none;
+  }
+}

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

@@ -0,0 +1,12 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-basic-card.pc-basic-card {
+  min-height: auto;
+}
+
+.pc-basic-card__content {
+  display: flex;
+}
+.pc-basic-card__wrapper {
+  flex: auto;
+}