@dfds-ui/react-components 0.9.7-alpha.ac2c6688 → 0.9.7-alpha.b4c5140f

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