fix: FormItem noPadding with removable

packages/vkui/src/components/FormItem/FormItem.e2e-playground.tsx

@@ -72,6 +72,11 @@ export const FormItemPlayground = (props: ComponentPlaygroundProps) => {
           children: [<Input key={0} placeholder="Введите ваше значение" />],
           required: [true],
         },
+        {
+          noPadding: [true],
+          removable: [undefined, true],
+          children: [<Input key={0} placeholder="Введите ваше значение" />],
+        },
       ]}
     >
       {(props: FormItemProps) => <FormItem {...props} style={{ maxWidth: '300px' }} />}

packages/vkui/src/components/FormItem/FormItem.tsx

@@ -145,6 +145,7 @@ export const FormItem: React.FC<FormItemProps> & {
             }}
             removePlaceholder={removePlaceholder}
             indent={removable === 'indent'}
+            noPadding={noPadding}
           >
             <div className={classNames(styles.removable, 'vkuiInternalFormItem__removable')}>
               {wrappedChildren}

packages/vkui/src/components/Removable/Removable.module.css

@@ -2,7 +2,6 @@
   position: relative;
   display: flex;
   align-items: center;
-  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);
   transform: translateX(
     calc(
       -1px * var(--vkui_internal_Removable_remove_offset) *
@@ -14,6 +13,10 @@
   --vkui_internal_Removable_remove_offset_direction: 1;
 }
 
+.withPadding {
+  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);
+}
+
 .rtl {
   --vkui_internal_Removable_remove_offset_direction: -1;
 }

packages/vkui/src/components/Removable/Removable.tsx

@@ -158,6 +158,10 @@ interface RemovableOwnProps
    * @since 5.4.0
    */
   indent?: boolean;
+  /**
+   * Убирает базовые отступы для базовой платформы
+   */
+  noPadding?: boolean;
   children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
 }
 
@@ -173,6 +177,7 @@ export const Removable = ({
   toggleButtonTestId,
   removeButtonTestId,
   disabled,
+  noPadding,
   ...restProps
 }: RemovableOwnProps): React.ReactNode => {
   const platform = usePlatform();
@@ -188,6 +193,7 @@ export const Removable = ({
     <RootComponent
       {...restProps}
       baseClassName={classNames(
+        !noPadding && styles.withPadding,
         platform === 'ios' && styles.ios,
         align === 'start' && styles.alignStart,
         indent && styles.indent,