@gravity-ui/dynamic-forms 5.0.0 → 5.2.0

package/build/esm/lib/kit/components/Layouts/Row/Row.css

@@ -21,7 +21,7 @@
   display: flex;
   width: var(--df-row-width, 500px);
   max-width: var(--df-row-max-width, 500px);
-  margin-bottom: var(--df-spacing-inputs, 15px);
+  margin-bottom: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-row:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));
@@ -46,7 +46,7 @@
 }
 .df-row__title {
   word-break: break-word;
-  margin-right: var(--df-row-title-margin-right, 3px);
+  margin-right: var(--df-row-title-margin-right, var(--g-spacing-half));
 }
 .df-row__title_required::after {
   content: "*";
@@ -58,7 +58,7 @@
 }
 .df-row__note-inner {
   position: absolute;
-  margin-top: var(--df-row-note-inner-margin-top, 1px);
+  margin-top: var(--df-row-note-inner-margin-top, var(--g-spacing-0));
 }
 .df-row__note-inner .g-help-popover {
   display: flex;
@@ -70,19 +70,19 @@
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  margin-left: var(--df-row-right-margin-left, 15px);
+  margin-left: var(--df-row-right-margin-left, var(--g-spacing-4));
 }
 .df-row__right-inner {
   display: flex;
   justify-content: space-around;
 }
 .df-row__description {
-  margin-top: var(--df-row-description-margin-top, 10px);
+  margin-top: var(--df-row-description-margin-top, var(--g-spacing-2));
   color: var(--g-color-text-secondary);
   word-break: break-word;
 }
 .df-row__remove-button {
-  margin-left: var(--df-remove-button-margin-left, 5px);
+  margin-left: var(--df-remove-button-margin-left, var(--g-spacing-1));
 }
 .df-row__required-mark {
   color: var(--g-color-text-danger);

package/build/esm/lib/kit/components/Layouts/Row/Row.d.ts

@@ -1,4 +1,4 @@
-import { FieldValue, LayoutProps, Spec } from '../../../../core';
+import type { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Row.css';
 export declare const Row: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
 export declare const RowVerbose: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/Row/Row.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { TrashBin } from '@gravity-ui/icons';
 import { Button, HelpMark, Icon, Text } from '@gravity-ui/uikit';
-import { isArrayItem, isArraySpec, isObjectSpec, withGenerateButton, } from '../../../../core';
+import { isArrayItem, isArraySpec, isObjectSpec, withGenerateButton } from '../../../../core';
 import { ErrorWrapper, GenerateRandomValueButton } from '../../../components';
-import { block } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block } from '../../../utils';
 import './Row.css';
 const b = block('row');
 const RowBase = ({ name, spec, input, meta, verboseDescription, children, }) => {

package/build/esm/lib/kit/components/Layouts/Section/Section.css

@@ -43,7 +43,7 @@
   max-width: 300px;
 }
 .df-section__note {
-  margin-left: var(--df-section-note-margin-left, 5px);
+  margin-left: var(--df-section-note-margin-left, var(--g-spacing-1));
 }
 .df-section__note .g-help-popover {
   display: flex;
@@ -55,5 +55,5 @@
   margin-top: var(--df-section-description-margin-top, var(--g-spacing-1));
 }
 .df-section__remove-button {
-  margin-left: var(--df-remove-button-margin-left, 5px);
+  margin-left: var(--df-remove-button-margin-left, var(--g-spacing-1));
 }

package/build/esm/lib/kit/components/Layouts/Section/Section.d.ts

@@ -1,4 +1,4 @@
-import { FieldValue, FormValue, LayoutProps, Spec, ViewLayoutProps } from '../../../../core';
+import type { FieldValue, FormValue, LayoutProps, Spec, ViewLayoutProps } from '../../../../core';
 import './Section.css';
 interface SectionProps {
     titleSize: 's' | 'm';

package/build/esm/lib/kit/components/Layouts/Section/Section.js

@@ -2,10 +2,10 @@ import { __rest } from "tslib";
 import React from 'react';
 import { HelpMark, Popover, Text } from '@gravity-ui/uikit';
 import { GroupIndent } from '../../';
-import { RemoveButton } from '../../RemoveButton';
 import { COMMON_POPOVER_PLACEMENT, COMMON_TITLE_MAX_WIDTH, ErrorWrapper } from '../../../';
-import { isArrayItem, isArraySpec, isObjectSpec, } from '../../../../core';
+import { isArrayItem, isArraySpec, isObjectSpec } from '../../../../core';
 import { block } from '../../../utils';
+import { RemoveButton } from '../../RemoveButton';
 import './Section.css';
 const b = block('section');
 const SectionBase = (_a) => {

package/build/esm/lib/kit/components/Layouts/TableCell/TableCell.d.ts

@@ -1,2 +1,2 @@
-import { FieldValue, LayoutProps, Spec } from '../../../../core';
+import type { FieldValue, LayoutProps, Spec } from '../../../../core';
 export declare const TableCell: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.css

@@ -19,7 +19,7 @@
 /* Border-radius */
 .df-transparent {
   display: flex;
-  margin-bottom: var(--df-spacing-inputs, 15px);
+  margin-bottom: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-transparent:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));
@@ -34,5 +34,5 @@
   width: auto;
 }
 .df-transparent__remove-button {
-  margin-left: var(--df-remove-button-margin-left, 5px);
+  margin-left: var(--df-remove-button-margin-left, var(--g-spacing-1));
 }

package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.d.ts

@@ -1,3 +1,3 @@
-import { FieldValue, LayoutProps, Spec } from '../../../../core';
+import type { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Transparent.css';
 export declare const Transparent: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TrashBin } from '@gravity-ui/icons';
 import { Button, Icon } from '@gravity-ui/uikit';
-import { isArrayItem, isArraySpec, isObjectSpec, withGenerateButton, } from '../../../../core';
+import { isArrayItem, isArraySpec, isObjectSpec, withGenerateButton } from '../../../../core';
 import { ErrorWrapper, GenerateRandomValueButton } from '../../../components';
 import { block } from '../../../utils';
 import './Transparent.css';

package/build/esm/lib/kit/components/LongValue/LongValue.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
-import once from 'lodash/once';
 import { Text } from '@gravity-ui/uikit';
+import once from 'lodash/once';
 import { block } from '../../utils';
 import './LongValue.css';
 const b = block('long-value');
@@ -54,7 +54,5 @@ export const LongValue = (_a) => {
         }
         return;
     }, [value]);
-    return (React.createElement(Text, Object.assign({ as: "div" }, restProps, { ref: ref, className: b({ open, long }, className), 
-        // @ts-ignore
-        onClick: long ? handleClick : undefined }), value));
+    return (React.createElement(Text, Object.assign({ as: "div" }, restProps, { ref: ref, className: b({ open, long }, className), onClick: long ? handleClick : undefined }), value));
 };

package/build/esm/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.css

@@ -25,7 +25,7 @@
 }
 .df-simple-vertical-accordeon_branch .df-simple-vertical-accordeon__body {
   padding-left: var(--df-simple-vertical-accordeon-body-padding-left, var(--g-spacing-5));
-  margin-left: var(--df-simple-vertical-accordeon-body-margin-left, 5px);
+  margin-left: var(--df-simple-vertical-accordeon-body-margin-left, var(--g-spacing-1));
   border-left: 1px solid var(--g-color-line-generic-accent);
 }
 .df-simple-vertical-accordeon__header {
@@ -33,14 +33,14 @@
   align-items: center;
 }
 .df-simple-vertical-accordeon__header-inner {
-  margin-left: var(--df-simple-vertical-accordeon-header-inner-margin-left, -13px);
+  margin-left: var(--df-simple-vertical-accordeon-header-inner-margin-left, calc(-1 * var(--g-spacing-3)));
   max-width: var(--df-simple-vertical-accordeon-header-inner-max-width, 533px);
 }
 .df-simple-vertical-accordeon__header .g-popover__handler {
   display: flex;
 }
 .df-simple-vertical-accordeon__tooltip {
-  margin: var(--df-simple-vertical-accordeon-tooltip-margin, var(--g-spacing-0) 5px);
+  margin: var(--df-simple-vertical-accordeon-tooltip-margin, var(--g-spacing-0) var(--g-spacing-1));
 }
 .df-simple-vertical-accordeon__popover {
   padding: var(--g-spacing-2);
@@ -53,7 +53,7 @@
 }
 .df-simple-vertical-accordeon__body {
   margin-top: var(--df-simple-vertical-accordeon-body-margin-top, var(--g-spacing-1));
-  padding-top: var(--df-simple-vertical-accordeon-body-padding-top, 6px);
+  padding-top: var(--df-simple-vertical-accordeon-body-padding-top, var(--g-spacing-1));
 }
 .df-simple-vertical-accordeon__body_hidden {
   display: none;

package/build/esm/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextProps } from '@gravity-ui/uikit';
+import type { TextProps } from '@gravity-ui/uikit';
 import './SimpleVerticalAccordeon.css';
 interface SimpleVerticalAccordeonProps {
     children: React.ReactNode;

package/build/esm/lib/kit/components/TogglerCard/TogglerCard.css

@@ -19,7 +19,7 @@
 /* Border-radius */
 .df-toggler-card {
   width: var(--df-toggler-card-width, 254px);
-  padding: var(--df-toggler-card-padding, 6px);
+  padding: var(--df-toggler-card-padding, var(--g-spacing-2));
   height: var(--df-toggler-card-height, 88px);
 }
 .df-toggler-card__header {
@@ -28,7 +28,7 @@
   align-items: baseline;
 }
 .df-toggler-card__text {
-  margin: var(--df-toggler-card-text-margin, var(--g-spacing-3) 15px var(--g-spacing-0) var(--g-spacing-0));
+  margin: var(--df-toggler-card-text-margin, var(--g-spacing-3) var(--g-spacing-4) var(--g-spacing-0) var(--g-spacing-0));
   display: block;
   height: var(--df-toggler-card-text-height, 36px);
   overflow: hidden;

package/build/esm/lib/kit/components/TogglerCard/TogglerCard.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Card, HelpMark, Text } from '@gravity-ui/uikit';
-import { block } from '../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../constants/common';
+import { block } from '../../utils';
 import './TogglerCard.css';
 const b = block('toggler-card');
 export const TogglerCard = ({ description, title, text, onClick, disabled, selected, }) => {

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeon/ViewAccordeon.d.ts

@@ -1,5 +1,5 @@
-import { TextProps } from '@gravity-ui/uikit';
-import { ArrayValue, ObjectValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { TextProps } from '@gravity-ui/uikit';
+import type { ArrayValue, ObjectValue, Spec, ViewLayoutProps } from '../../../../core';
 interface ViewAccordeonLayoutProps {
     variantTitle?: TextProps['variant'];
 }

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeonCard/ViewAccordeonCard.d.ts

@@ -1,2 +1,2 @@
-import { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../../core';
+import type { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../../core';
 export declare const ViewAccordeonCard: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ value, name, spec, children, }: T) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewCardAccordeon.d.ts

@@ -1,2 +1,2 @@
-import { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../core';
+import type { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../core';
 export declare const ViewCardAccordeon: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ name, value, spec, children, }: T) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewCardSection.d.ts

@@ -1,2 +1,2 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../core';
 export declare const ViewCardSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ name, value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewColumn/ViewColumn.css

@@ -50,7 +50,7 @@
   margin-inline-start: var(--df-view-column-note-margin-inline-start, var(--g-spacing-half));
 }
 .df-view-column__second-row > .df-view-transparent {
-  margin-bottom: var(--df-view-column-second-row-child-view-transperant-margin-bottom, 6px);
+  margin-bottom: var(--df-view-column-second-row-child-view-transperant-margin-bottom, var(--g-spacing-2));
 }
 .df-view-column__second-row > .df-view-transparent:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));

package/build/esm/lib/kit/components/ViewLayouts/ViewColumn/ViewColumn.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewColumn.css';
 export declare const ViewColumn: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewColumn/ViewColumn.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { HelpMark, Text } from '@gravity-ui/uikit';
 import { useDynamicFormsCtx } from '../../../../core';
 import { CopyButton } from '../../../../kit';
-import { block, isNotEmptyValue } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block, isNotEmptyValue } from '../../../utils';
 import './ViewColumn.css';
 const b = block('view-column');
 export const ViewColumn = ({ value, spec, children, }) => {

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.css

@@ -68,7 +68,7 @@
   text-overflow: ellipsis;
 }
 .df-view-row__right > .df-view-transparent {
-  margin-bottom: var(--df-view-row-right-child-view-transparent-margin-bottom, 6px);
+  margin-bottom: var(--df-view-row-right-child-view-transparent-margin-bottom, var(--g-spacing-2));
 }
 .df-view-row__right > .df-view-transparent:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewRow.css';
 export declare const ViewRow: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { HelpMark, Text } from '@gravity-ui/uikit';
 import { useDynamicFormsCtx } from '../../../../core';
 import { CopyButton } from '../../../../kit';
-import { block, isNotEmptyValue } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block, isNotEmptyValue } from '../../../utils';
 import './ViewRow.css';
 const b = block('view-row');
 export const ViewRow = ({ value, spec, children, }) => {

package/build/esm/lib/kit/components/ViewLayouts/ViewSection/ViewSection.d.ts

@@ -1,4 +1,4 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 export declare const ViewSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
 export declare const ViewSection2: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
 export declare const ViewGroup: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewTableCell/ViewTableCell.css

@@ -49,7 +49,7 @@
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));
 }
 .df-view-table-cell__inner > .df-view-transparent {
-  margin-bottom: var(--df-view-table-cell-inner-child-view-transparent-margin-bottom, 6px);
+  margin-bottom: var(--df-view-table-cell-inner-child-view-transparent-margin-bottom, var(--g-spacing-2));
 }
 .df-view-table-cell__inner > .df-view-transparent:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));

package/build/esm/lib/kit/components/ViewLayouts/ViewTableCell/ViewTableCell.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTableCell.css';
 export declare const ViewTableCell: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element;

package/build/esm/lib/kit/components/ViewLayouts/ViewTransparent/ViewTransparent.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTransparent.css';
 export declare const ViewTransparent: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/Views/ArrayBaseView/ArrayBaseView.css

@@ -18,5 +18,5 @@
 */
 /* Border-radius */
 .df-array-base-view__item-prefix {
-  margin-bottom: var(--df-array-base-view-item-prefix-margin-bottom, 6px);
+  margin-bottom: var(--df-array-base-view-item-prefix-margin-bottom, var(--g-spacing-2));
 }

package/build/esm/lib/kit/components/Views/ArrayBaseView/ArrayBaseView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './ArrayBaseView.css';
 export declare const ArrayBaseView: ArrayView;

package/build/esm/lib/kit/components/Views/BaseView/BaseView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { BooleanViewProps, NumberViewProps, StringViewProps } from '../../../../core';
+import type { BooleanViewProps, NumberViewProps, StringViewProps } from '../../../../core';
 export declare const BaseView: <T extends BooleanViewProps | NumberViewProps | StringViewProps>({ value, spec, linkValue, }: React.PropsWithChildren<T>) => JSX.Element;

package/build/esm/lib/kit/components/Views/CardOneOfView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../core';
+import type { ObjectIndependentView } from '../../../core';
 export declare const CardOneOfView: ObjectIndependentView;

package/build/esm/lib/kit/components/Views/CheckboxGroupView/CheckboxGroupView.css

@@ -21,14 +21,14 @@
   display: flex;
 }
 .df-checkbox-group-view > *:not(:last-child) {
-  margin-right: var(--df-checkbox-group-view-child-margin-right, 6px);
+  margin-right: var(--df-checkbox-group-view-child-margin-right, var(--g-spacing-3));
 }
 .df-checkbox-group-view_vertical {
   flex-direction: column;
   align-items: flex-start;
 }
 .df-checkbox-group-view_vertical > *:not(:last-child) {
-  margin: var(--df-checkbox-group-view-vertical-child-margin, var(--g-spacing-0) var(--g-spacing-0) 6px);
+  margin: var(--df-checkbox-group-view-vertical-child-margin, var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-2));
 }
 .df-checkbox-group-view__popover {
   padding: var(--g-spacing-2);

package/build/esm/lib/kit/components/Views/CheckboxGroupView/CheckboxGroupView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './CheckboxGroupView.css';
 export declare const CheckboxGroupView: ArrayView;

package/build/esm/lib/kit/components/Views/DateView/DateView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 export declare const DateView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/DateView/DateView.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { BaseView, DEFAULT_DATE_FORMAT } from '../../../components';
 import { dateTimeParse } from '@gravity-ui/date-utils';
 import isObject from 'lodash/isObject';
+import { BaseView, DEFAULT_DATE_FORMAT } from '../../../components';
 export const DateView = (_a) => {
     var { value, spec } = _a, restProps = __rest(_a, ["value", "spec"]);
     const { printFormat = DEFAULT_DATE_FORMAT, outputFormat, timeZone, } = spec.viewSpec.dateInput || {};

package/build/esm/lib/kit/components/Views/FileInputView/FileInputView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 export declare const FileInputView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoBaseView.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 import './MonacoBaseView.css';
 export declare const MonacoView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoViewDialog.css

@@ -18,7 +18,7 @@
 */
 /* Border-radius */
 .df-monaco-view-dialog .g-dialog-footer {
-  padding: var(--df-monaco-view-dialog-footer-padding, 10px var(--g-spacing-8) var(--g-spacing-8));
+  padding: var(--df-monaco-view-dialog-footer-padding, var(--g-spacing-4));
 }
 .df-monaco-view-dialog__container {
   border: 1px solid var(--g-color-line-generic);

package/build/esm/lib/kit/components/Views/MultiOneOfView/MultiOneOfView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
+import type { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
 import './MultiOneOfView.css';
 export interface MultiOneOfViewProps extends ObjectIndependentViewProps {
     withoutIndent?: boolean;

package/build/esm/lib/kit/components/Views/MultiOneOfView/MultiOneOfView.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { Popover, Text } from '@gravity-ui/uikit';
 import isObjectLike from 'lodash/isObjectLike';
 import { ViewController } from '../../../../core';
+import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
 import { block } from '../../../utils';
 import { GroupIndent } from '../../GroupIndent';
-import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
 import './MultiOneOfView.css';
 const b = block('multi-oneof-view');
 export const MultiOneOfView = (props) => {

package/build/esm/lib/kit/components/Views/MultiSelectView/MultiSelectView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './MultiSelectView.css';
 export declare const MultiSelectView: ArrayView;

package/build/esm/lib/kit/components/Views/MultiSelectView/MultiSelectView.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Popover, Text } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block } from '../../../utils';
 import './MultiSelectView.css';
 const b = block('multiselect-view');
 export const MultiSelectView = ({ spec, value = [] }) => {

package/build/esm/lib/kit/components/Views/NumberWithScaleView/NumberWithScaleView.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 import './NumberWithScaleView.css';
 export declare const NumberWithScaleView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
+import type { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
 import './ObjectBaseView.css';
 export interface ObjectBaseViewProps extends ObjectIndependentViewProps {
     inline?: boolean;

package/build/esm/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
-import isObjectLike from 'lodash/isObjectLike';
 import { Text } from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
 import { ViewController } from '../../../../core';
 import { block, filterPropertiesForObjectInline } from '../../../utils';
 import './ObjectBaseView.css';

package/build/esm/lib/kit/components/Views/ObjectValueInputView/ObjectValueInputView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../../core';
+import type { ObjectIndependentView } from '../../../../core';
 export declare const ObjectValueInputView: ObjectIndependentView;

package/build/esm/lib/kit/components/Views/OneOfView/OneOfView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
+import type { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
 import './OneOfView.css';
 export interface OneOfViewProps extends ObjectIndependentViewProps {
     withoutIndent?: boolean;

package/build/esm/lib/kit/components/Views/TableArrayView/TableArrayView.css

@@ -18,7 +18,7 @@
 */
 /* Border-radius */
 .df-table-array-view__table {
-  margin-bottom: var(--df-table-array-view-table-margin-bottom, 10px);
+  margin-bottom: var(--df-table-array-view-table-margin-bottom, var(--g-spacing-3));
 }
 .df-table-array-view__cell {
   max-width: var(--df-table-array-view-cell-min-width, 150px);

package/build/esm/lib/kit/components/Views/TableArrayView/TableArrayView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './TableArrayView.css';
 export declare const TableArrayView: ArrayView;

package/build/esm/lib/kit/components/Views/TableArrayView/TableArrayView.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Flex, HelpMark, Table } from '@gravity-ui/uikit';
 import { ViewController, isArraySpec, isBooleanSpec, isObjectSpec, useDynamicFormsCtx, } from '../../../../core';
-import { block } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block } from '../../../utils';
 import './TableArrayView.css';
 const b = block('table-array-view');
 export const TableArrayView = ({ value = [], spec, name }) => {

package/build/esm/lib/kit/components/Views/TextAreaView/TextAreaView.css

@@ -24,7 +24,7 @@
   cursor: pointer;
 }
 .df-text-area-view__chevron {
-  margin: var(--df-text-area-view-chevron-margin, 3px);
+  margin: var(--df-text-area-view-chevron-margin, var(--g-spacing-half));
 }
 .df-text-area-view__chevron_open {
   transform: rotate(180deg);

package/build/esm/lib/kit/components/Views/TextAreaView/TextAreaView.d.ts

@@ -1,3 +1,3 @@
-import { StringView } from '../../../../core';
+import type { StringView } from '../../../../core';
 import './TextAreaView.css';
 export declare const TextAreaView: StringView;

package/build/esm/lib/kit/components/Views/TextContentView.d.ts

@@ -1,2 +1,2 @@
-import { StringIndependentView } from '../../../core';
+import type { StringIndependentView } from '../../../core';
 export declare const TextContentView: StringIndependentView;

package/build/esm/lib/kit/components/Views/TextLinkView/TextLinkView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../../core';
+import type { ObjectIndependentView } from '../../../../core';
 export declare const TextLinkView: ObjectIndependentView;

package/build/esm/lib/kit/components/Views/TimeRangeSelectorView/TimeRangeSelectorView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../../core';
+import type { ObjectIndependentView } from '../../../../core';
 export declare const TimeRangeSelectorView: ObjectIndependentView;

package/build/esm/lib/kit/constants/config.d.ts

@@ -1,3 +1,3 @@
-import { DynamicFormConfig, DynamicViewConfig } from '../../core';
+import type { DynamicFormConfig, DynamicViewConfig } from '../../core';
 export declare const dynamicConfig: DynamicFormConfig;
 export declare const dynamicViewConfig: DynamicViewConfig;

package/build/esm/lib/kit/hooks/useErrorChecker.d.ts

@@ -1,4 +1,4 @@
-import { FieldRenderProps, FieldValue } from '../../core';
+import type { FieldRenderProps, FieldValue } from '../../core';
 export interface UseErrorCheckerParams {
     name: string;
     meta: FieldRenderProps<FieldValue>['meta'];

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.css

@@ -23,7 +23,7 @@
 }
 .df-use-oneof__toggler_card + .df-group-indent > .df-use-search:not(.df-group-indent) {
   padding-top: var(--df-use-oneof-card-child-padding, var(--g-spacing-0));
-  margin-top: var(--df-spacing-inputs, 15px);
+  margin-top: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-use-oneof__card {
   display: flex;

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.d.ts

@@ -1,4 +1,4 @@
-import { ObjectIndependentInputProps } from '../../../core';
+import type { ObjectIndependentInputProps } from '../../../core';
 import './useOneOf.css';
 export interface UseOneOfParams {
     props: ObjectIndependentInputProps;