@gravity-ui/dynamic-forms 5.0.0 → 5.2.0

package/build/esm/lib/core/types/specs.d.ts

@@ -1,7 +1,7 @@
 import type { AlertProps, LabelProps } from '@gravity-ui/uikit';
-import { ColorTextBaseProps } from '@gravity-ui/uikit/build/esm/components/Text/colorText/colorText';
-import { ReadAsMethod, SpecTypes } from '../constants';
-import { ArrayValue, ObjectValue } from './';
+import type { ColorTextBaseProps } from '@gravity-ui/uikit/build/esm/components/Text/colorText/colorText';
+import type { ReadAsMethod, SpecTypes } from '../constants';
+import type { ArrayValue, ObjectValue } from './';
 export interface ArraySpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
     defaultValue?: ArrayValue;
     type: SpecTypes.Array;

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

@@ -88,7 +88,7 @@
   order: 1;
 }
 .df-accordeon-card__interal-actions {
-  margin-right: var(--df-accordeon-card-interal-actions-margin-right, 5px);
+  margin-right: var(--df-accordeon-card-interal-actions-margin-right, var(--g-spacing-1));
 }
 .df-accordeon-card__toggle-icon_open {
   transform: rotate(180deg);

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

@@ -64,7 +64,7 @@
   align-items: center;
 }
 .df-card__header-right > * {
-  margin-left: var(--df-card-header-right-child-margin-left, 10px);
+  margin-left: var(--df-card-header-right-child-margin-left, var(--g-spacing-2));
 }
 .df-card__title {
   max-width: var(--df-card-title-max-width, 533px);
@@ -76,7 +76,7 @@
   max-width: 300px;
 }
 .df-card__note {
-  margin-left: var(--df-card-note-margin-left, 5px);
+  margin-left: var(--df-card-note-margin-left, var(--g-spacing-1));
 }
 .df-card__note .gc-help-popover {
   display: flex;

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

@@ -21,7 +21,7 @@
   width: 20px;
   display: none;
   position: relative;
-  margin: -1px 0 0 5px;
+  margin: var(--df-copy-button-margin, var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-1));
 }
 .df-copy-button__button {
   position: absolute;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormValue, Spec } from '../../../core';
+import type { FormValue, Spec } from '../../../core';
 import './CopyButton.css';
 export interface CopyButtonProps {
     spec: Spec;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FieldRenderProps, FieldValue } from '../../../core';
+import type { FieldRenderProps, FieldValue } from '../../../core';
 import './ErrorWrapper.css';
 export interface ErrorWrapperProps {
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StringSpec } from '../../../core/types';
+import type { StringSpec } from '../../../core/types';
 import './GenerateRandomValueButton.css';
 interface GenerateRandomValueButtonProps {
     spec: StringSpec;

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

@@ -18,8 +18,8 @@
 */
 /* Border-radius */
 .df-group-indent {
-  padding: var(--df-group-indent-padding, 11px var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-5));
-  margin: var(--df-group-indent-margin, -11px var(--g-spacing-0) var(--g-spacing-0) 5px);
+  padding: var(--df-group-indent-padding, var(--g-spacing-3) var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-5));
+  margin: var(--df-group-indent-margin, calc(-1 * var(--g-spacing-3)) var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-1));
   border-left: 1px solid var(--g-color-line-generic-accent);
 }
 .df-group-indent:last-child {
@@ -29,5 +29,5 @@
   display: none;
 }
 .df-group-indent > .df-simple-vertical-accordeon_view {
-  margin-top: var(--df-group-indent-simple-vertical-accordeon-view-margin-top, -10px);
+  margin-top: var(--df-group-indent-simple-vertical-accordeon-view-margin-top, calc(-1 * var(--g-spacing-3)));
 }

package/build/esm/lib/kit/components/Inputs/ArrayBase/ArrayBase.css

@@ -25,7 +25,7 @@
   align-items: flex-end;
 }
 .df-array-base__items-wrapper_add-button-down {
-  margin-bottom: var(--df-spacing-inputs, 15px);
+  margin-bottom: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-array-base__items-wrapper_items-primitive {
   min-width: var(--df-array-base-items-primitive-min-width, 100%);
@@ -34,7 +34,7 @@
   min-width: unset;
 }
 .df-array-base__item-prefix {
-  margin: var(--df-array-base-item-prefix-margin, -7px var(--g-spacing-0) var(--g-spacing-2));
+  margin: var(--df-array-base-item-prefix-margin, calc(-1 * var(--g-spacing-2)) var(--g-spacing-0) var(--g-spacing-2));
 }
 .df-array-base__add-button_right {
   margin-left: var(--df-array-base-add-button-right-margin-left, var(--g-spacing-1));

package/build/esm/lib/kit/components/Inputs/ArrayBase/ArrayBase.d.ts

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

package/build/esm/lib/kit/components/Inputs/CardOneOf/CardOneOf.d.ts

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

package/build/esm/lib/kit/components/Inputs/CardOneOf/CardOneOf.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import set from 'lodash/set';
 import { Card } from '../../';
-import { Controller, isArrayItem, } from '../../../../core';
+import { Controller, isArrayItem } from '../../../../core';
 import { useErrorChecker, useOneOf } from '../../../hooks';
 import { Row } from '../../Layouts';
 import { RemoveButton } from '../../RemoveButton';

package/build/esm/lib/kit/components/Inputs/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import { CheckboxProps as CheckboxBaseProps } from '@gravity-ui/uikit';
-import { BooleanInput } from '../../../../core';
+import type { CheckboxProps as CheckboxBaseProps } from '@gravity-ui/uikit';
+import type { BooleanInput } from '../../../../core';
 import './Checkbox.css';
 export interface CheckboxProps extends Omit<CheckboxBaseProps, 'checked' | 'onChange' | 'onBlur' | 'onFocus' | 'disabled' | 'qa'> {
 }

package/build/esm/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.css

@@ -23,10 +23,10 @@
   height: var(--df-checkbox-height, 28px);
 }
 .df-checkbox-group .g-control-label__text {
-  margin-inline-start: var(--df-checkbox-margint-start, 5px);
+  margin-inline-start: var(--df-checkbox-margint-start, var(--g-spacing-1));
 }
 .df-checkbox-group > *:not(:last-child) {
-  margin-right: var(--df-checkbox-group-child-margin-right, 6px);
+  margin-right: var(--df-checkbox-group-child-margin-right, var(--g-spacing-3));
 }
 .df-checkbox-group_vertical {
   flex-direction: column;
@@ -35,5 +35,5 @@
   height: auto;
 }
 .df-checkbox-group_vertical > *:not(:last-child) {
-  margin: var(--df-checkbox-group-vertical-child-margin, var(--g-spacing-0) var(--g-spacing-0) 6px);
+  margin: var(--df-checkbox-group-vertical-child-margin, var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-2));
 }

package/build/esm/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-import { ArrayInput } from '../../../../core';
 import { type CheckboxProps as CheckboxBaseProps } from '@gravity-ui/uikit';
+import type { ArrayInput } from '../../../../core';
 import './CheckboxGroup.css';
 export interface CheckboxGroupProps extends Omit<CheckboxBaseProps, 'checked' | 'onChange' | 'onBlur' | 'onFocus' | 'disabled' | 'qa' | 'content'> {
 }

package/build/esm/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { transformArrIn, transformArrOut } from '../../../../core';
 import { Checkbox } from '@gravity-ui/uikit';
+import { transformArrIn, transformArrOut } from '../../../../core';
 import { block } from '../../../utils';
 import './CheckboxGroup.css';
 const b = block('checkbox-group');

package/build/esm/lib/kit/components/Inputs/DateInput/DateInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DatePickerProps } from '@gravity-ui/date-components';
-import { StringInputProps } from '../../../../core';
+import type { DatePickerProps } from '@gravity-ui/date-components';
+import type { StringInputProps } from '../../../../core';
 import './DateInput.css';
 export declare const DEFAULT_DATE_FORMAT = "DD.MM.YYYY HH:mm";
 export interface DateProps extends Omit<DatePickerProps, 'value' | 'disabled' | 'placeholder' | 'qa'> {

package/build/esm/lib/kit/components/Inputs/FileInput/FileInput.css

@@ -25,6 +25,6 @@
 }
 .df-file-input__file-name {
   display: block;
-  margin: var(--df-file-input-file-name-margin, auto 10px);
+  margin: var(--df-file-input-file-name-margin, auto var(--g-spacing-2));
   max-width: var(--df-file-input-file-name-max-width, 160px);
 }

package/build/esm/lib/kit/components/Inputs/FileInput/FileInput.d.ts

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

package/build/esm/lib/kit/components/Inputs/FileInput/utils.d.ts

@@ -1,2 +1,2 @@
-import { ReadAsMethod } from '../../../../core';
+import type { ReadAsMethod } from '../../../../core';
 export declare function readFile(file: Blob, readAsMethod?: ReadAsMethod): Promise<string | ArrayBuffer | null>;

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css

@@ -21,7 +21,7 @@
   height: var(--df-monaco-header-height, 52px);
   display: flex;
   justify-content: space-between;
-  padding: var(--df-monaco-header-padding, 15px);
+  padding: var(--df-monaco-header-padding, var(--g-spacing-4));
   align-items: center;
   background-color: var(--g-color-base-float-hover);
 }

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MonacoEditorProps } from 'react-monaco-editor/lib/types';
-import { StringInputProps } from '../../../../core/';
+import type { StringInputProps } from '../../../../core/';
 import './MonacoInputBase.css';
 export interface MonacoInputBaseProps extends StringInputProps {
     MonacoComponent?: React.ComponentType<MonacoEditorProps>;

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css

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

package/build/esm/lib/kit/components/Inputs/MultiOneOf/MultiOneOf.css

@@ -26,7 +26,7 @@
   padding: var(--df-multi-oneof-content-flat-padding, var(--g-spacing-0));
 }
 .df-multi-oneof__content_flat > .df-group-indent > .df-use-search {
-  margin-top: var(--df-spacing-inputs, 15px);
+  margin-top: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-multi-oneof__content_flat > .df-group-indent > .df-use-search:empty {
   display: none;

package/build/esm/lib/kit/components/Inputs/MultiOneOf/MultiOneOf.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentInput, ObjectIndependentInputProps } from '../../../../core';
+import type { ObjectIndependentInput, ObjectIndependentInputProps } from '../../../../core';
 import './MultiOneOf.css';
 export interface MultiOneOfProps extends ObjectIndependentInputProps {
     withoutIndent?: boolean;

package/build/esm/lib/kit/components/Inputs/MultiOneOf/MultiOneOf.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Select } from '@gravity-ui/uikit';
 import isObjectLike from 'lodash/isObjectLike';
 import set from 'lodash/set';
-import { Controller, } from '../../../../core';
+import { Controller } from '../../../../core';
 import { block } from '../../../utils';
 import { GroupIndent } from '../../GroupIndent';
 import './MultiOneOf.css';

package/build/esm/lib/kit/components/Inputs/MultiSelect/MultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { SelectProps as SelectBaseProps } from '@gravity-ui/uikit';
-import { ArrayInput } from '../../../../core';
+import type { SelectProps as SelectBaseProps } from '@gravity-ui/uikit';
+import type { ArrayInput } from '../../../../core';
 import './MultiSelect.css';
 export interface MultiSelectProps extends Omit<SelectBaseProps, 'onUpdate' | 'value' | 'onOpenChange' | 'disabled' | 'placeholder' | 'filterPlaceholder' | 'multiple' | 'qa'> {
     withCustomOptions?: boolean;

package/build/esm/lib/kit/components/Inputs/NumberWithScale/NumberWithScale.css

@@ -22,5 +22,5 @@
 }
 .df-number-with-scale__select {
   max-width: var(--df-number-with-scale-select-max-width, 102px);
-  margin-left: var(--df-number-with-scale-select-margin-left, 5px);
+  margin-left: var(--df-number-with-scale-select-margin-left, var(--g-spacing-1));
 }

package/build/esm/lib/kit/components/Inputs/NumberWithScale/NumberWithScale.d.ts

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

package/build/esm/lib/kit/components/Inputs/NumberWithScale/useInitial.d.ts

@@ -1,4 +1,4 @@
-import { StringSpec } from '../../../../core';
+import type { StringSpec } from '../../../../core';
 export declare const useInitial: (value: string, spec: StringSpec, deps?: any[]) => {
     initialType: string;
     initialValue: string;

package/build/esm/lib/kit/components/Inputs/ObjectBase/ObjectBase.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentInput, ObjectIndependentInputProps } from '../../../../core';
+import type { ObjectIndependentInput, ObjectIndependentInputProps } from '../../../../core';
 import './ObjectBase.css';
 export interface ObjectBaseProps extends ObjectIndependentInputProps {
     inline?: boolean;

package/build/esm/lib/kit/components/Inputs/ObjectBase/ObjectBase.js

@@ -4,7 +4,7 @@ import { Plus } from '@gravity-ui/icons';
 import { Button, Icon, Text } from '@gravity-ui/uikit';
 import isObjectLike from 'lodash/isObjectLike';
 import set from 'lodash/set';
-import { Controller, transformArrIn, } from '../../../../core';
+import { Controller, transformArrIn } from '../../../../core';
 import { block, filterPropertiesForObjectInline } from '../../../utils';
 import './ObjectBase.css';
 const b = block('object-base');

package/build/esm/lib/kit/components/Inputs/ObjectValueInput/ObjectValueInput.d.ts

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

package/build/esm/lib/kit/components/Inputs/OneOf/OneOf.css

@@ -28,8 +28,8 @@
   all: unset;
 }
 .df-oneof_base > .df-group-indent > .df-use-search {
-  padding: var(--df-oneof-base-padding, 11px var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-5));
-  margin: var(--df-oneof-base-margin, var(--g-spacing-1) var(--g-spacing-0) var(--g-spacing-5) 5px);
+  padding: var(--df-oneof-base-padding, var(--g-spacing-3) var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-5));
+  margin: var(--df-oneof-base-margin, var(--g-spacing-1) var(--g-spacing-0) var(--g-spacing-5) var(--g-spacing-1));
   border-left: 1px solid var(--g-color-line-generic-accent);
 }
 .df-oneof_base > .df-group-indent > .df-use-search:empty {
@@ -39,7 +39,7 @@
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));
 }
 .df-oneof_base > .df-group-indent > .df-use-search > .df-simple-vertical-accordeon_view {
-  margin-top: var(--df-oneof-base-simple-vertical-accordeon-margin-top, -10px);
+  margin-top: var(--df-oneof-base-simple-vertical-accordeon-margin-top, calc(-1 * var(--g-spacing-3)));
 }
 .df-oneof_flat > .df-group-indent {
   margin: var(--df-oneof-flat-margin, var(--g-spacing-0));
@@ -47,7 +47,7 @@
   padding: var(--df-oneof-flat-padding, var(--g-spacing-0));
 }
 .df-oneof_flat > .df-group-indent > .df-use-search {
-  margin-top: var(--df-spacing-inputs, 15px);
+  margin-top: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-oneof_flat > .df-group-indent > .df-use-search:empty {
   display: none;

package/build/esm/lib/kit/components/Inputs/OneOf/OneOf.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentInput, ObjectIndependentInputProps } from '../../../../core';
+import type { ObjectIndependentInput, ObjectIndependentInputProps } from '../../../../core';
 import './OneOf.css';
 export interface OneOfProps extends ObjectIndependentInputProps {
     withoutIndent?: boolean;

package/build/esm/lib/kit/components/Inputs/OneOf/OneOf.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import set from 'lodash/set';
 import { GroupIndent } from '../../';
-import { Controller, } from '../../../../core';
+import { Controller } from '../../../../core';
 import { useOneOf } from '../../../hooks';
 import { block } from '../../../utils';
 import './OneOf.css';

package/build/esm/lib/kit/components/Inputs/Secret/Secret.d.ts

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

package/build/esm/lib/kit/components/Inputs/Select/Select.d.ts

@@ -1,5 +1,5 @@
-import { SelectProps as SelectBaseProps } from '@gravity-ui/uikit';
-import { StringInput } from '../../../../core';
+import type { SelectProps as SelectBaseProps } from '@gravity-ui/uikit';
+import type { StringInput } from '../../../../core';
 import './Select.css';
 export interface SelectProps extends Omit<SelectBaseProps, 'onUpdate' | 'value' | 'onOpenChange' | 'disabled' | 'placeholder' | 'filterPlaceholder' | 'multiple' | 'qa'> {
     withCustomOptions?: boolean;

package/build/esm/lib/kit/components/Inputs/Switch/Switch.d.ts

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

package/build/esm/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.css

@@ -18,7 +18,7 @@
 */
 /* Border-radius */
 .df-table-array__table {
-  margin-bottom: var(--df-table-array-table-margin-bottom, 10px);
+  margin-bottom: var(--df-table-array-table-margin-bottom, var(--g-spacing-2));
 }
 .df-table-array__table .g-table__cell {
   border-bottom: 0px transparent;
@@ -40,7 +40,7 @@
   min-width: var(--df-table-array-cell-min-width, 150px);
 }
 .df-table-array__cell_arr, .df-table-array__cell_obj {
-  padding-left: var(--df-table-array-cell-obj-padding-left, 3px);
+  padding-left: var(--df-table-array-cell-obj-padding-left, var(--g-spacing-half));
 }
 .df-table-array__cell_arr .yc-text-input,
 .df-table-array__cell_arr .g-text-input,

package/build/esm/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.d.ts

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

package/build/esm/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.js

@@ -5,8 +5,8 @@ import noop from 'lodash/noop';
 import set from 'lodash/set';
 import { Controller, OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG, isArraySpec, isBooleanSpec, isObjectSpec, transformArrIn, } from '../../../../core';
 import { useSearchContext } from '../../../../core/components/Form/hooks';
-import { block } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block } from '../../../utils';
 import './TableArrayInput.css';
 const b = block('table-array');
 export const TableArrayInput = ({ spec, name, arrayInput, input }) => {

package/build/esm/lib/kit/components/Inputs/Text/Text.d.ts

@@ -1,5 +1,5 @@
-import { TextInputProps as TextInputBaseProps } from '@gravity-ui/uikit';
-import { NumberInputProps, StringInputProps } from '../../../../core';
+import type { TextInputProps as TextInputBaseProps } from '@gravity-ui/uikit';
+import type { NumberInputProps, StringInputProps } from '../../../../core';
 export interface TextProps extends Omit<TextInputBaseProps, 'value' | 'onBlur' | 'onFocus' | 'onUpdate' | 'disabled' | 'placeholder' | 'qa'> {
 }
 export declare const Text: <T extends NumberInputProps<TextProps> | StringInputProps<TextProps>>({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }: T) => JSX.Element;

package/build/esm/lib/kit/components/Inputs/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
-import { TextAreaProps as TextAreaBaseProps } from '@gravity-ui/uikit';
-import { StringInput } from '../../../../core';
+import type { TextAreaProps as TextAreaBaseProps } from '@gravity-ui/uikit';
+import type { StringInput } from '../../../../core';
 export interface TextAreaProps extends Omit<TextAreaBaseProps, 'value' | 'onBlur' | 'onFocus' | 'onUpdate' | 'disabled' | 'placeholder' | 'qa'> {
 }
 export declare const TextArea: StringInput<TextAreaProps>;

package/build/esm/lib/kit/components/Inputs/TextContent/TextContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StringIndependentInput, StringSpec } from '../../../../core';
+import type { StringIndependentInput, StringSpec } from '../../../../core';
 import './TextContent.css';
 export interface TextContentComponentProps {
     spec: StringSpec;

package/build/esm/lib/kit/components/Inputs/TextContent/TextContent.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { isEmpty } from 'lodash';
 import { Alert, Label, Text } from '@gravity-ui/uikit';
+import { isEmpty } from 'lodash';
 import cloneDeep from 'lodash/cloneDeep';
 import { block } from '../../../utils';
 import { LazyLoader } from '../../LazyLoader';

package/build/esm/lib/kit/components/Inputs/TextLink/TextLink.d.ts

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

package/build/esm/lib/kit/components/Inputs/TextLink/TextLink.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cloneDeep from 'lodash/cloneDeep';
 import set from 'lodash/set';
-import { Controller, isStringSpec, } from '../../../../core';
+import { Controller, isStringSpec } from '../../../../core';
 const TEXT_LINK_PROPERTY_NAME = 'text';
 export const TextLink = (props) => {
     var _a;

package/build/esm/lib/kit/components/Inputs/TimeRangeSelector/TimeRangeSelector.d.ts

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

package/build/esm/lib/kit/components/Inputs/TimeRangeSelector/TimeRangeSelector.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Text } from '@gravity-ui/uikit';
 import isString from 'lodash/isString';
 import set from 'lodash/set';
-import { isStringSpec, } from '../../../../core';
+import { isStringSpec } from '../../../../core';
 import { END_TIME, START_TIME } from '../../../constants/common';
 import { TimeRangeSelect } from './components';
 import { filterTimeArray, validateArray } from './utils';

package/build/esm/lib/kit/components/Inputs/TimeRangeSelector/components/TimeRangeSelect/TimeRangeSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type SelectOption } from '@gravity-ui/uikit';
-import { FieldObjectValue, FieldValue, IndependentInputProps, ObjectSpec, StringSpec } from '../../../../../../core';
+import type { FieldObjectValue, FieldValue, IndependentInputProps, ObjectSpec, StringSpec } from '../../../../../../core';
 import './TimeRangeSelect.css';
 interface TimeRangeSelectProps {
     spec: StringSpec<any, undefined, undefined>;

package/build/esm/lib/kit/components/Inputs/TimeRangeSelector/components/TimeRangeSelect/TimeRangeSelect.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import isString from 'lodash/isString';
 import { Select } from '@gravity-ui/uikit';
+import isString from 'lodash/isString';
 import { block } from '../../../../../utils';
 import { Row } from '../../../../Layouts/Row';
 import './TimeRangeSelect.css';

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

@@ -1,5 +1,5 @@
-import { TextProps } from '@gravity-ui/uikit';
-import { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
+import type { TextProps } from '@gravity-ui/uikit';
+import type { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
 interface AccordeonLayoutProps {
     variantTitle?: TextProps['variant'];
 }

package/build/esm/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.d.ts

@@ -1,3 +1,3 @@
-import { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
+import type { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
 import './AccordeonCardForm.css';
 export declare const AccordeonCardForm: <T extends ArrayLayoutProps<undefined, undefined> | ObjectLayoutProps<undefined, undefined>>({ name, spec, input, children, meta, }: T) => JSX.Element;

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

@@ -1,2 +1,2 @@
-import { FieldValue, LayoutProps, Spec } from '../../../core';
+import type { FieldValue, LayoutProps, Spec } from '../../../core';
 export declare const CardAccordeon: <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/CardSection.d.ts

@@ -1,2 +1,2 @@
-import { FieldValue, LayoutProps, Spec } from '../../../core';
+import type { FieldValue, LayoutProps, Spec } from '../../../core';
 export declare const CardSection: <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/Column/Column.css

@@ -18,7 +18,7 @@
 */
 /* Border-radius */
 .df-column {
-  margin-bottom: var(--df-spacing-inputs, 15px);
+  margin-bottom: var(--df-spacing-inputs, var(--g-spacing-4));
 }
 .df-column:last-child {
   margin-bottom: var(--df-spacing-last-child, var(--g-spacing-0));
@@ -42,7 +42,7 @@
 }
 .df-column__title {
   word-break: break-word;
-  margin-right: var(--df-column-title-margin-right, 3px);
+  margin-right: var(--df-column-title-margin-right, var(--g-spacing-half));
 }
 .df-column__title_required::after {
   content: "*";
@@ -53,7 +53,7 @@
 }
 .df-column__note-inner {
   position: absolute;
-  margin-top: var(--df-column-note-inner-margin-top, 1px);
+  margin-top: var(--df-column-note-inner-margin-top, var(--g-spacing-0));
 }
 .df-column__note-inner .g-help-popover {
   display: flex;
@@ -71,7 +71,7 @@
   justify-content: space-around;
 }
 .df-column__remove-button {
-  margin-left: var(--df-remove-button-margin-left, 5px);
+  margin-left: var(--df-remove-button-margin-left, var(--g-spacing-1));
 }
 .df-column__required-mark {
   color: var(--g-color-text-danger);

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

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

package/build/esm/lib/kit/components/Layouts/Column/Column.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 './Column.css';
 const b = block('column');
 const ColumnBase = ({ name, spec, input, meta, children, }) => {