@gravity-ui/page-constructor 5.28.2 → 5.28.3

package/build/cjs/editor/containers/Form/Form.css

@@ -0,0 +1,87 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-editor-form {
+  --block-name-font-size: var(--g-text-display-1-font-size);
+  --block-name-line-height: var(--g-text-display-1-line-height);
+  --property-name-font-size: var(--g-text-body-1-font-size);
+  --property-name-line-height: var(--g-text-body-1-line-height);
+  --input-min-width: 150px;
+  --property-title-width: 96px;
+  --button-height: 48px;
+  --icon-size: 28px;
+  --icon-margin: 8px;
+  --property-font-weight: 500;
+  --header-text-size: var(--block-name-font-size);
+  --header-line-height: var(--block-name-line-height);
+}
+.pc-editor-form .df-use-search .df-use-search {
+  --button-height: 28px;
+  --icon-size: 16px;
+  --icon-margin: 0px;
+  --header-text-size: var(--property-name-font-size);
+  --header-line-height: var(--property-name-line-height);
+  --property-font-weight: 400;
+}
+.pc-editor-form .df-row {
+  width: inherit;
+}
+.pc-editor-form .df-row__left {
+  width: var(--property-title-width);
+}
+.pc-editor-form .df-row__title {
+  font-weight: var(--property-font-weight);
+  white-space: nowrap;
+}
+.pc-editor-form .df-simple-vertical-accordeon textarea {
+  min-width: var(--input-min-width);
+  min-height: var(--input-min-width);
+}
+.pc-editor-form .df-simple-vertical-accordeon__header .g-button,
+.pc-editor-form .df-simple-vertical-accordeon__title {
+  font-size: var(--header-text-size);
+  line-height: var(--header-line-height);
+}
+.pc-editor-form .df-simple-vertical-accordeon__header .g-button {
+  --g-button-height: var(--button-height);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.pc-editor-form .df-simple-vertical-accordeon__header .g-button .g-button__icon-inner > svg {
+  width: var(--icon-size);
+  height: var(--icon-size);
+  color: var(--g-color-text-hint);
+}
+.pc-editor-form .df-simple-vertical-accordeon__header .g-button .g-button__icon_side_right ~ .g-button__text {
+  margin-right: var(--icon-margin);
+}
+.pc-editor-form .df-simple-vertical-accordeon__body {
+  margin-top: 0px;
+  padding-top: 12px;
+}
+.pc-editor-form .df-use-search {
+  margin: 4px 0;
+}
+.pc-editor-form .df-simple-vertical-accordeon__body,
+.pc-editor-form .df-group-indent > .df-use-search {
+  margin-top: 0;
+  margin-left: 1px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-left: 12px;
+  border-left: 1px solid var(--g-color-line-generic-accent);
+}
+.pc-editor-form .df-simple-vertical-accordeon_branch .df-simple-vertical-accordeon__body {
+  padding-left: 12px;
+}
+.pc-editor-form .g-select,
+.pc-editor-form .g-text-input {
+  min-width: var(--input-min-width);
+  width: 100%;
+}
+.pc-editor-form + .pc-editor-form {
+  margin-top: 12px;
+}
+.pc-editor-form__block-form {
+  margin-bottom: 16px;
+}

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.css

@@ -0,0 +1,27 @@
+.pc-one-of-custom {
+  display: flex;
+  flex-direction: column;
+}
+.pc-one-of-custom:last-child > .df-group-indent {
+  margin-bottom: 0;
+}
+.pc-one-of-custom .df-group-indent {
+  all: unset;
+}
+.pc-one-of-custom .df-group-indent > .df-use-search {
+  padding-top: 11px;
+  padding-left: 12px;
+  margin-top: 4px;
+  margin-bottom: 20px;
+  margin-left: 5px;
+  border-left: 1px solid var(--g-color-line-generic-accent);
+}
+.pc-one-of-custom .df-group-indent > .df-use-search:empty {
+  display: none;
+}
+.pc-one-of-custom .df-group-indent > .df-use-search:last-child {
+  margin-bottom: 0;
+}
+.pc-one-of-custom .df-group-indent > .df-use-search > .df-simple-vertical-accordeon_view {
+  margin-top: -10px;
+}

package/build/cjs/editor/styles/root.css

@@ -0,0 +1,9 @@
+body {
+  --pc-editor-header-height: 48px;
+  --pc-editor-code-header-height: 36px;
+  --pc-editor-divider-width: 12px;
+  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
+  --pc-editor-base-color: var(--g-color-base-brand);
+  --pc-editor-control-color: var(--g-color-base-brand);
+  --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
+}

package/build/cjs/grid/Grid/Grid.css

@@ -0,0 +1,87 @@
+.pc-Grid .container-fluid,
+.pc-Grid .container {
+  max-width: calc(1232px + 8px * 2 + 40px * 2);
+}
+.pc-Grid .row {
+  margin-right: 0;
+  margin-left: 0;
+}
+.pc-Grid .pc-Grid .container-fluid,
+.pc-Grid .pc-Grid .container {
+  padding: 0;
+}
+.pc-Grid .row .row {
+  margin: 0 -8px;
+}
+.pc-Grid_debug .container,
+.pc-Grid_debug .container-fluid,
+.pc-Grid_debug [class*=col-] {
+  box-sizing: border-box;
+  border: 1px solid var(--g-color-line-generic);
+}
+@media only screen and (max-width: 577px) {
+  .pc-Grid .container,
+  .pc-Grid .container-fluid {
+    padding: 0 16px;
+  }
+  .pc-Grid .col,
+  .pc-Grid .col-sm-auto,
+  .pc-Grid .col-auto {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-0,
+  .pc-Grid .col-0 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-1,
+  .pc-Grid .col-1 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-2,
+  .pc-Grid .col-2 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-3,
+  .pc-Grid .col-3 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-4,
+  .pc-Grid .col-4 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-5,
+  .pc-Grid .col-5 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-6,
+  .pc-Grid .col-6 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-7,
+  .pc-Grid .col-7 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-8,
+  .pc-Grid .col-8 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-9,
+  .pc-Grid .col-9 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-10,
+  .pc-Grid .col-10 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-11,
+  .pc-Grid .col-11 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-12,
+  .pc-Grid .col-12 {
+    padding: 0 8px;
+  }
+  .pc-Grid .row .row {
+    margin: 0 -8px;
+  }
+}