IBX-10158: Adjust transform props

[GrabowskiM]

🎫 Issue	IBX-10158

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR adjusts how story IDs and properties are transformed in Storybook, and aligns input component props and defaults across BaseInput and InputText.

• Convert camelCase story titles and args to snake_case and wrap the iframe for dynamic resizing
• Make type optional in BaseInput and set its default in BaseInput component
• Rename readOnly prop to readonly in InputText API and map it correctly to the underlying input

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/storybook/addons/framework-selector/FrameworkSelectorDecorator.tsx	Add camelCaseToSnakeCase, update getStoryId, wrap iframe for resizing
packages/components/src/internal/partials/BaseInput/BaseInput.types.ts	Change type in BaseInputVisibleProps to optional
packages/components/src/internal/partials/BaseInput/BaseInput.tsx	Remove type destructure, set default, and simplify class logic
packages/components/src/InputText/InputText.types.ts	Rename readOnly prop to readonly
packages/components/src/InputText/InputText.tsx	Update destructured prop to readonly and map to readOnly attribute

Comments suppressed due to low confidence (2)

packages/components/src/InputText/InputText.types.ts:20

• Renaming the prop from 'readOnly' to 'readonly' diverges from React’s standard readOnly prop and may confuse consumers. Consider retaining readOnly or providing a clear deprecation path.

    readonly?: boolean;

src/storybook/addons/framework-selector/FrameworkSelectorDecorator.tsx:24

• There are no unit tests covering the new camelCaseToSnakeCase and getStoryId functions. Adding tests would help catch edge cases in string transformations.

const camelCaseToSnakeCase = (str: string) => str

[Copilot]

Typo in variable name: 'properyFinalName' should be 'propertyFinalName' to avoid confusion.

Suggested change

	const properyFinalName = camelCaseToSnakeCase(propertyName);
	const propertyFinalName = camelCaseToSnakeCase(propertyName);