IBX-10537: Base Form Control

[GrabowskiM]

🎫 Issue	IBX-10537

Related PRs:

• IBX-10537: Base Form Control design-system-twig#16

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR introduces a new BaseFormControl component that provides a reusable wrapper for form controls with optional label and helper text. The component serves as a foundational building block for form elements in the design system.

• Added BaseFormControl React component with TypeScript types and proper export structure
• Created corresponding SCSS styles for form control layout and spacing
• Updated helper text font size from medium to small for better visual hierarchy

Reviewed Changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/components/src/internal/partials/BaseFormControl/index.ts	Export file for the BaseFormControl component and its types
packages/components/src/internal/partials/BaseFormControl/BaseFormControl.types.ts	TypeScript interface definitions for BaseFormControl props
packages/components/src/internal/partials/BaseFormControl/BaseFormControl.tsx	Main React component implementation with label and helper text rendering
packages/assets/src/scss/styles.scss	Updated imports to include new form-control styles and reorganized helper-text import
packages/assets/src/scss/_helper-text.scss	Reduced font size from medium to small for helper text
packages/assets/src/scss/_form-control.scss	New SCSS file defining spacing styles for form control wrappers

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The type prop uses a generic string type which allows any value. Consider using a union type or enum to restrict valid form control types and improve type safety.

Suggested change

	type: string;
	type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'checkbox' | 'radio' | 'file' | 'range' | 'color' | 'hidden' | 'submit' | 'reset' | 'button';