@dfds-ui/react-components 2.0.24-alpha.773a7548 → 2.0.24-alpha.7c6dacfa
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/app-bar/AppBarItem.d.ts +1 -1
- package/cjs/tooltip/Tooltip.js +3 -3
- package/date-range-picker/DateRangePicker.js +2 -2
- package/package.json +9 -9
- package/tooltip/Tooltip.d.ts +1 -1
- package/tooltip/Tooltip.js +3 -3
- package/cjs/accordion/Accordion.d.ts +0 -101
- package/cjs/accordion/AccordionContent.d.ts +0 -13
- package/cjs/accordion/AccordionSmall.d.ts +0 -55
- package/cjs/accordion/index.d.ts +0 -3
- package/cjs/app-bar/AppBar.d.ts +0 -13
- package/cjs/app-bar/AppBarContext.d.ts +0 -12
- package/cjs/app-bar/AppBarDrawer.d.ts +0 -5
- package/cjs/app-bar/AppBarIconButton.d.ts +0 -10
- package/cjs/app-bar/AppBarItem.d.ts +0 -23
- package/cjs/app-bar/AppBarListItem.d.ts +0 -16
- package/cjs/app-bar/index.d.ts +0 -7
- package/cjs/assertions/banner/Banner.d.ts +0 -74
- package/cjs/assertions/banner/BannerAction.d.ts +0 -19
- package/cjs/assertions/banner/BannerTypography.d.ts +0 -7
- package/cjs/assertions/banner/index.d.ts +0 -3
- package/cjs/assertions/index.d.ts +0 -2
- package/cjs/assertions/toast/Toast.d.ts +0 -12
- package/cjs/assertions/toast/Toaster.d.ts +0 -19
- package/cjs/assertions/toast/index.d.ts +0 -2
- package/cjs/badge/Badge.d.ts +0 -26
- package/cjs/badge/index.d.ts +0 -2
- package/cjs/button/BadgeIcon.d.ts +0 -7
- package/cjs/button/BaseButton.d.ts +0 -14
- package/cjs/button/Button.d.ts +0 -19
- package/cjs/button/IconButton.d.ts +0 -75
- package/cjs/button/LinkButton.d.ts +0 -8
- package/cjs/button/button-style.d.ts +0 -7
- package/cjs/button/index.d.ts +0 -7
- package/cjs/button-stack/ButtonStack.d.ts +0 -11
- package/cjs/button-stack/index.d.ts +0 -1
- package/cjs/card/Card.d.ts +0 -18
- package/cjs/card/CardActions.d.ts +0 -4
- package/cjs/card/CardContent.d.ts +0 -13
- package/cjs/card/CardMedia.d.ts +0 -18
- package/cjs/card/CardPriceTag.d.ts +0 -25
- package/cjs/card/CardTitle.d.ts +0 -18
- package/cjs/card/index.d.ts +0 -6
- package/cjs/chip/Chip.d.ts +0 -19
- package/cjs/chip/index.d.ts +0 -2
- package/cjs/common/LockBodyScroll.d.ts +0 -25
- package/cjs/common/arrow.d.ts +0 -6
- package/cjs/common/emotionCloneElement.d.ts +0 -3
- package/cjs/common/intent.d.ts +0 -3
- package/cjs/common/miniMoize.d.ts +0 -1
- package/cjs/common/polymorphic.d.ts +0 -25
- package/cjs/common/use-media.d.ts +0 -1
- package/cjs/common/useOnClickOutside.d.ts +0 -4
- package/cjs/common/utils.d.ts +0 -3
- package/cjs/counter/Counter.d.ts +0 -26
- package/cjs/counter/PluralCounter.d.ts +0 -13
- package/cjs/counter/index.d.ts +0 -2
- package/cjs/data-table/DataTable.d.ts +0 -10
- package/cjs/data-table/index.d.ts +0 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
- package/cjs/date-range-picker/index.d.ts +0 -1
- package/cjs/divider/Divider.d.ts +0 -26
- package/cjs/divider/index.d.ts +0 -1
- package/cjs/drawer/Drawer.d.ts +0 -31
- package/cjs/drawer/index.d.ts +0 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +0 -46
- package/cjs/dropdown-menu/DropdownContext.d.ts +0 -13
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +0 -34
- package/cjs/dropdown-menu/MenuItem.d.ts +0 -45
- package/cjs/dropdown-menu/MenuTitle.d.ts +0 -14
- package/cjs/dropdown-menu/index.d.ts +0 -5
- package/cjs/elevation/index.d.ts +0 -3
- package/cjs/flexbox/FlexBox.d.ts +0 -100
- package/cjs/flexbox/index.d.ts +0 -1
- package/cjs/footer/Footer.d.ts +0 -7
- package/cjs/footer/index.d.ts +0 -1
- package/cjs/forms/assistive-text/AssistiveText.d.ts +0 -8
- package/cjs/forms/asterisk/Asterisk.d.ts +0 -3
- package/cjs/forms/checkbox/Checkbox.d.ts +0 -39
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -10
- package/cjs/forms/checkbox/index.d.ts +0 -1
- package/cjs/forms/email-field/EmailField.d.ts +0 -6
- package/cjs/forms/error-text/ErrorText.d.ts +0 -8
- package/cjs/forms/field/Field.d.ts +0 -10
- package/cjs/forms/index.d.ts +0 -21
- package/cjs/forms/input/Input.d.ts +0 -19
- package/cjs/forms/input/InputComposition.d.ts +0 -43
- package/cjs/forms/label/Label.d.ts +0 -10
- package/cjs/forms/number-field/NumberField.d.ts +0 -6
- package/cjs/forms/password-field/PasswordField.d.ts +0 -4
- package/cjs/forms/radio/Radio.d.ts +0 -35
- package/cjs/forms/reactselect/ReactSelect.d.ts +0 -25
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +0 -6
- package/cjs/forms/select/Select.d.ts +0 -16
- package/cjs/forms/select-field/SelectField.d.ts +0 -17
- package/cjs/forms/switch/Switch.d.ts +0 -13
- package/cjs/forms/tel-field/TelField.d.ts +0 -6
- package/cjs/forms/text-field/TextField.d.ts +0 -26
- package/cjs/global-styles/GlobalStyles.d.ts +0 -3
- package/cjs/global-styles/ResetStyles.d.ts +0 -9
- package/cjs/global-styles/sanitize.d.ts +0 -1
- package/cjs/grid/Column.d.ts +0 -10
- package/cjs/grid/Container.d.ts +0 -15
- package/cjs/grid/index.d.ts +0 -2
- package/cjs/hero/Hero.d.ts +0 -10
- package/cjs/hero/index.d.ts +0 -1
- package/cjs/hero/stripes.d.ts +0 -6
- package/cjs/ie-banner/IEBanner.d.ts +0 -11
- package/cjs/ie-banner/index.d.ts +0 -1
- package/cjs/index.d.ts +0 -44
- package/cjs/layout/LayoutLegacy.d.ts +0 -2
- package/cjs/lists/FeatureList.d.ts +0 -24
- package/cjs/lists/ListAddon.d.ts +0 -11
- package/cjs/lists/ListDivider.d.ts +0 -5
- package/cjs/lists/ListIcon.d.ts +0 -18
- package/cjs/lists/ListItem.d.ts +0 -46
- package/cjs/lists/ListText.d.ts +0 -39
- package/cjs/lists/ListTextGroup.d.ts +0 -15
- package/cjs/lists/ListTitle.d.ts +0 -4
- package/cjs/lists/index.d.ts +0 -8
- package/cjs/loader/DfdsLoader.d.ts +0 -9
- package/cjs/loader/Loader.d.ts +0 -6
- package/cjs/loader/index.d.ts +0 -2
- package/cjs/localization/LocaleFlag.d.ts +0 -13
- package/cjs/localization/index.d.ts +0 -2
- package/cjs/localization/locales.d.ts +0 -35
- package/cjs/logo/Logo.d.ts +0 -11
- package/cjs/logo/index.d.ts +0 -1
- package/cjs/media/index.d.ts +0 -2
- package/cjs/menu/Menu.d.ts +0 -7
- package/cjs/menu/index.d.ts +0 -2
- package/cjs/mobile-stepper/MobileStepper.d.ts +0 -25
- package/cjs/mobile-stepper/index.d.ts +0 -1
- package/cjs/nav-bar/NavBar.d.ts +0 -35
- package/cjs/nav-bar/index.d.ts +0 -2
- package/cjs/nav-menu/NavMenuItem.d.ts +0 -10
- package/cjs/nav-menu/index.d.ts +0 -1
- package/cjs/pagination/Pagination.d.ts +0 -44
- package/cjs/pagination/Pagination.styles.d.ts +0 -6
- package/cjs/pagination/index.d.ts +0 -1
- package/cjs/popper/Popper.d.ts +0 -29
- package/cjs/popper/index.d.ts +0 -1
- package/cjs/progress-bar/ProgressBar.d.ts +0 -8
- package/cjs/progress-bar/index.d.ts +0 -2
- package/cjs/schedule/ScheduleItem.d.ts +0 -21
- package/cjs/schedule/ScheduleList.d.ts +0 -11
- package/cjs/schedule/index.d.ts +0 -2
- package/cjs/side-sheet/SideSheet.d.ts +0 -57
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +0 -13
- package/cjs/side-sheet/SideSheetContent.d.ts +0 -7
- package/cjs/side-sheet/SideSheetFooter.d.ts +0 -7
- package/cjs/side-sheet/SideSheetHeader.d.ts +0 -9
- package/cjs/side-sheet/SideSheetHeadline.d.ts +0 -7
- package/cjs/side-sheet/index.d.ts +0 -4
- package/cjs/site-layout/SiteLayout.d.ts +0 -36
- package/cjs/site-layout/index.d.ts +0 -2
- package/cjs/skeleton/Skeleton.d.ts +0 -8
- package/cjs/skeleton/index.d.ts +0 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +0 -26
- package/cjs/social-media-link-list/index.d.ts +0 -1
- package/cjs/spinner/Spinner.d.ts +0 -58
- package/cjs/spinner/index.d.ts +0 -1
- package/cjs/step/Step.d.ts +0 -45
- package/cjs/step/Step.styles.d.ts +0 -4
- package/cjs/step/StepButton.d.ts +0 -4
- package/cjs/step/StepContent.d.ts +0 -6
- package/cjs/step/StepContext.d.ts +0 -12
- package/cjs/step/StepLabel.d.ts +0 -7
- package/cjs/step/index.d.ts +0 -1
- package/cjs/stepper/Stepper.d.ts +0 -25
- package/cjs/stepper/StepperContext.d.ts +0 -9
- package/cjs/stepper/index.d.ts +0 -1
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +0 -5
- package/cjs/stepper-feedback-message/index.d.ts +0 -1
- package/cjs/styles/index.d.ts +0 -3
- package/cjs/styles/media.d.ts +0 -21
- package/cjs/styles/rem.d.ts +0 -1
- package/cjs/styles/style-helpers.d.ts +0 -1
- package/cjs/styles/theme.d.ts +0 -39
- package/cjs/surface/Surface.d.ts +0 -32
- package/cjs/surface/index.d.ts +0 -1
- package/cjs/tab/Tab.d.ts +0 -12
- package/cjs/tab/TabPanel.d.ts +0 -7
- package/cjs/tab/Tabs.d.ts +0 -11
- package/cjs/tab/TabsContext.d.ts +0 -16
- package/cjs/tab/index.d.ts +0 -4
- package/cjs/table/Table.d.ts +0 -22
- package/cjs/table/TableBody.d.ts +0 -9
- package/cjs/table/TableDataCell.d.ts +0 -14
- package/cjs/table/TableHead.d.ts +0 -14
- package/cjs/table/TableHeaderCell.d.ts +0 -15
- package/cjs/table/TableRow.d.ts +0 -17
- package/cjs/table/index.d.ts +0 -6
- package/cjs/test/Test.d.ts +0 -8
- package/cjs/tooltip/Tooltip.d.ts +0 -26
- package/cjs/tooltip/index.d.ts +0 -2
- package/cjs/typography/Headlines.d.ts +0 -70
- package/cjs/typography/Text.d.ts +0 -5
- package/cjs/typography/index.d.ts +0 -2
package/cjs/divider/Divider.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type DividerProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Display the Divider in "light" mode.
|
|
5
|
-
*/
|
|
6
|
-
light?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Display the Divider in "indent" style
|
|
9
|
-
*/
|
|
10
|
-
indent?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Display the Divider in "margin" style
|
|
13
|
-
*/
|
|
14
|
-
margins?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* HTML tag or custom component being rendered
|
|
17
|
-
*/
|
|
18
|
-
as?: React.ElementType;
|
|
19
|
-
/**
|
|
20
|
-
* Class name to be assigned to the component
|
|
21
|
-
*/
|
|
22
|
-
className?: string;
|
|
23
|
-
};
|
|
24
|
-
export declare const dividerBorder: (light?: boolean, placement?: 'top' | 'bottom') => import("@emotion/utils").SerializedStyles;
|
|
25
|
-
export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => JSX.Element;
|
|
26
|
-
export default Divider;
|
package/cjs/divider/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Divider';
|
package/cjs/drawer/Drawer.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { theme } from '@dfds-ui/theme';
|
|
3
|
-
declare type HorizontalPosition = 'left' | 'right';
|
|
4
|
-
declare type VerticalPosition = 'top' | 'bottom';
|
|
5
|
-
declare type Elevation = keyof typeof theme.elevation;
|
|
6
|
-
export declare type DrawerProps = {
|
|
7
|
-
/**
|
|
8
|
-
* Horizontal position of the drawer
|
|
9
|
-
*/
|
|
10
|
-
position?: HorizontalPosition;
|
|
11
|
-
/**
|
|
12
|
-
* Show arrow to visually indicate the relation to a connected component
|
|
13
|
-
*/
|
|
14
|
-
showArrow?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Set the `elevation` for the Drawer.
|
|
17
|
-
*/
|
|
18
|
-
elevation?: Elevation;
|
|
19
|
-
/**
|
|
20
|
-
* Vertical position of the drawer in relation to a connected component.
|
|
21
|
-
* Will only be used for placing the arrow on either the `top` or `bottom`
|
|
22
|
-
*/
|
|
23
|
-
verticalPosition?: VerticalPosition;
|
|
24
|
-
/**
|
|
25
|
-
* Class name to be assigned to the component
|
|
26
|
-
*/
|
|
27
|
-
className?: string;
|
|
28
|
-
children?: React.ReactNode;
|
|
29
|
-
};
|
|
30
|
-
export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
export default Drawer;
|
package/cjs/drawer/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Drawer';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { PopperProps, PopperPlacementType } from '@mui/material';
|
|
3
|
-
export declare type DropdownSize = 'medium' | 'small';
|
|
4
|
-
export declare type DropdownProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Placement for the `Dropdown`.
|
|
7
|
-
*/
|
|
8
|
-
placement?: PopperPlacementType;
|
|
9
|
-
/**
|
|
10
|
-
* HTML element that the `Dropdown` will be anchor to.
|
|
11
|
-
*/
|
|
12
|
-
anchorEl?: PopperProps['anchorEl'];
|
|
13
|
-
/**
|
|
14
|
-
* If set to `true`, the `Dropdown` is shown.
|
|
15
|
-
*/
|
|
16
|
-
isOpen: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Set the state of the `Dropdown`.
|
|
19
|
-
*/
|
|
20
|
-
setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
21
|
-
/**
|
|
22
|
-
* Specify the size of the `Dropdown`.
|
|
23
|
-
*/
|
|
24
|
-
size?: DropdownSize;
|
|
25
|
-
/**
|
|
26
|
-
* Close the `Dropdown` on `esc` key.
|
|
27
|
-
*/
|
|
28
|
-
shouldCloseOnEsc?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* className to be assigned to component.
|
|
31
|
-
*/
|
|
32
|
-
className?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Select multiple children from the `Dropdown`.
|
|
35
|
-
*/
|
|
36
|
-
multiselect?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Add an `id` to the `Dropdown`.
|
|
39
|
-
*/
|
|
40
|
-
id?: string;
|
|
41
|
-
onClickAway?: () => void;
|
|
42
|
-
children: ReactElement[];
|
|
43
|
-
filter?: boolean;
|
|
44
|
-
};
|
|
45
|
-
declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) => JSX.Element;
|
|
46
|
-
export default DropdownMenu;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type DropdownSize = 'medium' | 'small';
|
|
3
|
-
declare type DropdownContextProps = {
|
|
4
|
-
size?: DropdownSize;
|
|
5
|
-
multiselect?: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare const DropdownContext: React.Context<DropdownContextProps>;
|
|
8
|
-
export declare const DropdownContextProvider: React.FC<{
|
|
9
|
-
value: DropdownContextProps;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}>;
|
|
12
|
-
declare const useDropdownContext: () => DropdownContextProps;
|
|
13
|
-
export default useDropdownContext;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface MenuCheckboxProps {
|
|
3
|
-
/**
|
|
4
|
-
* HTML tag or custom component being rendered.
|
|
5
|
-
*/
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
/**
|
|
8
|
-
* Override the default color for the text.
|
|
9
|
-
*/
|
|
10
|
-
color?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Indicates that the `MenuCheckbox` is disabled.
|
|
13
|
-
*/
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Invoke the provided callback when the `MenuCheckbox` is clicked.
|
|
17
|
-
*/
|
|
18
|
-
onClick?: () => void;
|
|
19
|
-
/**
|
|
20
|
-
* Indicates that the `MenuCheckbox` is selected.
|
|
21
|
-
*/
|
|
22
|
-
selected?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Add interactive styles to the `MenuCheckbox`.
|
|
25
|
-
*/
|
|
26
|
-
clickable?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* className to be assigned to component.
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
children?: React.ReactNode;
|
|
32
|
-
}
|
|
33
|
-
declare const MenuCheckbox: ({ color, children, disabled, as, onClick, selected, clickable, className, }: MenuCheckboxProps) => JSX.Element;
|
|
34
|
-
export default MenuCheckbox;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DropdownSize } from './Dropdown';
|
|
3
|
-
export interface MenuItemProps {
|
|
4
|
-
/**
|
|
5
|
-
* HTML tag or custom component being rendered.
|
|
6
|
-
*/
|
|
7
|
-
as?: React.ElementType;
|
|
8
|
-
/**
|
|
9
|
-
* Invoke the provided callback when the `MenuItem` is clicked.
|
|
10
|
-
*/
|
|
11
|
-
onClick?: (event?: any) => void;
|
|
12
|
-
/**
|
|
13
|
-
* Indicates that the `MenuItem` is selected.
|
|
14
|
-
*/
|
|
15
|
-
selected?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Indicates that the `MenuItem` is disabled.
|
|
18
|
-
*/
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Add interactive styles to the `MenuItem`.
|
|
22
|
-
*/
|
|
23
|
-
clickable?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Override the default color for the text.
|
|
26
|
-
*/
|
|
27
|
-
color?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Choose an icon that will be left aligned.
|
|
30
|
-
*/
|
|
31
|
-
iconLeft?: React.ElementType;
|
|
32
|
-
/**
|
|
33
|
-
* Choose an icon that will be right aligned.
|
|
34
|
-
*/
|
|
35
|
-
iconRight?: React.ElementType;
|
|
36
|
-
/**
|
|
37
|
-
* className to be assigned to component.
|
|
38
|
-
*/
|
|
39
|
-
className?: string;
|
|
40
|
-
children?: React.ReactNode;
|
|
41
|
-
}
|
|
42
|
-
export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
|
|
43
|
-
export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
|
|
44
|
-
declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
|
|
45
|
-
export default MenuItem;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface MenuTitleProps {
|
|
3
|
-
/**
|
|
4
|
-
* Change the color of the text.
|
|
5
|
-
*/
|
|
6
|
-
color?: string;
|
|
7
|
-
/**
|
|
8
|
-
* className to be assigned to component.
|
|
9
|
-
*/
|
|
10
|
-
className?: string;
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
declare const MenuTitle: ({ color, children, className }: MenuTitleProps) => JSX.Element;
|
|
14
|
-
export default MenuTitle;
|
package/cjs/elevation/index.d.ts
DELETED
package/cjs/flexbox/FlexBox.d.ts
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare type RenderAs = {
|
|
3
|
-
/**
|
|
4
|
-
* HTML tag or custom component being rendered
|
|
5
|
-
*/
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
};
|
|
8
|
-
export declare type FlexBoxProps = {
|
|
9
|
-
/**
|
|
10
|
-
* Set this prop to `true` to set `display` to `inline-flex` instead of `flex`
|
|
11
|
-
*/
|
|
12
|
-
inline?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Set this prop to `true` to set `flex-direction` to `row-reverse`
|
|
15
|
-
*/
|
|
16
|
-
directionRowReverse?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Set this prop to `true` to set `flex-direction` to `row`
|
|
19
|
-
*/
|
|
20
|
-
directionRow?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Set this prop to `true` to set `flex-direction` to `column`
|
|
23
|
-
*/
|
|
24
|
-
directionColumn?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Set this prop to `true` to set `flex-direction` to `column-reverse`
|
|
27
|
-
*/
|
|
28
|
-
directionColumnReverse?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Set this prop to `true` to set `flex-wrap` to `wrap`
|
|
31
|
-
*/
|
|
32
|
-
wrapWrap?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Set this prop to `true` to set `flex-wrap` to `wrap-reverse`
|
|
35
|
-
*/
|
|
36
|
-
wrapWrapReverse?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Set this prop to `true` to set `align-items` to `flex-start`
|
|
39
|
-
*/
|
|
40
|
-
itemsFlexStart?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Set this prop to `true` to set `align-items` to `flex-end`
|
|
43
|
-
*/
|
|
44
|
-
itemsFlexEnd?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Set this prop to `true` to set `align-items` to `flex-center`
|
|
47
|
-
*/
|
|
48
|
-
itemsCenter?: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Set this prop to `true` to set `align-items` to `flex-baseline`
|
|
51
|
-
*/
|
|
52
|
-
itemsBaseline?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Set this prop to `true` to set `align-content` to `flex-start`
|
|
55
|
-
*/
|
|
56
|
-
contentFlexStart?: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* Set this prop to `true` to set `align-content` to `flex-end`
|
|
59
|
-
*/
|
|
60
|
-
contentFlexEnd?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Set this prop to `true` to set `align-content` to `center`
|
|
63
|
-
*/
|
|
64
|
-
contentCenter?: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* Set this prop to `true` to set `align-content` to `space-between`
|
|
67
|
-
*/
|
|
68
|
-
contentSpaceBetween?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Set this prop to `true` to set `align-content` to `space-around`
|
|
71
|
-
*/
|
|
72
|
-
contentSpaceAround?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Set this prop to `true` to set `justify-content` to `space-between`
|
|
75
|
-
*/
|
|
76
|
-
justifySpaceBetween?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Set this prop to `true` to set `justify-content` to `space-around`
|
|
79
|
-
*/
|
|
80
|
-
justifySpaceAround?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* Set this prop to `true` to set `justify-content` to `flex-end`
|
|
83
|
-
*/
|
|
84
|
-
justifyFlexEnd?: boolean;
|
|
85
|
-
/**
|
|
86
|
-
* Set this prop to `true` to set `justify-content` to `center`
|
|
87
|
-
*/
|
|
88
|
-
justifyCenter?: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Set the `flex` shorthand property
|
|
91
|
-
*/
|
|
92
|
-
flex?: number;
|
|
93
|
-
gap?: string;
|
|
94
|
-
};
|
|
95
|
-
export declare const FlexBox: import("@emotion/styled").StyledComponent<{
|
|
96
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
97
|
-
as?: import("react").ElementType<any> | undefined;
|
|
98
|
-
} & FlexBoxProps & RenderAs, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
99
|
-
export declare function flexBoxStyles(props?: FlexBoxProps): import("@emotion/utils").SerializedStyles;
|
|
100
|
-
export default FlexBox;
|
package/cjs/flexbox/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FlexBox';
|
package/cjs/footer/Footer.d.ts
DELETED
package/cjs/footer/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Footer } from './Footer';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const AssistiveText: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
} & {
|
|
6
|
-
inverted?: boolean | undefined;
|
|
7
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export default AssistiveText;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const checkboxSizes: {
|
|
3
|
-
small: {
|
|
4
|
-
checkbox: string;
|
|
5
|
-
outline: string;
|
|
6
|
-
tick: string;
|
|
7
|
-
fontSize: string;
|
|
8
|
-
lineHeight: string;
|
|
9
|
-
paddingLeft: string;
|
|
10
|
-
};
|
|
11
|
-
medium: {
|
|
12
|
-
checkbox: string;
|
|
13
|
-
outline: string;
|
|
14
|
-
fontSize: string;
|
|
15
|
-
lineHeight: string;
|
|
16
|
-
tick: string;
|
|
17
|
-
paddingLeft: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
declare type Size = keyof typeof checkboxSizes;
|
|
21
|
-
declare type BaseProps = Omit<JSX.IntrinsicElements['input'], 'size' | 'css'> & {
|
|
22
|
-
htmlSize?: number;
|
|
23
|
-
};
|
|
24
|
-
export declare type CheckboxProps = BaseProps & {
|
|
25
|
-
className?: string;
|
|
26
|
-
error?: boolean;
|
|
27
|
-
name?: string;
|
|
28
|
-
value?: string;
|
|
29
|
-
onChange?: (...args: any[]) => void;
|
|
30
|
-
onLabelClick?: JSX.IntrinsicElements['label']['onClick'];
|
|
31
|
-
disabled?: boolean;
|
|
32
|
-
checked?: boolean;
|
|
33
|
-
htmlSize?: number;
|
|
34
|
-
size?: Size;
|
|
35
|
-
indeterminate?: boolean;
|
|
36
|
-
leadingLabel?: boolean;
|
|
37
|
-
};
|
|
38
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<CheckboxProps, "max" | "required" | "type" | "error" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "indeterminate" | "leadingLabel" | "onLabelClick" | "htmlSize"> & React.RefAttributes<HTMLInputElement>>;
|
|
39
|
-
export default _default;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type ExampleControlComponentProps = {
|
|
3
|
-
onChange?: (...args: any[]) => void;
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
error?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
size?: 'small' | 'medium';
|
|
8
|
-
};
|
|
9
|
-
declare const ExampleControlComponent: React.FunctionComponent<ExampleControlComponentProps>;
|
|
10
|
-
export default ExampleControlComponent;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Checkbox } from './Checkbox';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TextFieldProps } from '../text-field/TextField';
|
|
3
|
-
declare const _default: import("@emotion/styled").StyledComponent<Pick<TextFieldProps, "max" | "required" | "type" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inverted" | "hideAsterisk" | "assistiveText" | "hintText" | "errorMessage"> & React.RefAttributes<HTMLInputElement> & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
}, {}, {}>;
|
|
6
|
-
export default _default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const ErrorText: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
} & {
|
|
6
|
-
small?: boolean | undefined;
|
|
7
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export default ErrorText;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LabelProps } from '../label/Label';
|
|
3
|
-
declare type FieldProps = {
|
|
4
|
-
labelProps?: LabelProps;
|
|
5
|
-
label?: React.ReactNode;
|
|
6
|
-
required?: boolean;
|
|
7
|
-
assistiveText?: string;
|
|
8
|
-
};
|
|
9
|
-
declare const Field: React.FunctionComponent<FieldProps>;
|
|
10
|
-
export default Field;
|
package/cjs/forms/index.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export { default as AssistiveText } from './assistive-text/AssistiveText';
|
|
2
|
-
export { default as Asterisk } from './asterisk/Asterisk';
|
|
3
|
-
export { default as Field } from './field/Field';
|
|
4
|
-
export { default as Input } from './input/Input';
|
|
5
|
-
export { default as Switch } from './switch/Switch';
|
|
6
|
-
export { default as Select } from './select/Select';
|
|
7
|
-
export { default as Label } from './label/Label';
|
|
8
|
-
export { default as TextField } from './text-field/TextField';
|
|
9
|
-
export { default as Radio } from './radio/Radio';
|
|
10
|
-
export declare type RadioProps = import('./radio/Radio').RadioProps;
|
|
11
|
-
export { default as Checkbox } from './checkbox/Checkbox';
|
|
12
|
-
export declare type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
|
|
13
|
-
export { default as SelectField } from './select-field/SelectField';
|
|
14
|
-
export { default as TelField } from './tel-field/TelField';
|
|
15
|
-
export { default as EmailField } from './email-field/EmailField';
|
|
16
|
-
export { default as NumberField } from './number-field/NumberField';
|
|
17
|
-
export { default as ReactSelect } from './reactselect/ReactSelect';
|
|
18
|
-
export declare type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
|
|
19
|
-
export { default as PasswordField } from './password-field/PasswordField';
|
|
20
|
-
export { default as AsyncSearchableSelect } from './searchable-select/AsyncSearchableSelect';
|
|
21
|
-
export { default as ErrorText } from './error-text/ErrorText';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Alignment = 'left' | 'right';
|
|
3
|
-
export declare type Size = 'small' | 'medium';
|
|
4
|
-
interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'css'> {
|
|
5
|
-
name: string;
|
|
6
|
-
multiline?: boolean;
|
|
7
|
-
required?: boolean;
|
|
8
|
-
error?: boolean;
|
|
9
|
-
className?: string;
|
|
10
|
-
wrapperClassName?: string;
|
|
11
|
-
icon?: React.ReactNode;
|
|
12
|
-
iconAlignment?: Alignment;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
placeholderAlignment?: Alignment;
|
|
15
|
-
size?: Size;
|
|
16
|
-
htmlSize?: number;
|
|
17
|
-
}
|
|
18
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<InputProps, "max" | "required" | "type" | "error" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "multiline" | "htmlSize" | "placeholderAlignment" | "wrapperClassName" | "iconAlignment"> & React.RefAttributes<HTMLInputElement>>;
|
|
19
|
-
export default _default;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export declare type Alignment = 'left' | 'right';
|
|
3
|
-
export declare type Size = 'small' | 'medium' | 'large';
|
|
4
|
-
declare type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
5
|
-
export declare type InputCompositionProps = {
|
|
6
|
-
visualSize?: Size;
|
|
7
|
-
className?: string;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
} & React.PropsWithoutRef<JSX.IntrinsicElements['div']>;
|
|
10
|
-
export declare type InputIconProps = {
|
|
11
|
-
icon: React.ElementType;
|
|
12
|
-
color?: string;
|
|
13
|
-
className?: string;
|
|
14
|
-
size?: Size;
|
|
15
|
-
};
|
|
16
|
-
export declare type InputProps = {
|
|
17
|
-
/**
|
|
18
|
-
* Name of the input element
|
|
19
|
-
*/
|
|
20
|
-
name: string;
|
|
21
|
-
/**
|
|
22
|
-
* Indicates that the input element has an error
|
|
23
|
-
*/
|
|
24
|
-
error?: boolean;
|
|
25
|
-
className?: string;
|
|
26
|
-
placeholder?: string;
|
|
27
|
-
placeholderAlignment?: Alignment;
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
children?: React.ReactNode;
|
|
30
|
-
} & Omit<ReactInputProps, 'css'>;
|
|
31
|
-
export declare function inputTypography(size: Size): import("@emotion/utils").SerializedStyles;
|
|
32
|
-
export declare const InputComposition: ({ visualSize, children, ...rest }: InputCompositionProps) => JSX.Element;
|
|
33
|
-
export declare const InputIcon: import("@emotion/styled").StyledComponent<InputIconProps & {
|
|
34
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
35
|
-
}, {}, {}>;
|
|
36
|
-
export declare const InputAddon: import("@emotion/styled").StyledComponent<{
|
|
37
|
-
className?: string | undefined;
|
|
38
|
-
children?: ReactNode;
|
|
39
|
-
} & {
|
|
40
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
41
|
-
}, {}, {}>;
|
|
42
|
-
export declare const InputControl: React.ForwardRefExoticComponent<Pick<InputProps, "error" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "placeholderAlignment"> & React.RefAttributes<HTMLInputElement>>;
|
|
43
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TextFieldProps } from '../text-field/TextField';
|
|
3
|
-
declare const _default: import("@emotion/styled").StyledComponent<Pick<TextFieldProps, "max" | "required" | "type" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inverted" | "hideAsterisk" | "assistiveText" | "hintText" | "errorMessage"> & React.RefAttributes<HTMLInputElement> & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
}, {}, {}>;
|
|
6
|
-
export default _default;
|