@midas-ds/components 17.29.0 → 17.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/accordion/index.js +1 -1
- package/badge/index.js +1 -1
- package/breadcrumbs/index.js +1 -1
- package/button/index.js +1 -1
- package/calendar/index.js +1 -1
- package/card/index.js +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/FeedbackStatusIcon-DvMDGBGL.js +36 -0
- package/chunks/{accordion-DIVTJU3O.js → accordion-DlVM6IKH.js} +24 -24
- package/chunks/{badge-BfK6XrlL.js → badge-C4bXJmhn.js} +1 -1
- package/chunks/{breadcrumbs-DV0ZJc62.js → breadcrumbs-BGnyY3bO.js} +1 -1
- package/chunks/{button-CenXTGXL.js → button-dpe6hXmI.js} +2 -2
- package/chunks/calendar-BnT8aqrk.js +108 -0
- package/chunks/card-C0S9Kyi2.js +103 -0
- package/chunks/checkbox-B1RWLsu9.js +106 -0
- package/chunks/clear-button-DWtOkhCH.js +17 -0
- package/chunks/clsx-DAqHMl_k.js +7 -0
- package/chunks/color-scheme-switch-DVyIszaD.js +160 -0
- package/chunks/{combobox-DIou4Z-d.js → combobox-BLAVO2ax.js} +25 -25
- package/chunks/{date-field-BF2f9bSf.js → date-field-D5QLfSD_.js} +5 -5
- package/chunks/date-picker-BWSHiwIN.js +142 -0
- package/chunks/{drop-zone-DH3ZyHsr.js → drop-zone-DNhEbH4w.js} +1 -1
- package/chunks/{field-error-LtNtEKDp.js → field-error-BHoPnRe4.js} +2 -2
- package/chunks/file-list-Ntos8dkG.js +139 -0
- package/chunks/{grid-Cn_8RSvj.js → grid-BR68fpvW.js} +1 -1
- package/chunks/{heading-BEl_z-5T.js → heading-DcOjYrUM.js} +1 -1
- package/chunks/{info-banner-osR4e6nB.js → info-banner-DXjPEG69.js} +15 -15
- package/chunks/label-pGlER0ro.js +50 -0
- package/chunks/layout-Bue2Lkbc.js +378 -0
- package/chunks/link-B76JDA2N.js +44 -0
- package/chunks/link-button-BeXxC22w.js +44 -0
- package/chunks/{list-box-BN_MSiOD.js → list-box-BzBJX0nP.js} +3 -3
- package/chunks/{logo-DyZ2pXt7.js → logo-DSJ1bUJZ.js} +1 -1
- package/chunks/menu-DbQ98noD.js +48 -0
- package/chunks/modal-C8rs1jfL.js +66 -0
- package/chunks/{popover-DGcogqbS.js → popover-B82BcP5n.js} +1 -1
- package/chunks/{progress-bar-CknF4qAm.js → progress-bar-S6GNHQRZ.js} +2 -2
- package/chunks/{radio-BD1EuxSa.js → radio-uAtTm38S.js} +4 -4
- package/chunks/search-field-Bx3JApAJ.js +91 -0
- package/chunks/select-CuKVJ1x9.js +177 -0
- package/chunks/{skeleton-B_BPRPJy.js → skeleton-R_3dS7Ro.js} +1 -1
- package/chunks/spinner-CIjfJeGm.js +29 -0
- package/chunks/{stack-LF3ExhH9.js → stack-BAHKom_Q.js} +1 -1
- package/chunks/table-DDTeIVh8.js +84 -0
- package/chunks/{tabs-Co09VWvC.js → tabs-owuRVJ3N.js} +1 -1
- package/chunks/tag-BEawJnJm.js +78 -0
- package/chunks/{text-DwmZ-ew8.js → text-DnvD4Cjc.js} +1 -1
- package/chunks/textfield-G6u6RJD5.js +113 -0
- package/chunks/{time-field-CmjGBQph.js → time-field-Mm1iDLzS.js} +6 -6
- package/chunks/{toast-gJgjitZF.js → toast-DZuvVRD_.js} +21 -21
- package/chunks/{toggle-button-CIvsOXQf.js → toggle-button-DD_bXanH.js} +1 -1
- package/chunks/{tooltip-BkesIUIF.js → tooltip-1GBTeMrm.js} +1 -1
- package/clear-button/index.js +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/drop-zone/index.js +1 -1
- package/field-error/index.js +1 -1
- package/file-list/index.js +1 -1
- package/grid/index.js +1 -1
- package/heading/index.js +1 -1
- package/index.js +52 -50
- package/info-banner/index.js +1 -1
- package/label/index.js +1 -1
- package/layout/Layout.d.ts +1 -2
- package/layout/context/LayoutContext.d.ts +7 -1
- package/layout/index.js +1 -1
- package/link/index.js +1 -1
- package/link-button/index.js +1 -1
- package/list-box/index.js +1 -1
- package/logo/index.js +1 -1
- package/menu/index.js +1 -1
- package/modal/index.js +1 -1
- package/package.json +4 -2
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/skeleton/index.js +1 -1
- package/spinner/index.js +1 -1
- package/stack/index.js +1 -1
- package/table/index.js +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.js +1 -1
- package/text/index.js +1 -1
- package/textfield/index.js +1 -1
- package/time-field/index.js +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.js +1 -1
- package/tooltip/index.js +1 -1
- package/accordion/Accordion.stories.d.ts +0 -23
- package/accordion/AccordionItem.stories.d.ts +0 -25
- package/badge/Badge.stories.d.ts +0 -17
- package/breadcrumbs/Breadcrumbs.stories.d.ts +0 -25
- package/button/Button.stories.d.ts +0 -25
- package/button/ButtonGroup.stories.d.ts +0 -15
- package/calendar/Calendar.stories.d.ts +0 -17
- package/calendar/RangeCalendar.stories.d.ts +0 -15
- package/card/Card.stories.d.ts +0 -19
- package/checkbox/Checkbox.stories.d.ts +0 -30
- package/checkbox/CheckboxGroup.stories.d.ts +0 -31
- package/chunks/FeedbackStatusIcon-DRI7WrSU.js +0 -54
- package/chunks/arrow-right-Db_H9KjE.js +0 -10
- package/chunks/calendar-Bl_obez5.js +0 -111
- package/chunks/card-zIYA-SQh.js +0 -103
- package/chunks/check-DV00NPU0.js +0 -7
- package/chunks/checkbox-Bqd8B58G.js +0 -110
- package/chunks/chevron-down-CP7nEDei.js +0 -7
- package/chunks/chevron-right-DwqboCdU.js +0 -7
- package/chunks/clear-button-D3I1X3yG.js +0 -17
- package/chunks/clsx-Di52oYUU.js +0 -23
- package/chunks/color-scheme-switch-DVZjdwc9.js +0 -203
- package/chunks/createLucideIcon-BgluSHFG.js +0 -39
- package/chunks/date-picker-DZivTUB_.js +0 -187
- package/chunks/file-list-B4vG_egr.js +0 -161
- package/chunks/info-jCyacVsy.js +0 -19
- package/chunks/label-LWlgvAwz.js +0 -50
- package/chunks/layout-Db5um0f7.js +0 -426
- package/chunks/link-BAgs4RwY.js +0 -59
- package/chunks/link-button-BuPMEGUj.js +0 -52
- package/chunks/menu-aT2IR0tO.js +0 -49
- package/chunks/modal-C-UsxdO0.js +0 -66
- package/chunks/search-field-GNTRFpzf.js +0 -100
- package/chunks/select-oLCNpryY.js +0 -177
- package/chunks/spinner-LdHPVms_.js +0 -32
- package/chunks/square-arrow-out-up-right-DkgXD7hj.js +0 -17
- package/chunks/table-CmNWoAYO.js +0 -150
- package/chunks/tag-BIcqtf7b.js +0 -78
- package/chunks/textfield-BSvCsAyC.js +0 -112
- package/chunks/x-BJAOO5a5.js +0 -10
- package/color-scheme-switch/ColorSchemeSwitch.stories.d.ts +0 -7
- package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts +0 -8
- package/combobox/ComboBox.stories.d.ts +0 -43
- package/date-field/DateField.stories.d.ts +0 -15
- package/date-picker/DatePicker.stories.d.ts +0 -17
- package/date-picker/DateRangePicker.stories.d.ts +0 -39
- package/drop-zone/DropZone.stories.d.ts +0 -16
- package/file-list/FileList.stories.d.ts +0 -31
- package/grid/Grid.stories.d.ts +0 -28
- package/heading/Heading.stories.d.ts +0 -30
- package/info-banner/InfoBanner.stories.d.ts +0 -16
- package/label/Label.stories.d.ts +0 -10
- package/layout/Layout.stories.d.ts +0 -9
- package/link/Link.stories.d.ts +0 -14
- package/link-button/LinkButton.stories.d.ts +0 -13
- package/list-box/ListBox.stories.d.ts +0 -24
- package/logo/Logo.stories.d.ts +0 -7
- package/menu/Menu.stories.d.ts +0 -35
- package/modal/Modal.stories.d.ts +0 -15
- package/popover/Popover.stories.d.ts +0 -18
- package/progress-bar/ProgressBar.stories.d.ts +0 -18
- package/radio/Radio.stories.d.ts +0 -110
- package/radio/RadioGroup.stories.d.ts +0 -27
- package/search-field/SearchField.stories.d.ts +0 -34
- package/select/Select.stories.d.ts +0 -53
- package/skeleton/Skeleton.Form.stories.d.ts +0 -20
- package/skeleton/Skeleton.stories.d.ts +0 -10
- package/spinner/Spinner.stories.d.ts +0 -20
- package/stack/Stack.stories.d.ts +0 -24
- package/table/Table.stories.d.ts +0 -39
- package/tabs/Tabs.stories.d.ts +0 -31
- package/tag/Tag.stories.d.ts +0 -17
- package/text/Text.stories.d.ts +0 -10
- package/textfield/TextArea.stories.d.ts +0 -365
- package/textfield/TextField.stories.d.ts +0 -39
- package/time-field/TimeField.stories.d.ts +0 -37
- package/toast/Toast.stories.d.ts +0 -24
- package/tooltip/Tooltip.stories.d.ts +0 -26
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { options, optionsWithSections } from '@midas-ds/test-utils';
|
|
3
|
-
import { Key } from 'react-aria-components';
|
|
4
|
-
import { Select, SelectionMode } from './Select';
|
|
5
|
-
type Story<T extends object = Item, M extends SelectionMode = 'single'> = StoryObj<typeof Select<T, M>>;
|
|
6
|
-
type Item = (typeof options)[0];
|
|
7
|
-
type Section = (typeof optionsWithSections)[0];
|
|
8
|
-
declare const _default: {
|
|
9
|
-
component: typeof Select;
|
|
10
|
-
title: string;
|
|
11
|
-
tags: string[];
|
|
12
|
-
args: {
|
|
13
|
-
children: (item: {
|
|
14
|
-
id: Key;
|
|
15
|
-
name: string;
|
|
16
|
-
}) => import('react').JSX.Element;
|
|
17
|
-
description: string;
|
|
18
|
-
isDisabled: false;
|
|
19
|
-
isSelectableAll: false;
|
|
20
|
-
label: string;
|
|
21
|
-
items: {
|
|
22
|
-
id: Key;
|
|
23
|
-
name: string;
|
|
24
|
-
}[];
|
|
25
|
-
placeholder: string;
|
|
26
|
-
selectionMode: "single";
|
|
27
|
-
showTags: false;
|
|
28
|
-
errorPosition: "top";
|
|
29
|
-
size: "large";
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
export default _default;
|
|
33
|
-
export declare const StaticItems: Story;
|
|
34
|
-
export declare const Primary: Story;
|
|
35
|
-
export declare const DefaultValue: Story<Item, 'multiple'>;
|
|
36
|
-
export declare const AllKeysSelected: Story<Item, 'multiple'>;
|
|
37
|
-
export declare const Disabled: Story;
|
|
38
|
-
export declare const DisabledOption: Story;
|
|
39
|
-
export declare const Invalid: Story;
|
|
40
|
-
export declare const WithTags: Story<Item, 'multiple'>;
|
|
41
|
-
export declare const SelectAllEnabled: Story<Item, 'multiple'>;
|
|
42
|
-
export declare const SelectAllEnabledWithSections: Story<Item, 'multiple'>;
|
|
43
|
-
export declare const SelectAllEnabledWithPreselectedDisabledItem: Story<Item, 'multiple'>;
|
|
44
|
-
export declare const DS872: Story;
|
|
45
|
-
export declare const StaticSections: Story;
|
|
46
|
-
export declare const NotVirtualized: Story;
|
|
47
|
-
export declare const DynamicSections: Story<Section>;
|
|
48
|
-
export declare const WithHelpPopover: Story;
|
|
49
|
-
export declare const RequiredMultipleWithTags: Story<Item, 'multiple'>;
|
|
50
|
-
export declare const RequiredMultipleWithClearAll: Story<Item, 'multiple'>;
|
|
51
|
-
export declare const RequiredMultipleSelectAll: Story<Item, 'multiple'>;
|
|
52
|
-
export declare const RequiredSingleSelect: Story;
|
|
53
|
-
export declare const LongWords: Story;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Skeleton } from './Skeleton';
|
|
3
|
-
type Story = StoryObj<typeof Skeleton>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: import('react').FC<import('./Skeleton').SkeletonProps>;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
args: {
|
|
9
|
-
variant: "form";
|
|
10
|
-
width: string;
|
|
11
|
-
};
|
|
12
|
-
render: (args: import('./Skeleton').SkeletonProps) => import('react').JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
15
|
-
export declare const Large: Story;
|
|
16
|
-
export declare const Medium: Story;
|
|
17
|
-
export declare const NoAnimation: Story;
|
|
18
|
-
export declare const OnLayer01: Story;
|
|
19
|
-
export declare const Multiple: Story;
|
|
20
|
-
export declare const Comparison: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Skeleton } from './Skeleton';
|
|
3
|
-
type Story = StoryObj<typeof Skeleton>;
|
|
4
|
-
declare const _default: Meta<typeof Skeleton>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Rectangle: Story;
|
|
7
|
-
export declare const Circle: Story;
|
|
8
|
-
export declare const NoAnimation: Story;
|
|
9
|
-
export declare const IsOnLayer01: Story;
|
|
10
|
-
export declare const DS1191: Story;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Spinner } from './Spinner';
|
|
3
|
-
type Story = StoryObj<typeof Spinner>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: import('react').FC<import('./Spinner').SpinnerProps>;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
args: {
|
|
12
|
-
small: false;
|
|
13
|
-
className: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
17
|
-
export declare const Primary: Story;
|
|
18
|
-
export declare const Small: Story;
|
|
19
|
-
export declare const InButton: Story;
|
|
20
|
-
export declare const UserSelectColor: Story;
|
package/stack/Stack.stories.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Stack } from '.';
|
|
3
|
-
type Story = StoryObj<typeof Stack>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: import('react').ForwardRefExoticComponent<import('./Stack').StackProps & import('react').RefAttributes<HTMLElement>>;
|
|
7
|
-
tags: string[];
|
|
8
|
-
args: {
|
|
9
|
-
children: import('react').JSX.Element[];
|
|
10
|
-
direction: "column";
|
|
11
|
-
alignItems: "stretch";
|
|
12
|
-
justifyContent: "start";
|
|
13
|
-
wrap: false;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
17
|
-
export declare const Vertical: Story;
|
|
18
|
-
export declare const Horizontal: Story;
|
|
19
|
-
/** Every Midas semantic space token */
|
|
20
|
-
export declare const Spacing: Story;
|
|
21
|
-
/** A list keeps its list semantics, also without bullets */
|
|
22
|
-
export declare const AsList: Story;
|
|
23
|
-
export declare const Wrap: Story;
|
|
24
|
-
export declare const SpaceBetween: Story;
|
package/table/Table.stories.d.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Table } from './Table';
|
|
3
|
-
type Story = StoryObj<typeof Table>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ size, striped, className, ...rest }: import('./Table').TableProps) => import('react').JSX.Element;
|
|
6
|
-
subcomponents: {
|
|
7
|
-
TableHeader: <T extends object>({ columns, children, className, }: import('react-aria-components').TableHeaderProps<T>) => import('react').JSX.Element;
|
|
8
|
-
Column: ({ children, className, ...rest }: import('react-aria-components').ColumnProps) => import('react').JSX.Element;
|
|
9
|
-
TableBody: <T extends object>({ className, ...rest }: import('react-aria-components').TableBodyProps<T>) => import('react').JSX.Element;
|
|
10
|
-
Row: <T extends object>({ id, columns, children, className, ...rest }: import('react-aria-components').RowProps<T>) => import('react').JSX.Element;
|
|
11
|
-
Cell: ({ className, ...rest }: import('react-aria-components').CellProps) => import('react').JSX.Element;
|
|
12
|
-
};
|
|
13
|
-
title: string;
|
|
14
|
-
tags: string[];
|
|
15
|
-
args: {
|
|
16
|
-
'aria-label': string;
|
|
17
|
-
selectionMode: "multiple";
|
|
18
|
-
};
|
|
19
|
-
argTypes: {
|
|
20
|
-
size: {
|
|
21
|
-
control: false;
|
|
22
|
-
};
|
|
23
|
-
selectionMode: {
|
|
24
|
-
options: string[];
|
|
25
|
-
control: {
|
|
26
|
-
type: "radio";
|
|
27
|
-
};
|
|
28
|
-
defaultValue: string;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
render: (args: import('./Table').TableProps) => import('react').JSX.Element;
|
|
32
|
-
};
|
|
33
|
-
export default _default;
|
|
34
|
-
export declare const Primary: Story;
|
|
35
|
-
export declare const Striped: Story;
|
|
36
|
-
export declare const Virtualized: Story;
|
|
37
|
-
export declare const StripedWithLink: Story;
|
|
38
|
-
export declare const InteractiveCells: Story;
|
|
39
|
-
export declare const Sorting: Story;
|
package/tabs/Tabs.stories.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { default as React } from 'react';
|
|
3
|
-
import { Tabs } from './Tabs';
|
|
4
|
-
type Story = StoryObj<typeof Tabs>;
|
|
5
|
-
declare const _default: {
|
|
6
|
-
component: React.FC<import('./Tabs').TabsProps>;
|
|
7
|
-
title: string;
|
|
8
|
-
tags: string[];
|
|
9
|
-
argTypes: {
|
|
10
|
-
size: {
|
|
11
|
-
control: "radio";
|
|
12
|
-
options: string[];
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
args: {
|
|
16
|
-
orientation: "horizontal";
|
|
17
|
-
variant: "uncontained";
|
|
18
|
-
size: "large";
|
|
19
|
-
};
|
|
20
|
-
render: (args: import('./Tabs').TabsProps) => React.JSX.Element;
|
|
21
|
-
};
|
|
22
|
-
export default _default;
|
|
23
|
-
export declare const Primary: Story;
|
|
24
|
-
export declare const Medium: Story;
|
|
25
|
-
export declare const Contained: Story;
|
|
26
|
-
export declare const Vertical: Story;
|
|
27
|
-
export declare const DisabledTabs: Story;
|
|
28
|
-
export declare const InModal: Story;
|
|
29
|
-
export declare const DefaultSelectedKey: Story;
|
|
30
|
-
export declare const Controlled: Story;
|
|
31
|
-
export declare const MoreItemsThanChildren: Story;
|
package/tag/Tag.stories.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Tag } from './Tag';
|
|
3
|
-
type Story = StoryObj<typeof Tag>;
|
|
4
|
-
declare const _default: Meta<typeof Tag>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Primary: Story;
|
|
7
|
-
export declare const Blue: Story;
|
|
8
|
-
export declare const Green: Story;
|
|
9
|
-
export declare const Lagoonblue: Story;
|
|
10
|
-
export declare const Orange: Story;
|
|
11
|
-
export declare const Purple: Story;
|
|
12
|
-
export declare const Red: Story;
|
|
13
|
-
export declare const Teal: Story;
|
|
14
|
-
export declare const Yellow: Story;
|
|
15
|
-
export declare const Disabled: Story;
|
|
16
|
-
export declare const WithIcon: Story;
|
|
17
|
-
export declare const WithoutTagList: Story;
|
package/text/Text.stories.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Text } from './Text';
|
|
3
|
-
type Story = StoryObj<typeof Text>;
|
|
4
|
-
declare const meta: Meta<typeof Text>;
|
|
5
|
-
export declare const Default: Story;
|
|
6
|
-
export declare const BodySmall: Story;
|
|
7
|
-
export declare const Description: Story;
|
|
8
|
-
export declare const DescriptionSmall: Story;
|
|
9
|
-
export declare const Expressive: Story;
|
|
10
|
-
export default meta;
|
|
@@ -1,365 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { TextArea } from './TextArea';
|
|
3
|
-
type Story = StoryObj<typeof TextArea>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: import('react').ForwardRefExoticComponent<Omit<import('./TextFieldBase').TextFieldBaseProps, "type" | "pattern"> & import('../utils/types').Complement<import('./TextFieldBase').TextFieldBaseProps, import('react-aria-components').TextAreaProps> & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
7
|
-
args: {
|
|
8
|
-
label: string;
|
|
9
|
-
description: string;
|
|
10
|
-
errorPosition: "top";
|
|
11
|
-
};
|
|
12
|
-
argTypes: {
|
|
13
|
-
size: {
|
|
14
|
-
table: {
|
|
15
|
-
disable: true;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
21
|
-
export declare const Primary: Story;
|
|
22
|
-
export declare const Invalid: Story;
|
|
23
|
-
export declare const Required: Story;
|
|
24
|
-
export declare const CustomValidation: Story;
|
|
25
|
-
export declare const MaxLength: Story;
|
|
26
|
-
export declare const Disabled: {
|
|
27
|
-
args: {
|
|
28
|
-
isDisabled: boolean;
|
|
29
|
-
size?: import('..').Size;
|
|
30
|
-
children?: import('react').ReactNode;
|
|
31
|
-
style?: import('react-aria-components').StyleOrFunction<import('react-aria-components').TextFieldRenderProps> | undefined;
|
|
32
|
-
render?: import('react-aria-components').DOMRenderFunction<"div", import('react-aria-components').TextFieldRenderProps> | undefined;
|
|
33
|
-
id?: string;
|
|
34
|
-
dir?: string | undefined;
|
|
35
|
-
lang?: string | undefined;
|
|
36
|
-
hidden?: boolean | undefined;
|
|
37
|
-
inert?: boolean | undefined;
|
|
38
|
-
translate?: "yes" | "no" | undefined;
|
|
39
|
-
onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
40
|
-
onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
41
|
-
onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
42
|
-
onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
43
|
-
onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
44
|
-
onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
45
|
-
onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
46
|
-
onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
47
|
-
onMouseDown?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
48
|
-
onMouseDownCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
49
|
-
onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
50
|
-
onMouseLeave?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
51
|
-
onMouseMove?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
52
|
-
onMouseMoveCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
53
|
-
onMouseOut?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
54
|
-
onMouseOutCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
55
|
-
onMouseOver?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
56
|
-
onMouseOverCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
57
|
-
onMouseUp?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
58
|
-
onMouseUpCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
59
|
-
onTouchCancel?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
60
|
-
onTouchCancelCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
61
|
-
onTouchEnd?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
62
|
-
onTouchEndCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
63
|
-
onTouchMove?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
64
|
-
onTouchMoveCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
65
|
-
onTouchStart?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
66
|
-
onTouchStartCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
|
|
67
|
-
onPointerDown?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
68
|
-
onPointerDownCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
69
|
-
onPointerMove?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
70
|
-
onPointerMoveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
71
|
-
onPointerUp?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
72
|
-
onPointerUpCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
73
|
-
onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
74
|
-
onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
75
|
-
onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
76
|
-
onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
77
|
-
onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
78
|
-
onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
79
|
-
onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
80
|
-
onPointerOutCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
81
|
-
onGotPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
82
|
-
onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
83
|
-
onLostPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
84
|
-
onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
|
|
85
|
-
onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
|
|
86
|
-
onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
|
|
87
|
-
onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
|
|
88
|
-
onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
|
|
89
|
-
onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
90
|
-
onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
91
|
-
onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
92
|
-
onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
93
|
-
onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
94
|
-
onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
95
|
-
onTransitionCancel?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
96
|
-
onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
97
|
-
onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
98
|
-
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
99
|
-
onTransitionRun?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
100
|
-
onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
101
|
-
onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
102
|
-
onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
103
|
-
value?: string | undefined;
|
|
104
|
-
form?: string;
|
|
105
|
-
name?: string;
|
|
106
|
-
slot?: string | null;
|
|
107
|
-
'aria-activedescendant'?: string;
|
|
108
|
-
'aria-autocomplete'?: "none" | "inline" | "list" | "both";
|
|
109
|
-
'aria-controls'?: string;
|
|
110
|
-
'aria-describedby'?: string;
|
|
111
|
-
'aria-details'?: string;
|
|
112
|
-
'aria-errormessage'?: string;
|
|
113
|
-
'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
|
|
114
|
-
'aria-label'?: string;
|
|
115
|
-
'aria-labelledby'?: string;
|
|
116
|
-
onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
117
|
-
onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
118
|
-
onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
119
|
-
onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
|
|
120
|
-
onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
|
|
121
|
-
onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
|
|
122
|
-
onFocus?: ((e: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
123
|
-
onBlur?: ((e: import('react').FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
124
|
-
onChange?: ((value: string) => void) | undefined;
|
|
125
|
-
onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
|
|
126
|
-
onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
|
|
127
|
-
onKeyDown?: (e: import('react-aria-components').KeyboardEvent) => void;
|
|
128
|
-
onKeyUp?: (e: import('react-aria-components').KeyboardEvent) => void;
|
|
129
|
-
onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
130
|
-
autoFocus?: boolean;
|
|
131
|
-
onFocusChange?: (isFocused: boolean) => void;
|
|
132
|
-
excludeFromTabOrder?: boolean;
|
|
133
|
-
defaultValue?: string | undefined;
|
|
134
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
135
|
-
spellCheck?: string;
|
|
136
|
-
autoCorrect?: string;
|
|
137
|
-
popover?: import('..').InfoPopoverProps;
|
|
138
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
139
|
-
isReadOnly?: boolean;
|
|
140
|
-
errorMessage?: string | ((validation: import('react-aria-components').ValidationResult) => string);
|
|
141
|
-
isInvalid?: boolean;
|
|
142
|
-
label?: string;
|
|
143
|
-
description?: string;
|
|
144
|
-
validationBehavior?: "native" | "aria";
|
|
145
|
-
isRequired?: boolean;
|
|
146
|
-
validate?: ((value: string) => import('@react-types/shared').ValidationError | true | null | undefined) | undefined;
|
|
147
|
-
errorPosition?: "top" | "bottom";
|
|
148
|
-
autoComplete?: string;
|
|
149
|
-
maxLength?: number;
|
|
150
|
-
minLength?: number;
|
|
151
|
-
showCounter?: boolean;
|
|
152
|
-
className?: import('react-aria-components').ClassNameOrFunction<import('react-aria-components').InputRenderProps>;
|
|
153
|
-
color?: string | undefined;
|
|
154
|
-
role?: import('react').AriaRole | undefined;
|
|
155
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
156
|
-
nonce?: string | undefined;
|
|
157
|
-
part?: string | undefined;
|
|
158
|
-
tabIndex?: number | undefined;
|
|
159
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
160
|
-
"aria-braillelabel"?: string | undefined;
|
|
161
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
162
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
163
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
164
|
-
"aria-colcount"?: number | undefined;
|
|
165
|
-
"aria-colindex"?: number | undefined;
|
|
166
|
-
"aria-colindextext"?: string | undefined;
|
|
167
|
-
"aria-colspan"?: number | undefined;
|
|
168
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
169
|
-
"aria-description"?: string | undefined;
|
|
170
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
171
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
172
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
173
|
-
"aria-flowto"?: string | undefined;
|
|
174
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
175
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
176
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
177
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
178
|
-
"aria-level"?: number | undefined;
|
|
179
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
180
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
181
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
182
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
183
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
184
|
-
"aria-owns"?: string | undefined;
|
|
185
|
-
"aria-placeholder"?: string | undefined;
|
|
186
|
-
"aria-posinset"?: number | undefined;
|
|
187
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
188
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
189
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
190
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
191
|
-
"aria-roledescription"?: string | undefined;
|
|
192
|
-
"aria-rowcount"?: number | undefined;
|
|
193
|
-
"aria-rowindex"?: number | undefined;
|
|
194
|
-
"aria-rowindextext"?: string | undefined;
|
|
195
|
-
"aria-rowspan"?: number | undefined;
|
|
196
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
197
|
-
"aria-setsize"?: number | undefined;
|
|
198
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
199
|
-
"aria-valuemax"?: number | undefined;
|
|
200
|
-
"aria-valuemin"?: number | undefined;
|
|
201
|
-
"aria-valuenow"?: number | undefined;
|
|
202
|
-
"aria-valuetext"?: string | undefined;
|
|
203
|
-
dangerouslySetInnerHTML?: {
|
|
204
|
-
__html: string | TrustedHTML;
|
|
205
|
-
} | undefined;
|
|
206
|
-
onCopyCapture?: import('react').ClipboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
207
|
-
onCutCapture?: import('react').ClipboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
208
|
-
onPasteCapture?: import('react').ClipboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
209
|
-
onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLTextAreaElement> | undefined;
|
|
210
|
-
onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLTextAreaElement> | undefined;
|
|
211
|
-
onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLTextAreaElement> | undefined;
|
|
212
|
-
onFocusCapture?: import('react').FocusEventHandler<HTMLTextAreaElement> | undefined;
|
|
213
|
-
onBlurCapture?: import('react').FocusEventHandler<HTMLTextAreaElement> | undefined;
|
|
214
|
-
onChangeCapture?: import('react').ChangeEventHandler<HTMLTextAreaElement, Element> | undefined;
|
|
215
|
-
onBeforeInputCapture?: import('react').InputEventHandler<HTMLTextAreaElement> | undefined;
|
|
216
|
-
onInputCapture?: import('react').InputEventHandler<HTMLTextAreaElement> | undefined;
|
|
217
|
-
onReset?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
218
|
-
onResetCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
219
|
-
onSubmit?: import('react').SubmitEventHandler<HTMLTextAreaElement> | undefined;
|
|
220
|
-
onSubmitCapture?: import('react').SubmitEventHandler<HTMLTextAreaElement> | undefined;
|
|
221
|
-
onInvalid?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
222
|
-
onInvalidCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
223
|
-
onLoad?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
224
|
-
onLoadCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
225
|
-
onError?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
226
|
-
onErrorCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
227
|
-
onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
228
|
-
onKeyPress?: import('react').KeyboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
229
|
-
onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
230
|
-
onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLTextAreaElement> | undefined;
|
|
231
|
-
onAbort?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
232
|
-
onAbortCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
233
|
-
onCanPlay?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
234
|
-
onCanPlayCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
235
|
-
onCanPlayThrough?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
236
|
-
onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
237
|
-
onDurationChange?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
238
|
-
onDurationChangeCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
239
|
-
onEmptied?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
240
|
-
onEmptiedCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
241
|
-
onEncrypted?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
242
|
-
onEncryptedCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
243
|
-
onEnded?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
244
|
-
onEndedCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
245
|
-
onLoadedData?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
246
|
-
onLoadedDataCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
247
|
-
onLoadedMetadata?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
248
|
-
onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
249
|
-
onLoadStart?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
250
|
-
onLoadStartCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
251
|
-
onPause?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
252
|
-
onPauseCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
253
|
-
onPlay?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
254
|
-
onPlayCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
255
|
-
onPlaying?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
256
|
-
onPlayingCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
257
|
-
onProgress?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
258
|
-
onProgressCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
259
|
-
onRateChange?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
260
|
-
onRateChangeCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
261
|
-
onSeeked?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
262
|
-
onSeekedCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
263
|
-
onSeeking?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
264
|
-
onSeekingCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
265
|
-
onStalled?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
266
|
-
onStalledCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
267
|
-
onSuspend?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
268
|
-
onSuspendCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
269
|
-
onTimeUpdate?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
270
|
-
onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
271
|
-
onVolumeChange?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
272
|
-
onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
273
|
-
onWaiting?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
274
|
-
onWaitingCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
275
|
-
onDrag?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
276
|
-
onDragCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
277
|
-
onDragEnd?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
278
|
-
onDragEndCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
279
|
-
onDragEnter?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
280
|
-
onDragEnterCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
281
|
-
onDragExit?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
282
|
-
onDragExitCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
283
|
-
onDragLeave?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
284
|
-
onDragLeaveCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
285
|
-
onDragOver?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
286
|
-
onDragOverCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
287
|
-
onDragStart?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
288
|
-
onDragStartCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
289
|
-
onDrop?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
290
|
-
onDropCapture?: import('react').DragEventHandler<HTMLTextAreaElement> | undefined;
|
|
291
|
-
onSelectCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
292
|
-
onScrollEnd?: import('react').UIEventHandler<HTMLTextAreaElement> | undefined;
|
|
293
|
-
onScrollEndCapture?: import('react').UIEventHandler<HTMLTextAreaElement> | undefined;
|
|
294
|
-
onToggle?: import('react').ToggleEventHandler<HTMLTextAreaElement> | undefined;
|
|
295
|
-
onBeforeToggle?: import('react').ToggleEventHandler<HTMLTextAreaElement> | undefined;
|
|
296
|
-
rel?: string | undefined;
|
|
297
|
-
onHoverStart?: (e: import('react-aria-components').HoverEvent) => void;
|
|
298
|
-
onHoverEnd?: (e: import('react-aria-components').HoverEvent) => void;
|
|
299
|
-
onHoverChange?: (isHovering: boolean) => void;
|
|
300
|
-
defaultChecked?: boolean | undefined;
|
|
301
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
302
|
-
accessKey?: string | undefined;
|
|
303
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
304
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
305
|
-
contextMenu?: string | undefined;
|
|
306
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
307
|
-
title?: string | undefined;
|
|
308
|
-
radioGroup?: string | undefined;
|
|
309
|
-
about?: string | undefined;
|
|
310
|
-
content?: string | undefined;
|
|
311
|
-
datatype?: string | undefined;
|
|
312
|
-
inlist?: any;
|
|
313
|
-
prefix?: string | undefined;
|
|
314
|
-
property?: string | undefined;
|
|
315
|
-
resource?: string | undefined;
|
|
316
|
-
rev?: string | undefined;
|
|
317
|
-
typeof?: string | undefined;
|
|
318
|
-
vocab?: string | undefined;
|
|
319
|
-
autoSave?: string | undefined;
|
|
320
|
-
itemProp?: string | undefined;
|
|
321
|
-
itemScope?: boolean | undefined;
|
|
322
|
-
itemType?: string | undefined;
|
|
323
|
-
itemID?: string | undefined;
|
|
324
|
-
itemRef?: string | undefined;
|
|
325
|
-
results?: number | undefined;
|
|
326
|
-
security?: string | undefined;
|
|
327
|
-
unselectable?: "on" | "off" | undefined;
|
|
328
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
329
|
-
popoverTarget?: string | undefined;
|
|
330
|
-
is?: string | undefined;
|
|
331
|
-
exportparts?: string | undefined;
|
|
332
|
-
placeholder?: string | undefined;
|
|
333
|
-
disabled?: boolean | undefined;
|
|
334
|
-
cols?: number | undefined;
|
|
335
|
-
dirName?: string | undefined;
|
|
336
|
-
readOnly?: boolean | undefined;
|
|
337
|
-
required?: boolean | undefined;
|
|
338
|
-
wrap?: string | undefined;
|
|
339
|
-
rows?: number | undefined;
|
|
340
|
-
ref?: import('react').Ref<HTMLTextAreaElement> | undefined;
|
|
341
|
-
key?: import('react').Key | null | undefined;
|
|
342
|
-
};
|
|
343
|
-
parameters: {
|
|
344
|
-
a11y: {
|
|
345
|
-
context: string;
|
|
346
|
-
config: {
|
|
347
|
-
rules: {
|
|
348
|
-
id: string;
|
|
349
|
-
enabled: boolean;
|
|
350
|
-
}[];
|
|
351
|
-
};
|
|
352
|
-
options: {
|
|
353
|
-
rules: {
|
|
354
|
-
'color-contrast': {
|
|
355
|
-
enabled: false;
|
|
356
|
-
};
|
|
357
|
-
};
|
|
358
|
-
};
|
|
359
|
-
};
|
|
360
|
-
};
|
|
361
|
-
};
|
|
362
|
-
export declare const DisabledWithDefaultValue: Story;
|
|
363
|
-
export declare const ReadOnly: Story;
|
|
364
|
-
export declare const ShowCounter: Story;
|
|
365
|
-
export declare const MaxLengthAndShowCounter: Story;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { TextField } from './TextField';
|
|
3
|
-
type Story = StoryObj<typeof TextField>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: import('react').ForwardRefExoticComponent<import('./TextFieldBase').TextFieldBaseProps & import('../utils/types').Complement<import('./TextFieldBase').TextFieldBaseProps, import('./Input').InputProps> & import('react').RefAttributes<HTMLInputElement>>;
|
|
7
|
-
argTypes: {
|
|
8
|
-
type: {
|
|
9
|
-
options: string[];
|
|
10
|
-
control: {
|
|
11
|
-
type: "select";
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
args: {
|
|
16
|
-
label: string;
|
|
17
|
-
description: string;
|
|
18
|
-
errorPosition: "top";
|
|
19
|
-
size: "large";
|
|
20
|
-
inputMode: "text";
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export default _default;
|
|
24
|
-
export declare const Primary: Story;
|
|
25
|
-
export declare const Password: Story;
|
|
26
|
-
export declare const Invalid: Story;
|
|
27
|
-
export declare const Required: Story;
|
|
28
|
-
export declare const CustomValidation: Story;
|
|
29
|
-
export declare const Number: Story;
|
|
30
|
-
export declare const Numeric: Story;
|
|
31
|
-
export declare const Disabled: Story;
|
|
32
|
-
export declare const DisabledWithDefaultValue: Story;
|
|
33
|
-
export declare const ReadOnly: Story;
|
|
34
|
-
export declare const ShowCounter: Story;
|
|
35
|
-
export declare const MaxLengthAndShowCounter: Story;
|
|
36
|
-
export declare const DS1243: Story;
|
|
37
|
-
export declare const WithHelpPopover: Story;
|
|
38
|
-
export declare const Email: Story;
|
|
39
|
-
export declare const OnCard: Story;
|