@dfds-ui/react-components 0.9.8-alpha.f3c568d5 → 0.9.9-alpha.7a36784b

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.
Files changed (200) hide show
  1. package/cjs/forms/reactselect/ReactSelect.js +4 -4
  2. package/cjs/lists/FeatureList.js +2 -2
  3. package/cjs/loader/DfdsLoader.js +86 -0
  4. package/cjs/loader/Loader.js +4 -4
  5. package/cjs/loader/index.js +8 -0
  6. package/cjs/pagination/Pagination.js +3 -9
  7. package/forms/reactselect/ReactSelect.d.ts +1 -1
  8. package/forms/reactselect/ReactSelect.js +6 -6
  9. package/lists/FeatureList.js +2 -2
  10. package/loader/DfdsLoader.d.ts +9 -0
  11. package/loader/DfdsLoader.js +57 -0
  12. package/loader/Loader.js +4 -4
  13. package/loader/index.d.ts +1 -0
  14. package/loader/index.js +2 -1
  15. package/package.json +9 -9
  16. package/pagination/Pagination.d.ts +0 -5
  17. package/pagination/Pagination.js +3 -9
  18. package/cjs/accordion/Accordion.d.ts +0 -97
  19. package/cjs/accordion/AccordionContent.d.ts +0 -13
  20. package/cjs/accordion/AccordionSmall.d.ts +0 -55
  21. package/cjs/accordion/index.d.ts +0 -3
  22. package/cjs/app-bar/AppBar.d.ts +0 -12
  23. package/cjs/app-bar/AppBarContext.d.ts +0 -10
  24. package/cjs/app-bar/AppBarDrawer.d.ts +0 -3
  25. package/cjs/app-bar/AppBarIconButton.d.ts +0 -10
  26. package/cjs/app-bar/AppBarItem.d.ts +0 -21
  27. package/cjs/app-bar/AppBarListItem.d.ts +0 -15
  28. package/cjs/app-bar/index.d.ts +0 -7
  29. package/cjs/assertions/banner/Banner.d.ts +0 -52
  30. package/cjs/assertions/banner/BannerAction.d.ts +0 -18
  31. package/cjs/assertions/banner/BannerActionContext.d.ts +0 -12
  32. package/cjs/assertions/banner/BannerTypography.d.ts +0 -7
  33. package/cjs/assertions/banner/index.d.ts +0 -4
  34. package/cjs/assertions/index.d.ts +0 -2
  35. package/cjs/assertions/toast/Toast.d.ts +0 -11
  36. package/cjs/assertions/toast/Toaster.d.ts +0 -18
  37. package/cjs/assertions/toast/index.d.ts +0 -2
  38. package/cjs/badge/Badge.d.ts +0 -26
  39. package/cjs/badge/index.d.ts +0 -2
  40. package/cjs/button/BadgeIcon.d.ts +0 -6
  41. package/cjs/button/BaseButton.d.ts +0 -14
  42. package/cjs/button/Button.d.ts +0 -18
  43. package/cjs/button/IconButton.d.ts +0 -75
  44. package/cjs/button/LinkButton.d.ts +0 -8
  45. package/cjs/button/button-style.d.ts +0 -7
  46. package/cjs/button/index.d.ts +0 -7
  47. package/cjs/button-stack/ButtonStack.d.ts +0 -11
  48. package/cjs/button-stack/index.d.ts +0 -1
  49. package/cjs/card/Card.d.ts +0 -18
  50. package/cjs/card/CardActions.d.ts +0 -4
  51. package/cjs/card/CardContent.d.ts +0 -13
  52. package/cjs/card/CardMedia.d.ts +0 -18
  53. package/cjs/card/CardPriceTag.d.ts +0 -24
  54. package/cjs/card/CardTitle.d.ts +0 -18
  55. package/cjs/card/index.d.ts +0 -6
  56. package/cjs/chip/Chip.d.ts +0 -19
  57. package/cjs/chip/index.d.ts +0 -2
  58. package/cjs/common/LockBodyScroll.d.ts +0 -25
  59. package/cjs/common/arrow.d.ts +0 -6
  60. package/cjs/common/emotionCloneElement.d.ts +0 -2
  61. package/cjs/common/intent.d.ts +0 -3
  62. package/cjs/common/miniMoize.d.ts +0 -1
  63. package/cjs/common/polymorphic.d.ts +0 -25
  64. package/cjs/common/use-media.d.ts +0 -1
  65. package/cjs/common/useOnClickOutside.d.ts +0 -3
  66. package/cjs/common/utils.d.ts +0 -3
  67. package/cjs/counter/Counter.d.ts +0 -26
  68. package/cjs/counter/PluralCounter.d.ts +0 -13
  69. package/cjs/counter/index.d.ts +0 -2
  70. package/cjs/data-table/DataTable.d.ts +0 -10
  71. package/cjs/data-table/index.d.ts +0 -1
  72. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  73. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  74. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  75. package/cjs/date-range-picker/index.d.ts +0 -1
  76. package/cjs/divider/Divider.d.ts +0 -22
  77. package/cjs/divider/index.d.ts +0 -1
  78. package/cjs/drawer/Drawer.d.ts +0 -31
  79. package/cjs/drawer/index.d.ts +0 -1
  80. package/cjs/dropdown-menu/Dropdown.d.ts +0 -46
  81. package/cjs/dropdown-menu/DropdownContext.d.ts +0 -12
  82. package/cjs/dropdown-menu/MenuCheckbox.d.ts +0 -34
  83. package/cjs/dropdown-menu/MenuItem.d.ts +0 -45
  84. package/cjs/dropdown-menu/MenuTitle.d.ts +0 -14
  85. package/cjs/dropdown-menu/index.d.ts +0 -5
  86. package/cjs/elevation/index.d.ts +0 -3
  87. package/cjs/flexbox/FlexBox.d.ts +0 -98
  88. package/cjs/flexbox/index.d.ts +0 -1
  89. package/cjs/footer/Footer.d.ts +0 -6
  90. package/cjs/footer/index.d.ts +0 -1
  91. package/cjs/forms/assistive-text/AssistiveText.d.ts +0 -7
  92. package/cjs/forms/asterisk/Asterisk.d.ts +0 -2
  93. package/cjs/forms/checkbox/Checkbox.d.ts +0 -39
  94. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -10
  95. package/cjs/forms/checkbox/index.d.ts +0 -1
  96. package/cjs/forms/email-field/EmailField.d.ts +0 -6
  97. package/cjs/forms/error-text/ErrorText.d.ts +0 -7
  98. package/cjs/forms/field/Field.d.ts +0 -10
  99. package/cjs/forms/index.d.ts +0 -21
  100. package/cjs/forms/input/Input.d.ts +0 -19
  101. package/cjs/forms/input/InputComposition.d.ts +0 -43
  102. package/cjs/forms/label/Label.d.ts +0 -10
  103. package/cjs/forms/number-field/NumberField.d.ts +0 -6
  104. package/cjs/forms/password-field/PasswordField.d.ts +0 -4
  105. package/cjs/forms/radio/Radio.d.ts +0 -35
  106. package/cjs/forms/reactselect/ReactSelect.d.ts +0 -25
  107. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +0 -6
  108. package/cjs/forms/select/Select.d.ts +0 -16
  109. package/cjs/forms/select-field/SelectField.d.ts +0 -17
  110. package/cjs/forms/switch/Switch.d.ts +0 -13
  111. package/cjs/forms/tel-field/TelField.d.ts +0 -6
  112. package/cjs/forms/text-field/TextField.d.ts +0 -26
  113. package/cjs/global-styles/GlobalStyles.d.ts +0 -2
  114. package/cjs/global-styles/sanitize.d.ts +0 -1
  115. package/cjs/grid/Column.d.ts +0 -9
  116. package/cjs/grid/Container.d.ts +0 -14
  117. package/cjs/grid/index.d.ts +0 -2
  118. package/cjs/hero/Hero.d.ts +0 -10
  119. package/cjs/hero/index.d.ts +0 -1
  120. package/cjs/hero/stripes.d.ts +0 -6
  121. package/cjs/ie-banner/IEBanner.d.ts +0 -11
  122. package/cjs/ie-banner/index.d.ts +0 -1
  123. package/cjs/index.d.ts +0 -42
  124. package/cjs/layout/LayoutLegacy.d.ts +0 -1
  125. package/cjs/lists/FeatureList.d.ts +0 -24
  126. package/cjs/lists/ListAddon.d.ts +0 -11
  127. package/cjs/lists/ListDivider.d.ts +0 -4
  128. package/cjs/lists/ListIcon.d.ts +0 -18
  129. package/cjs/lists/ListItem.d.ts +0 -46
  130. package/cjs/lists/ListText.d.ts +0 -39
  131. package/cjs/lists/ListTextGroup.d.ts +0 -15
  132. package/cjs/lists/ListTitle.d.ts +0 -3
  133. package/cjs/lists/index.d.ts +0 -8
  134. package/cjs/loader/Loader.d.ts +0 -5
  135. package/cjs/loader/index.d.ts +0 -1
  136. package/cjs/localization/LocaleFlag.d.ts +0 -13
  137. package/cjs/localization/index.d.ts +0 -2
  138. package/cjs/localization/locales.d.ts +0 -34
  139. package/cjs/logo/Logo.d.ts +0 -10
  140. package/cjs/logo/index.d.ts +0 -1
  141. package/cjs/media/index.d.ts +0 -2
  142. package/cjs/menu/Menu.d.ts +0 -7
  143. package/cjs/menu/index.d.ts +0 -2
  144. package/cjs/nav-bar/NavBar.d.ts +0 -35
  145. package/cjs/nav-bar/index.d.ts +0 -2
  146. package/cjs/nav-menu/NavMenuItem.d.ts +0 -10
  147. package/cjs/nav-menu/index.d.ts +0 -1
  148. package/cjs/pagination/Pagination.d.ts +0 -49
  149. package/cjs/pagination/Pagination.styles.d.ts +0 -2
  150. package/cjs/pagination/index.d.ts +0 -1
  151. package/cjs/popper/Popper.d.ts +0 -29
  152. package/cjs/popper/index.d.ts +0 -1
  153. package/cjs/progress-bar/ProgressBar.d.ts +0 -7
  154. package/cjs/progress-bar/index.d.ts +0 -2
  155. package/cjs/schedule/ScheduleItem.d.ts +0 -21
  156. package/cjs/schedule/ScheduleList.d.ts +0 -11
  157. package/cjs/schedule/index.d.ts +0 -2
  158. package/cjs/side-sheet/SideSheet.d.ts +0 -57
  159. package/cjs/side-sheet/SideSheetCloseButton.d.ts +0 -13
  160. package/cjs/side-sheet/SideSheetContent.d.ts +0 -7
  161. package/cjs/side-sheet/SideSheetFooter.d.ts +0 -7
  162. package/cjs/side-sheet/SideSheetHeader.d.ts +0 -9
  163. package/cjs/side-sheet/SideSheetHeadline.d.ts +0 -7
  164. package/cjs/side-sheet/index.d.ts +0 -4
  165. package/cjs/site-layout/SiteLayout.d.ts +0 -36
  166. package/cjs/site-layout/index.d.ts +0 -2
  167. package/cjs/skeleton/Skeleton.d.ts +0 -6
  168. package/cjs/skeleton/index.d.ts +0 -1
  169. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +0 -26
  170. package/cjs/social-media-link-list/index.d.ts +0 -1
  171. package/cjs/spinner/Spinner.d.ts +0 -57
  172. package/cjs/spinner/index.d.ts +0 -1
  173. package/cjs/stepper/Step.d.ts +0 -9
  174. package/cjs/stepper/Stepper.d.ts +0 -15
  175. package/cjs/stepper/index.d.ts +0 -2
  176. package/cjs/styles/index.d.ts +0 -3
  177. package/cjs/styles/media.d.ts +0 -21
  178. package/cjs/styles/rem.d.ts +0 -1
  179. package/cjs/styles/style-helpers.d.ts +0 -1
  180. package/cjs/styles/theme.d.ts +0 -39
  181. package/cjs/surface/Surface.d.ts +0 -30
  182. package/cjs/surface/index.d.ts +0 -1
  183. package/cjs/tab/Tab.d.ts +0 -11
  184. package/cjs/tab/TabPanel.d.ts +0 -7
  185. package/cjs/tab/Tabs.d.ts +0 -11
  186. package/cjs/tab/TabsContext.d.ts +0 -14
  187. package/cjs/tab/index.d.ts +0 -4
  188. package/cjs/table/Table.d.ts +0 -22
  189. package/cjs/table/TableBody.d.ts +0 -9
  190. package/cjs/table/TableDataCell.d.ts +0 -14
  191. package/cjs/table/TableHead.d.ts +0 -14
  192. package/cjs/table/TableHeaderCell.d.ts +0 -15
  193. package/cjs/table/TableRow.d.ts +0 -17
  194. package/cjs/table/index.d.ts +0 -6
  195. package/cjs/test/Test.d.ts +0 -8
  196. package/cjs/tooltip/Tooltip.d.ts +0 -22
  197. package/cjs/tooltip/index.d.ts +0 -2
  198. package/cjs/typography/Headlines.d.ts +0 -70
  199. package/cjs/typography/Text.d.ts +0 -4
  200. package/cjs/typography/index.d.ts +0 -2
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- export interface TestProps {
3
- /** Test name. */
4
- name: string;
5
- description?: string;
6
- }
7
- export declare const Test: FC<TestProps>;
8
- export default Test;
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import { TippyProps } from '@tippy.js/react';
3
- declare type Placement = 'top' | 'right' | 'bottom' | 'left';
4
- declare type TooltipProps = {
5
- content: string;
6
- placement?: Placement;
7
- offset?: number;
8
- delay?: [number, number] | false;
9
- containerProps?: any;
10
- tabIndex?: number;
11
- };
12
- declare const Tooltip: React.FC<TooltipProps>;
13
- /**
14
- * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
15
- * no extra html markup will wrapped around the targeted element.
16
- *
17
- * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
18
- */
19
- export declare const UnstableWithTooltip: ({ delay, ...rest }: {
20
- className?: string;
21
- } & TippyProps) => JSX.Element;
22
- export default Tooltip;
@@ -1,2 +0,0 @@
1
- export { default as Tooltip } from './Tooltip';
2
- export { UnstableWithTooltip } from './Tooltip';
@@ -1,70 +0,0 @@
1
- import React from 'react';
2
- declare const headlineStyles: {
3
- h1: import("@emotion/react").SerializedStyles;
4
- h2: import("@emotion/react").SerializedStyles;
5
- h3: import("@emotion/react").SerializedStyles;
6
- h4: import("@emotion/react").SerializedStyles;
7
- };
8
- export declare const H1: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: React.ElementType<any> | undefined;
11
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
12
- as?: React.ElementType<any> | undefined;
13
- noMargin?: boolean | undefined;
14
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
15
- export declare const H2: import("@emotion/styled").StyledComponent<{
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: React.ElementType<any> | undefined;
18
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
19
- as?: React.ElementType<any> | undefined;
20
- noMargin?: boolean | undefined;
21
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
22
- export declare const H3: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: React.ElementType<any> | undefined;
25
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
26
- as?: React.ElementType<any> | undefined;
27
- noMargin?: boolean | undefined;
28
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
29
- export declare const H4: import("@emotion/styled").StyledComponent<{
30
- theme?: import("@emotion/react").Theme | undefined;
31
- as?: React.ElementType<any> | undefined;
32
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
33
- as?: React.ElementType<any> | undefined;
34
- noMargin?: boolean | undefined;
35
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
36
- export declare const Headline: React.FunctionComponent<{
37
- as?: React.ElementType;
38
- styledAs?: keyof typeof headlineStyles;
39
- className?: string;
40
- noMargin?: boolean;
41
- }>;
42
- export declare const HeroHeadline: import("@emotion/styled").StyledComponent<{
43
- theme?: import("@emotion/react").Theme | undefined;
44
- as?: React.ElementType<any> | undefined;
45
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
46
- as?: React.ElementType<any> | undefined;
47
- noMargin?: boolean | undefined;
48
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
49
- export declare const SectionHeadline: import("@emotion/styled").StyledComponent<{
50
- theme?: import("@emotion/react").Theme | undefined;
51
- as?: React.ElementType<any> | undefined;
52
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
53
- as?: React.ElementType<any> | undefined;
54
- noMargin?: boolean | undefined;
55
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
56
- export declare const SubHeadline: import("@emotion/styled").StyledComponent<{
57
- theme?: import("@emotion/react").Theme | undefined;
58
- as?: React.ElementType<any> | undefined;
59
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
60
- as?: React.ElementType<any> | undefined;
61
- noMargin?: boolean | undefined;
62
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
63
- export declare const SmallHeadline: import("@emotion/styled").StyledComponent<{
64
- theme?: import("@emotion/react").Theme | undefined;
65
- as?: React.ElementType<any> | undefined;
66
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
67
- as?: React.ElementType<any> | undefined;
68
- noMargin?: boolean | undefined;
69
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
70
- export {};
@@ -1,4 +0,0 @@
1
- export declare const Text: import("@emotion/styled").StyledComponent<{
2
- theme?: import("@emotion/react").Theme | undefined;
3
- as?: import("react").ElementType<any> | undefined;
4
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
@@ -1,2 +0,0 @@
1
- export * from './Headlines';
2
- export * from './Text';