fix(ArrayBase): align items first baseline (#336)

Co-authored-by: Vladimir Kubantsev <[email protected]>

Author: vladimir-kuba

src/lib/kit/components/Inputs/ArrayBase/ArrayBase.scss

@@ -6,7 +6,7 @@
         align-items: flex-end;
 
         .#{$ns}transparent {
-            align-items: flex-end;
+            align-items: flex-start;
         }
     }
 

src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-chromium-linux.png

@@ -40,6 +40,16 @@ test.describe('Array Base', () => {
         await expectScreenshot();
     });
 
+    test('error remove button', async ({mount, expectScreenshot}) => {
+        const component = await mount(<DynamicForm spec={ARRAY_BASE.errorRemoveButton} />);
+        const input = component.getByRole('textbox').first();
+
+        await input.focus();
+        await input.blur();
+
+        await expectScreenshot();
+    });
+
     test('description', async ({mount, expectScreenshot}) => {
         await mount(<DynamicForm spec={ARRAY_BASE.description} />);
 

src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-webkit-linux.png

@@ -102,6 +102,26 @@ export const ARRAY_BASE: Record<string, ArraySpec> = {
             itemLabel: 'Add element',
         },
     },
+    errorRemoveButton: {
+        type: SpecTypes.Array,
+        defaultValue: ['foo'],
+        items: {
+            type: SpecTypes.String,
+            pattern: 'bar',
+            viewSpec: {
+                type: 'base',
+                layout: 'row',
+                layoutTitle: 'Element',
+            },
+        },
+        viewSpec: {
+            type: 'base',
+            layout: 'accordeon',
+            layoutTitle: 'Elements',
+            layoutOpen: true,
+            itemLabel: 'Add element',
+        },
+    },
     description: {
         defaultValue: ['foo', 'bar', 'rab', 'oof'],
         type: SpecTypes.Array,