@bloomreach/react-banana-ui 1.1.0-next.1

package/dist/components/foundations/icon/icons/index.d.ts

@@ -0,0 +1,225 @@
+export { default as AbTestIcon } from './AbTestIcon';
+export { default as AggregateIcon } from './AggregateIcon';
+export { default as AnalyticsIcon } from './AnalyticsIcon';
+export { default as AndroidIcon } from './AndroidIcon';
+export { default as AnonymizeIcon } from './AnonymizeIcon';
+export { default as AppleIcon } from './AppleIcon';
+export { default as ArchiveAltIcon } from './ArchiveAltIcon';
+export { default as ArchiveIcon } from './ArchiveIcon';
+export { default as ArrowCollapseIcon } from './ArrowCollapseIcon';
+export { default as ArrowDownIcon } from './ArrowDownIcon';
+export { default as ArrowExpandIcon } from './ArrowExpandIcon';
+export { default as ArrowKeyboardNextIcon } from './ArrowKeyboardNextIcon';
+export { default as ArrowKeyboardPreviousIcon } from './ArrowKeyboardPreviousIcon';
+export { default as ArrowKeyboardUpIcon } from './ArrowKeyboardUpIcon';
+export { default as ArrowLeftIcon } from './ArrowLeftIcon';
+export { default as ArrowRightIcon } from './ArrowRightIcon';
+export { default as ArrowUpIcon } from './ArrowUpIcon';
+export { default as AxisIcon } from './AxisIcon';
+export { default as AxisLimtIcon } from './AxisLimtIcon';
+export { default as BarChartIcon } from './BarChartIcon';
+export { default as BooleanIcon } from './BooleanIcon';
+export { default as BracketsCancelIcon } from './BracketsCancelIcon';
+export { default as BracketsIcon } from './BracketsIcon';
+export { default as BrowserIcon } from './BrowserIcon';
+export { default as BrowserPushIcon } from './BrowserPushIcon';
+export { default as CalendarAltIcon } from './CalendarAltIcon';
+export { default as CalendarIcon } from './CalendarIcon';
+export { default as CatalogIcon } from './CatalogIcon';
+export { default as ChatAddIcon } from './ChatAddIcon';
+export { default as ChatIcon } from './ChatIcon';
+export { default as ChatsIcon } from './ChatsIcon';
+export { default as CheckCircleIcon } from './CheckCircleIcon';
+export { default as CheckFilledIcon } from './CheckFilledIcon';
+export { default as CheckIcon } from './CheckIcon';
+export { default as CheckSmallIcon } from './CheckSmallIcon';
+export { default as ChevronDownFillIcon } from './ChevronDownFillIcon';
+export { default as ChevronDownIcon } from './ChevronDownIcon';
+export { default as ChevronLeftFillIcon } from './ChevronLeftFillIcon';
+export { default as ChevronLeftIcon } from './ChevronLeftIcon';
+export { default as ChevronRightFillIcon } from './ChevronRightFillIcon';
+export { default as ChevronRightIcon } from './ChevronRightIcon';
+export { default as ChevronUpFillIcon } from './ChevronUpFillIcon';
+export { default as ChevronUpIcon } from './ChevronUpIcon';
+export { default as ClearFillIcon } from './ClearFillIcon';
+export { default as ClearIcon } from './ClearIcon';
+export { default as ClipboardAddIcon } from './ClipboardAddIcon';
+export { default as ClockCircleIcon } from './ClockCircleIcon';
+export { default as CloneIcon } from './CloneIcon';
+export { default as CloseIcon } from './CloseIcon';
+export { default as CloseSmallIcon } from './CloseSmallIcon';
+export { default as CloudCheckIcon } from './CloudCheckIcon';
+export { default as CloudDownloadIcon } from './CloudDownloadIcon';
+export { default as CodeIcon } from './CodeIcon';
+export { default as ColorPickerAltIcon } from './ColorPickerAltIcon';
+export { default as ColorPickerIcon } from './ColorPickerIcon';
+export { default as ColumnsIcon } from './ColumnsIcon';
+export { default as ConditionAltIcon } from './ConditionAltIcon';
+export { default as ConditionIcon } from './ConditionIcon';
+export { default as ConsoleIcon } from './ConsoleIcon';
+export { default as ConstantAltIcon } from './ConstantAltIcon';
+export { default as ConstantIcon } from './ConstantIcon';
+export { default as ContextualPersonalizationIcon } from './ContextualPersonalizationIcon';
+export { default as CopyIcon } from './CopyIcon';
+export { default as CopyToDashboardIcon } from './CopyToDashboardIcon';
+export { default as CsvIcon } from './CsvIcon';
+export { default as CustomRowIcon } from './CustomRowIcon';
+export { default as CustomerIcon } from './CustomerIcon';
+export { default as CustomersFilterIcon } from './CustomersFilterIcon';
+export { default as CustomersSegmentationIcon } from './CustomersSegmentationIcon';
+export { default as DateTimeIcon } from './DateTimeIcon';
+export { default as DescriptionIcon } from './DescriptionIcon';
+export { default as DesktopIcon } from './DesktopIcon';
+export { default as DisabledIcon } from './DisabledIcon';
+export { default as DivideIcon } from './DivideIcon';
+export { default as DocumentationIcon } from './DocumentationIcon';
+export { default as DownloadIcon } from './DownloadIcon';
+export { default as DragHorizontalIcon } from './DragHorizontalIcon';
+export { default as DragVericalIcon } from './DragVericalIcon';
+export { default as EditIcon } from './EditIcon';
+export { default as EducationHubIcon } from './EducationHubIcon';
+export { default as EllipsisVerticalIcon } from './EllipsisVerticalIcon';
+export { default as EllipsissHorizontalIcon } from './EllipsissHorizontalIcon';
+export { default as EmailIcon } from './EmailIcon';
+export { default as EmojiPickerIcon } from './EmojiPickerIcon';
+export { default as ErrorFillIcon } from './ErrorFillIcon';
+export { default as EventIcon } from './EventIcon';
+export { default as EventsSegmentationIcon } from './EventsSegmentationIcon';
+export { default as ExperimentIcon } from './ExperimentIcon';
+export { default as ExposeIcon } from './ExposeIcon';
+export { default as ExpressionIcon } from './ExpressionIcon';
+export { default as ExternalLinkIcon } from './ExternalLinkIcon';
+export { default as EyeCrossedIcon } from './EyeCrossedIcon';
+export { default as EyeIcon } from './EyeIcon';
+export { default as FastForwardIcon } from './FastForwardIcon';
+export { default as FileIcon } from './FileIcon';
+export { default as FilterIcon } from './FilterIcon';
+export { default as FireIcon } from './FireIcon';
+export { default as FolderEmptyIcon } from './FolderEmptyIcon';
+export { default as FolderFullIcon } from './FolderFullIcon';
+export { default as FormulaExpressionIcon } from './FormulaExpressionIcon';
+export { default as FormulaIcon } from './FormulaIcon';
+export { default as FromStartAltIcon } from './FromStartAltIcon';
+export { default as FullscreenIcon } from './FullscreenIcon';
+export { default as GiftIcon } from './GiftIcon';
+export { default as GoToIcon } from './GoToIcon';
+export { default as GraphStatsIcon } from './GraphStatsIcon';
+export { default as GridAltIcon } from './GridAltIcon';
+export { default as GridIcon } from './GridIcon';
+export { default as HelpIcon } from './HelpIcon';
+export { default as HistoryIcon } from './HistoryIcon';
+export { default as HomeIcon } from './HomeIcon';
+export { default as HtmlIcon } from './HtmlIcon';
+export { default as ImagesIcon } from './ImagesIcon';
+export { default as InfoFilledIcon } from './InfoFilledIcon';
+export { default as InfoIcon } from './InfoIcon';
+export { default as InfoSmallIcon } from './InfoSmallIcon';
+export { default as InternetIcon } from './InternetIcon';
+export { default as KeyIcon } from './KeyIcon';
+export { default as LayoutIcon } from './LayoutIcon';
+export { default as LikeIcon } from './LikeIcon';
+export { default as LineChartIcon } from './LineChartIcon';
+export { default as LinkIcon } from './LinkIcon';
+export { default as ListIcon } from './ListIcon';
+export { default as LoaderIcon } from './LoaderIcon';
+export { default as LockIcon } from './LockIcon';
+export { default as MapIcon } from './MapIcon';
+export { default as MetricAltIcon } from './MetricAltIcon';
+export { default as MinusIcon } from './MinusIcon';
+export { default as MobileAppInboxIcon } from './MobileAppInboxIcon';
+export { default as MobileImageMessageIcon } from './MobileImageMessageIcon';
+export { default as MobilePhoneLandscapeIcon } from './MobilePhoneLandscapeIcon';
+export { default as MobilePhonePortraitIcon } from './MobilePhonePortraitIcon';
+export { default as MobilePushIcon } from './MobilePushIcon';
+export { default as MobileSmsIcon } from './MobileSmsIcon';
+export { default as MobileTextMessageIcon } from './MobileTextMessageIcon';
+export { default as MoveIcon } from './MoveIcon';
+export { default as NegationIcon } from './NegationIcon';
+export { default as NotificationIcon } from './NotificationIcon';
+export { default as NumberIcon } from './NumberIcon';
+export { default as OfflineFillIcon } from './OfflineFillIcon';
+export { default as OfflineIcon } from './OfflineIcon';
+export { default as PaintIcon } from './PaintIcon';
+export { default as ParagraphCenterAlignIcon } from './ParagraphCenterAlignIcon';
+export { default as ParagraphLeftAlignIcon } from './ParagraphLeftAlignIcon';
+export { default as ParagraphRightAlignIcon } from './ParagraphRightAlignIcon';
+export { default as PercentageIcon } from './PercentageIcon';
+export { default as PersAlt1Icon } from './PersAlt1Icon';
+export { default as PersAlt2Icon } from './PersAlt2Icon';
+export { default as PersAlt3Icon } from './PersAlt3Icon';
+export { default as PersAlt4Icon } from './PersAlt4Icon';
+export { default as PictureAltIcon } from './PictureAltIcon';
+export { default as PictureIcon } from './PictureIcon';
+export { default as PinIcon } from './PinIcon';
+export { default as PlugPlayIcon } from './PlugPlayIcon';
+export { default as PlusCircleFillIcon } from './PlusCircleFillIcon';
+export { default as PlusCircleIcon } from './PlusCircleIcon';
+export { default as PlusIcon } from './PlusIcon';
+export { default as PoverButtonIcon } from './PoverButtonIcon';
+export { default as RefreshIcon } from './RefreshIcon';
+export { default as ReleaseNotesIcon } from './ReleaseNotesIcon';
+export { default as RenameAltIcon } from './RenameAltIcon';
+export { default as RenameIcon } from './RenameIcon';
+export { default as ReorderIcon } from './ReorderIcon';
+export { default as ReportIcon } from './ReportIcon';
+export { default as RetentionIcon } from './RetentionIcon';
+export { default as RewertLeftIcon } from './RewertLeftIcon';
+export { default as RewertRightIcon } from './RewertRightIcon';
+export { default as RibbonIcon } from './RibbonIcon';
+export { default as RoadmapIcon } from './RoadmapIcon';
+export { default as RobotIcon } from './RobotIcon';
+export { default as RunningAggregateIcon } from './RunningAggregateIcon';
+export { default as SaveIcon } from './SaveIcon';
+export { default as ScenarioIcon } from './ScenarioIcon';
+export { default as SearchIcon } from './SearchIcon';
+export { default as SecurityShieldIcon } from './SecurityShieldIcon';
+export { default as SendIcon } from './SendIcon';
+export { default as SettingsAltIcon } from './SettingsAltIcon';
+export { default as SettingsIcon } from './SettingsIcon';
+export { default as ShareIcon } from './ShareIcon';
+export { default as ShopIcon } from './ShopIcon';
+export { default as ShrinkIcon } from './ShrinkIcon';
+export { default as SortIcon } from './SortIcon';
+export { default as SplitFlowIcon } from './SplitFlowIcon';
+export { default as SqlIcon } from './SqlIcon';
+export { default as StarFillIcon } from './StarFillIcon';
+export { default as StarIcon } from './StarIcon';
+export { default as StartFillIcon } from './StartFillIcon';
+export { default as StartIcon } from './StartIcon';
+export { default as StatusDotIcon } from './StatusDotIcon';
+export { default as StopIcon } from './StopIcon';
+export { default as StopwatchIcon } from './StopwatchIcon';
+export { default as StringComponentIcon } from './StringComponentIcon';
+export { default as StringIcon } from './StringIcon';
+export { default as SuggestionIcon } from './SuggestionIcon';
+export { default as SurveyIcon } from './SurveyIcon';
+export { default as SwapIcon } from './SwapIcon';
+export { default as TabletLangscapeIcon } from './TabletLangscapeIcon';
+export { default as TabletPortraitIcon } from './TabletPortraitIcon';
+export { default as TagAltIcon } from './TagAltIcon';
+export { default as TagIcon } from './TagIcon';
+export { default as TemplateIcon } from './TemplateIcon';
+export { default as TextBoldIcon } from './TextBoldIcon';
+export { default as TextItalicIcon } from './TextItalicIcon';
+export { default as TextStyleIcon } from './TextStyleIcon';
+export { default as TragetIcon } from './TragetIcon';
+export { default as TransferIcon } from './TransferIcon';
+export { default as TrashIcon } from './TrashIcon';
+export { default as TrendIcon } from './TrendIcon';
+export { default as UnExposeIcon } from './UnExposeIcon';
+export { default as UnarchiveAltIcon } from './UnarchiveAltIcon';
+export { default as UndoIcon } from './UndoIcon';
+export { default as UnlinkIcon } from './UnlinkIcon';
+export { default as UnlockIcon } from './UnlockIcon';
+export { default as UntilNowAltIcon } from './UntilNowAltIcon';
+export { default as UploadIcon } from './UploadIcon';
+export { default as UsagesIcon } from './UsagesIcon';
+export { default as UsersIcon } from './UsersIcon';
+export { default as VisualIcon } from './VisualIcon';
+export { default as VoucherIcon } from './VoucherIcon';
+export { default as WaitIcon } from './WaitIcon';
+export { default as WalkthroughsIcon } from './WalkthroughsIcon';
+export { default as WarningFillIcon } from './WarningFillIcon';
+export { default as WebhookIcon } from './WebhookIcon';
+export { default as WeblayerIcon } from './WeblayerIcon';
+export { default as WrenchIcon } from './WrenchIcon';

package/dist/components/foundations/icon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BrIcon } from './icon';
+export type { BrIconInstanceProps, BrIconProps } from './icon';
+export * from './icons';

package/dist/components/foundations/index.d.ts

@@ -0,0 +1 @@
+export * from './icon';

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './buttons';
+export * from './feedback';
+export * from './foundations';
+export * from './inputs';
+export * from './navigation';
+export * from './popovers';

package/dist/components/inputs/base-field/base-field.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+export interface BrBaseFieldProps {
+    /**
+     * Custom class name for the container of this component.
+     */
+    className?: string;
+    /**
+     * The control element to render as the main content of the field.
+     */
+    control: ReactNode;
+    /**
+     * The `id` of the `control` element to connect it with `label` in the field.
+     */
+    controlId: string;
+    /**
+     * If `true`, the field will indicate an error.
+     */
+    error?: boolean;
+    /**
+     * If `true`, the field will take up the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * The helper text content.
+     */
+    helperText?: ReactNode;
+    /**
+     * The label content.
+     */
+    label?: ReactNode;
+    /**
+     * The metadata content.
+     */
+    metadata?: ReactNode;
+    /**
+     * Tooltip to display when the field has label.
+     */
+    tooltip?: ReactNode;
+}
+/**
+ * @internal
+ * Base component provides the layout for the field which includes:
+ * label (with or without tooltip), helper text and control.
+ * It also provides the `error` and `full width` states for the field.
+ * Should be used as a base for all other field components and should not be exposed to the end users.
+ */
+declare const BrBaseField: import("react").ForwardRefExoticComponent<BrBaseFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export default BrBaseField;

package/dist/components/inputs/base-field/generate-field-id.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generate a unique id based on the field name
+ */
+export declare const generateFieldId: (fieldName: string) => string;

package/dist/components/inputs/base-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BrBaseField } from './base-field';
+export type { BrBaseFieldProps } from './base-field';

package/dist/components/inputs/base-input/base-input.d.ts

@@ -0,0 +1,104 @@
+import React, { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactNode } from 'react';
+export interface BrBaseInputProps {
+    /**
+     * Automatically adjusts textarea height to match the length of the content within.
+     * When `multiline` is `false`, this prop is ignored.
+     */
+    autoSize?: boolean;
+    /**
+     * Custom class name for the container of this component.
+     */
+    className?: string;
+    /**
+     * Allow to remove `input` content with clear icon.
+     * When `multiline` is `true`, this prop is ignored.
+     */
+    clearable?: boolean;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string;
+    /**
+     * If `true`, the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the `field` will indicate an error and set the `aria-invalid` attribute for `input` or `textarea`.
+     */
+    error?: boolean;
+    /**
+     * The `id` of the `input` or `textarea` element.
+     */
+    id?: string;
+    /**
+     * Attributes applied to the `input` or `textarea` element, check the link below for more details.
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>;
+    /**
+     * Icon or any element displayed at the end of the `input` or `textarea`.
+     */
+    leftElement?: ReactNode;
+    /**
+     * The maximum number of text lines to grow when `autoSize` and `multiline` are `true`.
+     */
+    maxRows?: number;
+    /**
+     * The number of visible text lines for the field.
+     * When `autoSize` is `false`, this prop behaves as `rows` for `textarea`.
+     * Works only when `multiline` is `true`.
+     */
+    minRows?: number;
+    /**
+     * If `true`, a `textarea` element is rendered.
+    */
+    multiline?: boolean;
+    /**
+     * The `name` attribute of the `input` or `textarea` element.
+     */
+    name?: string;
+    /**
+     * Callback fired when the `input` or `textarea` is blurred.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /**
+     * Callback fired when the value is changed.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /**
+     * Callback fired when the `input` or `textarea` value length is changed.
+     */
+    onCountChange?: (count: number) => void;
+    /**
+     * Callback fired when the `input` or `textarea` is focused.
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /**
+     * The short hint displayed in the `input` or `textarea` before the user enters a value.
+     */
+    placeholder?: string;
+    /**
+     * If `true`, the `input` or `textarea` will be read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * If `true`, the `input` or `textarea` will be required.
+     */
+    required?: boolean;
+    /**
+     * Icon or any element displayed at the start of the `input` or `textarea`.
+     */
+    rightElement?: ReactNode;
+    /**
+     * The `value` of the `input` or `textarea` element, required for a controlled component.
+     */
+    value?: string;
+}
+/**
+ * @internal
+ * The base input component to enter and edit text.
+ * Should be used only by other components and not exposed to the end users.
+ */
+declare const BrBaseInput: React.ForwardRefExoticComponent<BrBaseInputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export default BrBaseInput;

package/dist/components/inputs/base-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BrBaseInput } from './base-input';
+export type { BrBaseInputProps } from './base-input';

package/dist/components/inputs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-field';
+export * from './text-field';

package/dist/components/inputs/input-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BrInputField } from './input-field';
+export type { BrInputFieldProps } from './input-field';

package/dist/components/inputs/input-field/input-field.d.ts

@@ -0,0 +1,119 @@
+import { ReactNode } from 'react';
+export interface BrInputFieldProps {
+    /**
+     * Custom class name for the container of this component.
+     */
+    className?: string;
+    /**
+     * Allow to remove `input` content with clear icon.
+     */
+    clearable?: boolean;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string;
+    /**
+     * If `true`, the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the ``field` will indicate an error and set the `aria-invalid` attribute for `input`.
+     */
+    error?: boolean;
+    /**
+     * If `true`, the field will take up the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * The helper text content.
+     */
+    helperText?: ReactNode;
+    /**
+     * The `id` of the `input` element.
+     */
+    id?: string;
+    /**
+     * Attributes applied to the `input` element, check the link below for more details.
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * The label content.
+     */
+    label?: ReactNode;
+    /**
+     * Icon or any element displayed at the end of the `input`.
+     */
+    leftElement?: React.ReactNode;
+    /**
+     * The `name` attribute of the `input` element.
+     */
+    name?: string;
+    /**
+     * Callback fired when the `input` is blurred.
+     */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback fired when the value is changed.
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Callback fired when the `input` is focused.
+     */
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder?: string;
+    /**
+     * If `true`, the `input` element will be read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * If `true`, the `input` element will be required.
+     */
+    required?: boolean;
+    /**
+     * Icon or any element displayed at the start of the `input`.
+     */
+    rightElement?: React.ReactNode;
+    /**
+     * Tooltip to display when the field has label.
+     */
+    tooltip?: ReactNode;
+    /**
+     * The `value` of the `input` element, required for a controlled component.
+     */
+    value?: string;
+}
+/**
+ * The input field includes a label, a helper text and an input field where users can type one line of text.
+ * The input field component typically appears in forms and dialogs.
+ *
+ * ## Usage
+ *
+ * ### Basic
+ * ```jsx
+ * import { BrInputField } from '@bloomreach/react-banana-ui';
+ *
+ * export default function MyComponent() {
+ *   return <BrInputField placeholder="Placeholder..." />;
+ * }
+ * ```
+ *
+ * ### With label and helper text
+ * ```jsx
+ * import { BrInputField } from '@bloomreach/react-banana-ui';
+ *
+ * export default function MyComponent() {
+ *   return (
+ *     <BrInputField
+ *       label="Field with a label"
+ *       helperText="This is helper text"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare const BrInputField: import("react").ForwardRefExoticComponent<BrInputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export default BrInputField;

package/dist/components/inputs/input-field/input-field.qa.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import { type Story } from './input-field.stories';
+declare const meta: Meta;
+export default meta;
+export declare const DifferentStates: Story;
+export declare const FieldsInRow: Story;
+export declare const WithTooltip: Story;
+export declare const CompleteField: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const CompleteFieldFullWidth: Story;
+export declare const Controlled: Story;
+export declare const SetError: Story;

package/dist/components/inputs/input-field/input-field.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import BrInputField from './input-field';
+declare const meta: Meta<typeof BrInputField>;
+export default meta;
+export type Story = StoryObj<typeof BrInputField>;
+export declare const Basic: Story;
+export declare const WithLabel: Story;
+export declare const WithTooltip: Story;
+export declare const WithHelperText: Story;
+export declare const WithIconElements: Story;
+export declare const WithButtonsElements: Story;
+export declare const Clearable: Story;
+export declare const CompleteField: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Error: Story;
+export declare const FullWidth: Story;
+export declare const CompleteFieldFullWidth: Story;
+export declare const Controlled: Story;
+export declare const SetFocus: Story;
+export declare const SetError: Story;
+export declare const FieldsInColumn: Story;
+export declare const FieldsInRow: Story;

package/dist/components/inputs/internal.d.ts

@@ -0,0 +1,2 @@
+export * from './base-field';
+export * from './base-input';