@dfds-ui/react-components 3.0.0-alpha.2f0e45a3 → 3.0.0-alpha.db5f99ee
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/package.json +11 -11
- package/cjs/accordion/Accordion.d.ts +0 -101
- package/cjs/accordion/AccordionContent.d.ts +0 -14
- package/cjs/accordion/AccordionSmall.d.ts +0 -56
- 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 -15
- 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 -9
- 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 -13
- 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 -12
- package/cjs/button-stack/index.d.ts +0 -1
- package/cjs/card/Card.d.ts +0 -19
- package/cjs/card/CardActions.d.ts +0 -4
- package/cjs/card/CardContent.d.ts +0 -14
- package/cjs/card/CardMedia.d.ts +0 -19
- package/cjs/card/CardPriceTag.d.ts +0 -25
- package/cjs/card/CardTitle.d.ts +0 -19
- 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 -26
- package/cjs/common/arrow.d.ts +0 -6
- package/cjs/common/emotionCloneElement.d.ts +0 -2
- 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 -3
- package/cjs/common/utils.d.ts +0 -3
- package/cjs/counter/Counter.d.ts +0 -27
- package/cjs/counter/PluralCounter.d.ts +0 -14
- package/cjs/counter/index.d.ts +0 -2
- package/cjs/data-table/DataTable.d.ts +0 -11
- package/cjs/data-table/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 -32
- 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 -7
- 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 -11
- package/cjs/forms/checkbox/index.d.ts +0 -1
- package/cjs/forms/email-field/EmailField.d.ts +0 -22
- package/cjs/forms/error-text/ErrorText.d.ts +0 -7
- package/cjs/forms/field/Field.d.ts +0 -11
- 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 -11
- package/cjs/forms/number-field/NumberField.d.ts +0 -22
- 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 -25
- package/cjs/forms/switch/Switch.d.ts +0 -13
- package/cjs/forms/tel-field/TelField.d.ts +0 -22
- package/cjs/forms/text-field/TextField.d.ts +0 -43
- 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 -12
- package/cjs/ie-banner/index.d.ts +0 -1
- package/cjs/index.d.ts +0 -43
- package/cjs/layout/LayoutLegacy.d.ts +0 -2
- package/cjs/lists/FeatureList.d.ts +0 -22
- 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 -37
- 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 -19
- 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 -40
- 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 -24
- 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 -33
- 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 -32
- package/cjs/tooltip/index.d.ts +0 -2
- package/cjs/typography/Headlines.d.ts +0 -71
- package/cjs/typography/Text.d.ts +0 -4
- package/cjs/typography/index.d.ts +0 -2
package/cjs/lists/ListItem.d.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FlexBoxProps } from '../flexbox/FlexBox';
|
|
3
|
-
import { PolymorphicComponentProps } from '../common/polymorphic';
|
|
4
|
-
export type ListItemProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Will render the `ListItem` with a greater `min-height` and should be used when displaying multiple lines of text.
|
|
7
|
-
*/
|
|
8
|
-
multiline?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Indicates that the `ListItem` is selected.
|
|
11
|
-
*/
|
|
12
|
-
selected?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Render the 'ListItem` without min-height.
|
|
15
|
-
*/
|
|
16
|
-
condensed?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Indicates that the `ListItem` can be focused.
|
|
19
|
-
*/
|
|
20
|
-
tabIndex?: number;
|
|
21
|
-
/**
|
|
22
|
-
* Add interactive styles to the `ListItem`.
|
|
23
|
-
*/
|
|
24
|
-
clickable?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Add a divider to the `ListItem`. This will apply a border on the the `ListItem` only. If you need the indent/margin variants use
|
|
27
|
-
* the `ListDivider` component instead.
|
|
28
|
-
*/
|
|
29
|
-
divider?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Invoke the provided callback when the `ListItem` is clicked.
|
|
32
|
-
*/
|
|
33
|
-
onClick?: () => void;
|
|
34
|
-
/**
|
|
35
|
-
* Props controlling the flexbox.
|
|
36
|
-
*/
|
|
37
|
-
flexBoxProps?: FlexBoxProps;
|
|
38
|
-
/**
|
|
39
|
-
* className to be assigned to component.
|
|
40
|
-
*/
|
|
41
|
-
className?: string;
|
|
42
|
-
children?: React.ReactNode;
|
|
43
|
-
} & PolymorphicComponentProps;
|
|
44
|
-
export declare const listItemStyles: ({ multiline, selected, clickable, condensed, flexBoxProps, divider, }: Partial<ListItemProps>) => import("@emotion/utils").SerializedStyles;
|
|
45
|
-
declare const ListItem: ({ children, multiline, condensed, selected, tabIndex, clickable, divider, onClick, as, flexBoxProps, ...rest }: ListItemProps) => React.JSX.Element;
|
|
46
|
-
export default ListItem;
|
package/cjs/lists/ListText.d.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { theme } from '@dfds-ui/theme';
|
|
3
|
-
import { typography } from '@dfds-ui/typography';
|
|
4
|
-
type FontFamily = keyof typeof theme.fontFamilies;
|
|
5
|
-
type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
|
|
6
|
-
export type ListTextProps = {
|
|
7
|
-
/**
|
|
8
|
-
* Set the style of the text.
|
|
9
|
-
*/
|
|
10
|
-
styledAs?: StyledAs;
|
|
11
|
-
/**
|
|
12
|
-
* Override the default color from `styledAs`.
|
|
13
|
-
*/
|
|
14
|
-
color?: string;
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* *DEPRECATED* use `styledAs` instead or override size with `css` prop or `className`.
|
|
18
|
-
*
|
|
19
|
-
* Choose the font size.
|
|
20
|
-
* @deprecated
|
|
21
|
-
*/
|
|
22
|
-
size?: string;
|
|
23
|
-
/**
|
|
24
|
-
* *DEPRECATED* use `styledAs` instead or override fontWeight with `css` prop or `className`.
|
|
25
|
-
*
|
|
26
|
-
* Choose the font weight.
|
|
27
|
-
* @deprecated
|
|
28
|
-
*/
|
|
29
|
-
fontWeight?: number;
|
|
30
|
-
/**
|
|
31
|
-
* *DEPRECATED* use `styledAs` instead or override fontFamily with `css` prop or `className`.
|
|
32
|
-
*
|
|
33
|
-
* Choose the font family.
|
|
34
|
-
* @deprecated
|
|
35
|
-
*/
|
|
36
|
-
fontFamily?: FontFamily;
|
|
37
|
-
};
|
|
38
|
-
declare const ListText: ({ styledAs, color, fontWeight, size, fontFamily, ...rest }: ListTextProps) => React.JSX.Element;
|
|
39
|
-
export default ListText;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FlexBoxProps } from '../flexbox/FlexBox';
|
|
3
|
-
export type ListTextGroupProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Props controlling the flexbox.
|
|
6
|
-
*/
|
|
7
|
-
flexBoxProps?: FlexBoxProps;
|
|
8
|
-
/**
|
|
9
|
-
* HTML tag or custom component being rendered.
|
|
10
|
-
*/
|
|
11
|
-
as?: React.ElementType;
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
};
|
|
14
|
-
declare const ListTextGroup: ({ flexBoxProps, as, ...rest }: ListTextGroupProps) => React.JSX.Element;
|
|
15
|
-
export default ListTextGroup;
|
package/cjs/lists/ListTitle.d.ts
DELETED
package/cjs/lists/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { default as ListItem } from './ListItem';
|
|
2
|
-
export { default as ListTitle } from './ListTitle';
|
|
3
|
-
export { default as ListText } from './ListText';
|
|
4
|
-
export { default as ListTextGroup } from './ListTextGroup';
|
|
5
|
-
export { default as ListIcon } from './ListIcon';
|
|
6
|
-
export { default as ListAddon } from './ListAddon';
|
|
7
|
-
export { default as ListDivider } from './ListDivider';
|
|
8
|
-
export { default as FeatureList } from './FeatureList';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface Props {
|
|
3
|
-
label?: string;
|
|
4
|
-
showMenu?: boolean;
|
|
5
|
-
iconColor?: string;
|
|
6
|
-
waveColor?: string;
|
|
7
|
-
}
|
|
8
|
-
declare const DfdsLoader: ({ label, iconColor, waveColor, showMenu }: Props) => React.JSX.Element;
|
|
9
|
-
export default DfdsLoader;
|
package/cjs/loader/Loader.d.ts
DELETED
package/cjs/loader/index.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { Locale } from './locales';
|
|
3
|
-
export type LocaleFlagProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The locale specifying which flag will be rendered.
|
|
6
|
-
*/
|
|
7
|
-
locale: Locale;
|
|
8
|
-
/**
|
|
9
|
-
* The size of the flag icon.
|
|
10
|
-
*/
|
|
11
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
12
|
-
} & ComponentPropsWithoutRef<'svg'>;
|
|
13
|
-
export declare const LocaleFlag: ({ locale, size, ...rest }: LocaleFlagProps) => React.JSX.Element;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as flags from '@dfds-ui/icons/flags';
|
|
2
|
-
export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "fr-MA", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
|
|
3
|
-
export type Locale = typeof locales[number];
|
|
4
|
-
export declare const fallbackLocale = "en";
|
|
5
|
-
export type LocaleInfo = {
|
|
6
|
-
/**
|
|
7
|
-
* Name of the country
|
|
8
|
-
*/
|
|
9
|
-
name: string;
|
|
10
|
-
/**
|
|
11
|
-
* Country (and occasionally the language) expressed in native language.
|
|
12
|
-
*/
|
|
13
|
-
nativeName: string;
|
|
14
|
-
/**
|
|
15
|
-
* Country calling code
|
|
16
|
-
*/
|
|
17
|
-
callingCode: string;
|
|
18
|
-
/**
|
|
19
|
-
* Dialing trunk prefix
|
|
20
|
-
*/
|
|
21
|
-
callingTrunkPrefix?: string;
|
|
22
|
-
/**
|
|
23
|
-
* Key of flag icon component
|
|
24
|
-
*/
|
|
25
|
-
flagIcon: keyof typeof flags;
|
|
26
|
-
};
|
|
27
|
-
export declare const localeData: {
|
|
28
|
-
[k in Locale]: LocaleInfo;
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* Returns an array of locales where each country only appears once.
|
|
32
|
-
*
|
|
33
|
-
* @return {Locale[]}
|
|
34
|
-
*/
|
|
35
|
-
export declare function uniqueCountryLocales(): Locale[];
|
package/cjs/logo/Logo.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type LogoProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
title?: string;
|
|
5
|
-
width?: string | number;
|
|
6
|
-
height?: string | number;
|
|
7
|
-
logoContainerProps?: any;
|
|
8
|
-
};
|
|
9
|
-
declare const Logo: ({ logoContainerProps, ...rest }: LogoProps) => React.JSX.Element;
|
|
10
|
-
export { Logo };
|
|
11
|
-
export default Logo;
|
package/cjs/logo/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Logo';
|
package/cjs/media/index.d.ts
DELETED
package/cjs/menu/Menu.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type MenuItemProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
onClick: React.MouseEventHandler<HTMLDivElement>;
|
|
5
|
-
};
|
|
6
|
-
declare const menu: any;
|
|
7
|
-
export default menu;
|
package/cjs/menu/index.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
type MobileStepperProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Total steps
|
|
5
|
-
*/
|
|
6
|
-
steps: number;
|
|
7
|
-
/**
|
|
8
|
-
* Active step
|
|
9
|
-
*/
|
|
10
|
-
activeStep?: number;
|
|
11
|
-
/**
|
|
12
|
-
* A back button element. For instance, it can be a `Button` or an `IconButton`.
|
|
13
|
-
*/
|
|
14
|
-
backButton?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* A next button element. For instance, it can be a `Button` or an `IconButton`.
|
|
17
|
-
*/
|
|
18
|
-
nextButton?: ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* The variant to use `'text' | 'dots'`
|
|
21
|
-
*/
|
|
22
|
-
variant?: 'text' | 'dots';
|
|
23
|
-
};
|
|
24
|
-
declare const MobileStepper: ({ steps, activeStep, backButton, nextButton, variant, ...props }: MobileStepperProps) => React.JSX.Element;
|
|
25
|
-
export default MobileStepper;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as MobileStepper } from './MobileStepper';
|
package/cjs/nav-bar/NavBar.d.ts
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type ItemAlignment = 'left' | 'right';
|
|
3
|
-
type NavBarProps = {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
showLogo?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
};
|
|
9
|
-
type ItemProps = {
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
href?: string;
|
|
12
|
-
className?: string;
|
|
13
|
-
alignment?: ItemAlignment;
|
|
14
|
-
selected?: boolean;
|
|
15
|
-
as?: React.ElementType;
|
|
16
|
-
};
|
|
17
|
-
declare const NavBar: React.FunctionComponent<NavBarProps>;
|
|
18
|
-
export declare const NavBarItem: React.FunctionComponent<ItemProps>;
|
|
19
|
-
type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & // React.AnchorHTMLAttributes<HTMLAnchorElement> &
|
|
20
|
-
ItemProps & {
|
|
21
|
-
menu?: React.ReactNode;
|
|
22
|
-
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
23
|
-
closeMenuOnClick?: boolean;
|
|
24
|
-
};
|
|
25
|
-
export declare const NavBarIconAnchor: import("@emotion/styled").StyledComponent<{
|
|
26
|
-
theme?: import("@emotion/react").Theme;
|
|
27
|
-
as?: React.ElementType;
|
|
28
|
-
} & {
|
|
29
|
-
menuShown: boolean;
|
|
30
|
-
className?: string;
|
|
31
|
-
}, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
32
|
-
export declare const NavBarIcon: React.FunctionComponent<NavBarIconProps>;
|
|
33
|
-
export declare const NavBarDropdown: import("@emotion/styled").StyledComponent<{
|
|
34
|
-
theme?: import("@emotion/react").Theme;
|
|
35
|
-
as?: React.ElementType;
|
|
36
|
-
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
37
|
-
export default NavBar;
|
package/cjs/nav-bar/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type NavMenuItemProps = {
|
|
3
|
-
isActive?: boolean;
|
|
4
|
-
leftIcon?: React.ElementType;
|
|
5
|
-
rightIcon?: React.ElementType;
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
};
|
|
9
|
-
declare const NavMenuItem: React.FunctionComponent<NavMenuItemProps>;
|
|
10
|
-
export default NavMenuItem;
|
package/cjs/nav-menu/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as NavMenuItem } from './NavMenuItem';
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type Option = {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
label: string;
|
|
5
|
-
value: number;
|
|
6
|
-
};
|
|
7
|
-
export type PaginationProps = {
|
|
8
|
-
/**
|
|
9
|
-
* The current page.
|
|
10
|
-
*/
|
|
11
|
-
currentPage?: number;
|
|
12
|
-
/**
|
|
13
|
-
* The current offset
|
|
14
|
-
*/
|
|
15
|
-
offset?: number;
|
|
16
|
-
/**
|
|
17
|
-
* Callback when the page is changed.
|
|
18
|
-
*/
|
|
19
|
-
onChangePageLimit?: (e: any) => void;
|
|
20
|
-
/**
|
|
21
|
-
* Callback when the page is changed.
|
|
22
|
-
*/
|
|
23
|
-
onPageChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
|
|
24
|
-
/**
|
|
25
|
-
* Options passed to the PageLimitSelector
|
|
26
|
-
*/
|
|
27
|
-
options?: Option[] | null;
|
|
28
|
-
/**
|
|
29
|
-
* Number of records per page.
|
|
30
|
-
*/
|
|
31
|
-
pageLimit: number;
|
|
32
|
-
/**
|
|
33
|
-
* Total number of records.
|
|
34
|
-
*/
|
|
35
|
-
totalRecords: number;
|
|
36
|
-
/**
|
|
37
|
-
* Returns the content of the overview.
|
|
38
|
-
*
|
|
39
|
-
* Use this if you need to localize the overview being rendered.
|
|
40
|
-
*/
|
|
41
|
-
renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
|
|
42
|
-
};
|
|
43
|
-
export declare const Pagination: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => React.JSX.Element;
|
|
44
|
-
export default Pagination;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const paginationItemStyles: import("@emotion/utils").SerializedStyles;
|
|
2
|
-
export declare const wrapperStyles: import("@emotion/utils").SerializedStyles;
|
|
3
|
-
export declare const TextStyles: import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export declare const PageOverviewStyles: import("@emotion/utils").SerializedStyles;
|
|
5
|
-
export declare const PageLimitStyles: import("@emotion/utils").SerializedStyles;
|
|
6
|
-
export declare const PageLimitWrapperStyles: import("@emotion/utils").SerializedStyles;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Pagination';
|
package/cjs/popper/Popper.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PopperProps, PopperPlacementType } from '@mui/material';
|
|
3
|
-
export type PopperBaseProps = {
|
|
4
|
-
open?: boolean;
|
|
5
|
-
children: React.ReactElement<any> | string;
|
|
6
|
-
anchorEl?: any;
|
|
7
|
-
id?: string;
|
|
8
|
-
placement?: PopperPlacementType;
|
|
9
|
-
disablePortal?: PopperProps['disablePortal'];
|
|
10
|
-
/**
|
|
11
|
-
* By default the max-width will be set to 100%. This will allow for child elements to have a width of 100vw and also
|
|
12
|
-
* a max-width of 100% so it will not be overflowing the potential vertical scrollbars.
|
|
13
|
-
*
|
|
14
|
-
* You can disable this by setting `noMaxWidthRestriction` to `false`
|
|
15
|
-
*/
|
|
16
|
-
noMaxWidthRestriction?: boolean;
|
|
17
|
-
role?: string;
|
|
18
|
-
onClickAway?: (e: any) => void;
|
|
19
|
-
className?: string;
|
|
20
|
-
style?: PopperProps['style'];
|
|
21
|
-
popperRef?: PopperProps['popperRef'];
|
|
22
|
-
modifiers?: PopperProps['modifiers'];
|
|
23
|
-
};
|
|
24
|
-
export declare const PopperBase: ({ open, children, anchorEl, id, placement, onClickAway, className, noMaxWidthRestriction, ...rest }: PopperBaseProps) => React.JSX.Element;
|
|
25
|
-
type PopperComponentProps = {
|
|
26
|
-
setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
|
|
27
|
-
} & Omit<PopperBaseProps, 'onClickAway'>;
|
|
28
|
-
declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => React.JSX.Element;
|
|
29
|
-
export default Popper;
|
package/cjs/popper/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Popper } from './Popper';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type ProgressBarProps = {
|
|
3
|
-
light?: boolean;
|
|
4
|
-
indeterminate?: boolean;
|
|
5
|
-
progress?: number;
|
|
6
|
-
};
|
|
7
|
-
declare const ProgressBar: ({ light, indeterminate, progress }: ProgressBarProps) => React.JSX.Element;
|
|
8
|
-
export default ProgressBar;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { FunctionComponent } from 'react';
|
|
2
|
-
export type ListItemProps = {
|
|
3
|
-
time: string;
|
|
4
|
-
text: string;
|
|
5
|
-
backgroundColor?: string;
|
|
6
|
-
};
|
|
7
|
-
export declare const ListItemBase: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme;
|
|
9
|
-
as?: React.ElementType;
|
|
10
|
-
} & import("../flexbox").FlexBoxProps & {
|
|
11
|
-
as?: React.ElementType;
|
|
12
|
-
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
13
|
-
theme?: import("@emotion/react").Theme;
|
|
14
|
-
} & {
|
|
15
|
-
backgroundColor?: string;
|
|
16
|
-
}, {}, {}>;
|
|
17
|
-
type ScheduleItemComponent = FunctionComponent<ListItemProps>;
|
|
18
|
-
declare const ScheduleItem: ScheduleItemComponent;
|
|
19
|
-
export default ScheduleItem;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
type ScheduleListItem = {
|
|
3
|
-
time: string;
|
|
4
|
-
text: string;
|
|
5
|
-
};
|
|
6
|
-
type ScheduleListProps = {
|
|
7
|
-
items: ScheduleListItem[];
|
|
8
|
-
};
|
|
9
|
-
type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
|
|
10
|
-
declare const ScheduleList: ScheduleListComponent;
|
|
11
|
-
export default ScheduleList;
|
package/cjs/schedule/index.d.ts
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type Variant = 'nested' | 'elevated';
|
|
3
|
-
type BackdropEmphasis = 'low' | 'high';
|
|
4
|
-
type Align = 'left' | 'right';
|
|
5
|
-
export type SideSheetProps = {
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Choose the `width` of the `SideSheet`.
|
|
9
|
-
*/
|
|
10
|
-
header?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Choose the `width` of the `SideSheet`.
|
|
13
|
-
*/
|
|
14
|
-
width?: string;
|
|
15
|
-
/**
|
|
16
|
-
* When you trigger a close.
|
|
17
|
-
*/
|
|
18
|
-
onRequestClose?: () => void;
|
|
19
|
-
/**
|
|
20
|
-
* If set to true, the `SideSheet` is shown.
|
|
21
|
-
*/
|
|
22
|
-
isOpen: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Choose if the SideSheet should be nested or elevated.
|
|
25
|
-
*/
|
|
26
|
-
variant?: Variant;
|
|
27
|
-
/**
|
|
28
|
-
* Align the elevated SideSheet to left or right.
|
|
29
|
-
*/
|
|
30
|
-
alignSideSheet?: Align;
|
|
31
|
-
/**
|
|
32
|
-
* Style the SideSheet by adding a className to it.
|
|
33
|
-
*/
|
|
34
|
-
className?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Add or remove the backdrop for the elevated side sheet.
|
|
37
|
-
*/
|
|
38
|
-
backdrop?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Specify the emphasis of the backdrop.
|
|
41
|
-
*/
|
|
42
|
-
backdropEmphasis?: BackdropEmphasis;
|
|
43
|
-
/**
|
|
44
|
-
* Specify the custom zIndex.
|
|
45
|
-
*/
|
|
46
|
-
zIndex?: number;
|
|
47
|
-
/**
|
|
48
|
-
* Fullscreen on large mobile (breakpoint at 500px).
|
|
49
|
-
*/
|
|
50
|
-
largeMobileFullScreen?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Fullscreen on small mobile (breakpoint at 375px).
|
|
53
|
-
*/
|
|
54
|
-
smallMobileFullScreen?: boolean;
|
|
55
|
-
};
|
|
56
|
-
declare const SideSheet: ({ variant, className, isOpen, backdrop, width, header, zIndex, largeMobileFullScreen, smallMobileFullScreen, onRequestClose, backdropEmphasis, alignSideSheet, children, ...rest }: SideSheetProps) => React.JSX.Element;
|
|
57
|
-
export default SideSheet;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconButtonSize } from '../button/IconButton';
|
|
3
|
-
export type SideSheetCloseButtonProps = {
|
|
4
|
-
onRequestClose?: () => void;
|
|
5
|
-
className?: string;
|
|
6
|
-
icon?: React.ElementType;
|
|
7
|
-
size?: IconButtonSize;
|
|
8
|
-
tabIndex?: number;
|
|
9
|
-
closeLabel?: string;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
};
|
|
12
|
-
export declare const SideSheetCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: SideSheetCloseButtonProps) => React.JSX.Element;
|
|
13
|
-
export default SideSheetCloseButton;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export type SideSheetFooterProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
};
|
|
6
|
-
export declare const SideSheetContent: ({ children, className, ...rest }: SideSheetFooterProps) => React.JSX.Element;
|
|
7
|
-
export default SideSheetContent;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export type SideSheetFooterProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
};
|
|
6
|
-
export declare const SideSheetFooter: ({ children, className, ...rest }: SideSheetFooterProps) => React.JSX.Element;
|
|
7
|
-
export default SideSheetFooter;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export type ModalHeaderProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
sticky?: boolean;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
noDivider?: boolean;
|
|
7
|
-
};
|
|
8
|
-
export declare const SideSheetHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => React.JSX.Element;
|
|
9
|
-
export default SideSheetHeader;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export type SideSheetHeadlineProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
};
|
|
6
|
-
export declare const SideSheetHeadline: ({ className, children }: SideSheetHeadlineProps) => React.JSX.Element;
|
|
7
|
-
export default SideSheetHeadline;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type RenderAs = {
|
|
3
|
-
as?: React.ElementType;
|
|
4
|
-
};
|
|
5
|
-
type LayoutProps = {
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
fullWidth?: boolean;
|
|
8
|
-
className?: string;
|
|
9
|
-
} & RenderAs;
|
|
10
|
-
type LayoutChildProps = {
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
fullWidth?: boolean;
|
|
13
|
-
className?: string;
|
|
14
|
-
} & RenderAs;
|
|
15
|
-
export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
|
|
16
|
-
theme?: import("@emotion/react").Theme;
|
|
17
|
-
as?: React.ElementType;
|
|
18
|
-
} & {
|
|
19
|
-
children?: React.ReactNode;
|
|
20
|
-
fullWidth?: boolean;
|
|
21
|
-
className?: string;
|
|
22
|
-
} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
-
export declare const Layout: React.FunctionComponent<LayoutProps>;
|
|
24
|
-
export declare const LayoutHeader: React.FunctionComponent<LayoutChildProps>;
|
|
25
|
-
export declare const LayoutMain: React.FunctionComponent<LayoutChildProps>;
|
|
26
|
-
export declare const LayoutFooter: React.FunctionComponent<LayoutChildProps>;
|
|
27
|
-
declare const _default: {
|
|
28
|
-
Grid: import("@emotion/styled").StyledComponent<{
|
|
29
|
-
theme?: import("@emotion/react").Theme;
|
|
30
|
-
as?: React.ElementType;
|
|
31
|
-
} & {
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
fullWidth?: boolean;
|
|
34
|
-
className?: string;
|
|
35
|
-
} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
36
|
-
Header: React.FunctionComponent<LayoutChildProps>;
|
|
37
|
-
Main: React.FunctionComponent<LayoutChildProps>;
|
|
38
|
-
Footer: React.FunctionComponent<LayoutChildProps>;
|
|
39
|
-
};
|
|
40
|
-
export default _default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface SkeletonProps {
|
|
3
|
-
variant: SkeletonVariant;
|
|
4
|
-
disableAnimation?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export type SkeletonVariant = 'text' | 'circle' | 'rect';
|
|
7
|
-
export declare const Skeleton: ({ variant, disableAnimation, ...rest }: SkeletonProps) => React.JSX.Element;
|
|
8
|
-
export default Skeleton;
|
package/cjs/skeleton/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Skeleton';
|