@dfds-ui/react-components 3.0.0-alpha.356fd468 → 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.
Files changed (192) hide show
  1. package/package.json +11 -11
  2. package/cjs/accordion/Accordion.d.ts +0 -101
  3. package/cjs/accordion/AccordionContent.d.ts +0 -14
  4. package/cjs/accordion/AccordionSmall.d.ts +0 -56
  5. package/cjs/accordion/index.d.ts +0 -3
  6. package/cjs/app-bar/AppBar.d.ts +0 -13
  7. package/cjs/app-bar/AppBarContext.d.ts +0 -12
  8. package/cjs/app-bar/AppBarDrawer.d.ts +0 -5
  9. package/cjs/app-bar/AppBarIconButton.d.ts +0 -10
  10. package/cjs/app-bar/AppBarItem.d.ts +0 -23
  11. package/cjs/app-bar/AppBarListItem.d.ts +0 -15
  12. package/cjs/app-bar/index.d.ts +0 -7
  13. package/cjs/assertions/banner/Banner.d.ts +0 -74
  14. package/cjs/assertions/banner/BannerAction.d.ts +0 -19
  15. package/cjs/assertions/banner/BannerTypography.d.ts +0 -9
  16. package/cjs/assertions/banner/index.d.ts +0 -3
  17. package/cjs/assertions/index.d.ts +0 -2
  18. package/cjs/assertions/toast/Toast.d.ts +0 -13
  19. package/cjs/assertions/toast/Toaster.d.ts +0 -19
  20. package/cjs/assertions/toast/index.d.ts +0 -2
  21. package/cjs/badge/Badge.d.ts +0 -26
  22. package/cjs/badge/index.d.ts +0 -2
  23. package/cjs/button/BadgeIcon.d.ts +0 -7
  24. package/cjs/button/BaseButton.d.ts +0 -14
  25. package/cjs/button/Button.d.ts +0 -19
  26. package/cjs/button/IconButton.d.ts +0 -75
  27. package/cjs/button/LinkButton.d.ts +0 -8
  28. package/cjs/button/button-style.d.ts +0 -7
  29. package/cjs/button/index.d.ts +0 -7
  30. package/cjs/button-stack/ButtonStack.d.ts +0 -12
  31. package/cjs/button-stack/index.d.ts +0 -1
  32. package/cjs/card/Card.d.ts +0 -19
  33. package/cjs/card/CardActions.d.ts +0 -4
  34. package/cjs/card/CardContent.d.ts +0 -14
  35. package/cjs/card/CardMedia.d.ts +0 -19
  36. package/cjs/card/CardPriceTag.d.ts +0 -25
  37. package/cjs/card/CardTitle.d.ts +0 -19
  38. package/cjs/card/index.d.ts +0 -6
  39. package/cjs/chip/Chip.d.ts +0 -19
  40. package/cjs/chip/index.d.ts +0 -2
  41. package/cjs/common/LockBodyScroll.d.ts +0 -26
  42. package/cjs/common/arrow.d.ts +0 -6
  43. package/cjs/common/emotionCloneElement.d.ts +0 -2
  44. package/cjs/common/intent.d.ts +0 -3
  45. package/cjs/common/miniMoize.d.ts +0 -1
  46. package/cjs/common/polymorphic.d.ts +0 -25
  47. package/cjs/common/use-media.d.ts +0 -1
  48. package/cjs/common/useOnClickOutside.d.ts +0 -3
  49. package/cjs/common/utils.d.ts +0 -3
  50. package/cjs/counter/Counter.d.ts +0 -27
  51. package/cjs/counter/PluralCounter.d.ts +0 -14
  52. package/cjs/counter/index.d.ts +0 -2
  53. package/cjs/data-table/DataTable.d.ts +0 -11
  54. package/cjs/data-table/index.d.ts +0 -1
  55. package/cjs/divider/Divider.d.ts +0 -26
  56. package/cjs/divider/index.d.ts +0 -1
  57. package/cjs/drawer/Drawer.d.ts +0 -32
  58. package/cjs/drawer/index.d.ts +0 -1
  59. package/cjs/dropdown-menu/Dropdown.d.ts +0 -46
  60. package/cjs/dropdown-menu/DropdownContext.d.ts +0 -13
  61. package/cjs/dropdown-menu/MenuCheckbox.d.ts +0 -34
  62. package/cjs/dropdown-menu/MenuItem.d.ts +0 -45
  63. package/cjs/dropdown-menu/MenuTitle.d.ts +0 -14
  64. package/cjs/dropdown-menu/index.d.ts +0 -5
  65. package/cjs/elevation/index.d.ts +0 -3
  66. package/cjs/flexbox/FlexBox.d.ts +0 -100
  67. package/cjs/flexbox/index.d.ts +0 -1
  68. package/cjs/footer/Footer.d.ts +0 -7
  69. package/cjs/footer/index.d.ts +0 -1
  70. package/cjs/forms/assistive-text/AssistiveText.d.ts +0 -7
  71. package/cjs/forms/asterisk/Asterisk.d.ts +0 -3
  72. package/cjs/forms/checkbox/Checkbox.d.ts +0 -39
  73. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -11
  74. package/cjs/forms/checkbox/index.d.ts +0 -1
  75. package/cjs/forms/email-field/EmailField.d.ts +0 -22
  76. package/cjs/forms/error-text/ErrorText.d.ts +0 -7
  77. package/cjs/forms/field/Field.d.ts +0 -11
  78. package/cjs/forms/index.d.ts +0 -21
  79. package/cjs/forms/input/Input.d.ts +0 -19
  80. package/cjs/forms/input/InputComposition.d.ts +0 -43
  81. package/cjs/forms/label/Label.d.ts +0 -11
  82. package/cjs/forms/number-field/NumberField.d.ts +0 -22
  83. package/cjs/forms/password-field/PasswordField.d.ts +0 -4
  84. package/cjs/forms/radio/Radio.d.ts +0 -35
  85. package/cjs/forms/reactselect/ReactSelect.d.ts +0 -25
  86. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +0 -6
  87. package/cjs/forms/select/Select.d.ts +0 -16
  88. package/cjs/forms/select-field/SelectField.d.ts +0 -25
  89. package/cjs/forms/switch/Switch.d.ts +0 -13
  90. package/cjs/forms/tel-field/TelField.d.ts +0 -22
  91. package/cjs/forms/text-field/TextField.d.ts +0 -43
  92. package/cjs/global-styles/GlobalStyles.d.ts +0 -3
  93. package/cjs/global-styles/ResetStyles.d.ts +0 -9
  94. package/cjs/global-styles/sanitize.d.ts +0 -1
  95. package/cjs/grid/Column.d.ts +0 -10
  96. package/cjs/grid/Container.d.ts +0 -15
  97. package/cjs/grid/index.d.ts +0 -2
  98. package/cjs/hero/Hero.d.ts +0 -10
  99. package/cjs/hero/index.d.ts +0 -1
  100. package/cjs/hero/stripes.d.ts +0 -6
  101. package/cjs/ie-banner/IEBanner.d.ts +0 -12
  102. package/cjs/ie-banner/index.d.ts +0 -1
  103. package/cjs/index.d.ts +0 -43
  104. package/cjs/layout/LayoutLegacy.d.ts +0 -2
  105. package/cjs/lists/FeatureList.d.ts +0 -22
  106. package/cjs/lists/ListAddon.d.ts +0 -11
  107. package/cjs/lists/ListDivider.d.ts +0 -5
  108. package/cjs/lists/ListIcon.d.ts +0 -18
  109. package/cjs/lists/ListItem.d.ts +0 -46
  110. package/cjs/lists/ListText.d.ts +0 -39
  111. package/cjs/lists/ListTextGroup.d.ts +0 -15
  112. package/cjs/lists/ListTitle.d.ts +0 -4
  113. package/cjs/lists/index.d.ts +0 -8
  114. package/cjs/loader/DfdsLoader.d.ts +0 -9
  115. package/cjs/loader/Loader.d.ts +0 -6
  116. package/cjs/loader/index.d.ts +0 -2
  117. package/cjs/localization/LocaleFlag.d.ts +0 -13
  118. package/cjs/localization/index.d.ts +0 -2
  119. package/cjs/localization/locales.d.ts +0 -35
  120. package/cjs/logo/Logo.d.ts +0 -11
  121. package/cjs/logo/index.d.ts +0 -1
  122. package/cjs/media/index.d.ts +0 -2
  123. package/cjs/menu/Menu.d.ts +0 -7
  124. package/cjs/menu/index.d.ts +0 -2
  125. package/cjs/mobile-stepper/MobileStepper.d.ts +0 -25
  126. package/cjs/mobile-stepper/index.d.ts +0 -1
  127. package/cjs/nav-bar/NavBar.d.ts +0 -37
  128. package/cjs/nav-bar/index.d.ts +0 -2
  129. package/cjs/nav-menu/NavMenuItem.d.ts +0 -10
  130. package/cjs/nav-menu/index.d.ts +0 -1
  131. package/cjs/pagination/Pagination.d.ts +0 -44
  132. package/cjs/pagination/Pagination.styles.d.ts +0 -6
  133. package/cjs/pagination/index.d.ts +0 -1
  134. package/cjs/popper/Popper.d.ts +0 -29
  135. package/cjs/popper/index.d.ts +0 -1
  136. package/cjs/progress-bar/ProgressBar.d.ts +0 -8
  137. package/cjs/progress-bar/index.d.ts +0 -2
  138. package/cjs/schedule/ScheduleItem.d.ts +0 -19
  139. package/cjs/schedule/ScheduleList.d.ts +0 -11
  140. package/cjs/schedule/index.d.ts +0 -2
  141. package/cjs/side-sheet/SideSheet.d.ts +0 -57
  142. package/cjs/side-sheet/SideSheetCloseButton.d.ts +0 -13
  143. package/cjs/side-sheet/SideSheetContent.d.ts +0 -7
  144. package/cjs/side-sheet/SideSheetFooter.d.ts +0 -7
  145. package/cjs/side-sheet/SideSheetHeader.d.ts +0 -9
  146. package/cjs/side-sheet/SideSheetHeadline.d.ts +0 -7
  147. package/cjs/side-sheet/index.d.ts +0 -4
  148. package/cjs/site-layout/SiteLayout.d.ts +0 -40
  149. package/cjs/site-layout/index.d.ts +0 -2
  150. package/cjs/skeleton/Skeleton.d.ts +0 -8
  151. package/cjs/skeleton/index.d.ts +0 -1
  152. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +0 -24
  153. package/cjs/social-media-link-list/index.d.ts +0 -1
  154. package/cjs/spinner/Spinner.d.ts +0 -58
  155. package/cjs/spinner/index.d.ts +0 -1
  156. package/cjs/step/Step.d.ts +0 -45
  157. package/cjs/step/Step.styles.d.ts +0 -4
  158. package/cjs/step/StepButton.d.ts +0 -4
  159. package/cjs/step/StepContent.d.ts +0 -6
  160. package/cjs/step/StepContext.d.ts +0 -12
  161. package/cjs/step/StepLabel.d.ts +0 -7
  162. package/cjs/step/index.d.ts +0 -1
  163. package/cjs/stepper/Stepper.d.ts +0 -25
  164. package/cjs/stepper/StepperContext.d.ts +0 -9
  165. package/cjs/stepper/index.d.ts +0 -1
  166. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +0 -5
  167. package/cjs/stepper-feedback-message/index.d.ts +0 -1
  168. package/cjs/styles/index.d.ts +0 -3
  169. package/cjs/styles/media.d.ts +0 -21
  170. package/cjs/styles/rem.d.ts +0 -1
  171. package/cjs/styles/style-helpers.d.ts +0 -1
  172. package/cjs/styles/theme.d.ts +0 -39
  173. package/cjs/surface/Surface.d.ts +0 -33
  174. package/cjs/surface/index.d.ts +0 -1
  175. package/cjs/tab/Tab.d.ts +0 -12
  176. package/cjs/tab/TabPanel.d.ts +0 -7
  177. package/cjs/tab/Tabs.d.ts +0 -11
  178. package/cjs/tab/TabsContext.d.ts +0 -16
  179. package/cjs/tab/index.d.ts +0 -4
  180. package/cjs/table/Table.d.ts +0 -22
  181. package/cjs/table/TableBody.d.ts +0 -9
  182. package/cjs/table/TableDataCell.d.ts +0 -14
  183. package/cjs/table/TableHead.d.ts +0 -14
  184. package/cjs/table/TableHeaderCell.d.ts +0 -15
  185. package/cjs/table/TableRow.d.ts +0 -17
  186. package/cjs/table/index.d.ts +0 -6
  187. package/cjs/test/Test.d.ts +0 -8
  188. package/cjs/tooltip/Tooltip.d.ts +0 -32
  189. package/cjs/tooltip/index.d.ts +0 -2
  190. package/cjs/typography/Headlines.d.ts +0 -71
  191. package/cjs/typography/Text.d.ts +0 -4
  192. package/cjs/typography/index.d.ts +0 -2
@@ -1,24 +0,0 @@
1
- import React, { FunctionComponent } from 'react';
2
- export type SocialMediaLinkListProps = {
3
- instagramLink?: string;
4
- facebookLink?: string;
5
- blogLink?: string;
6
- twitterLink?: string;
7
- linkedinLink?: string;
8
- youtubeLink?: string;
9
- mailshareLink?: string;
10
- iconSize?: string;
11
- noPadding?: boolean;
12
- colorOverwrite?: string;
13
- };
14
- export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme;
16
- as?: React.ElementType;
17
- } & import("../flexbox").FlexBoxProps & {
18
- as?: React.ElementType;
19
- } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
20
- theme?: import("@emotion/react").Theme;
21
- } & SocialMediaLinkListProps, {}, {}>;
22
- type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
23
- export declare const SocialMediaLinkList: socialMediaLinkListComponent;
24
- export default SocialMediaLinkList;
@@ -1 +0,0 @@
1
- export * from './SocialMediaLinkList';
@@ -1,58 +0,0 @@
1
- import React from 'react';
2
- import { PolymorphicComponentProps } from '../common/polymorphic';
3
- type Color = 'dark' | 'secondary' | 'light';
4
- export type SpinnerProps = {
5
- /**
6
- * Indicates that Spinner will show up instantaneously (instead of fading in).
7
- *
8
- */
9
- instant?: boolean;
10
- /**
11
- * Specifies the size of the Spinner.
12
- *
13
- * @deprecated Use css instead.
14
- */
15
- size?: string;
16
- /**
17
- * Class name to be assigned to component.
18
- */
19
- className?: string;
20
- /**
21
- * Set the color variant to use.
22
- */
23
- color?: Color;
24
- } & PolymorphicComponentProps;
25
- /**
26
- * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
27
- */
28
- export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): React.JSX.Element;
29
- export declare namespace Spinner {
30
- var displayName: string;
31
- }
32
- /**
33
- * @deprecated Style the regular spinner to achieve the desired effect.
34
- */
35
- export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<{
36
- /**
37
- * Indicates that Spinner will show up instantaneously (instead of fading in).
38
- *
39
- */
40
- instant?: boolean;
41
- /**
42
- * Specifies the size of the Spinner.
43
- *
44
- * @deprecated Use css instead.
45
- */
46
- size?: string;
47
- /**
48
- * Class name to be assigned to component.
49
- */
50
- className?: string;
51
- /**
52
- * Set the color variant to use.
53
- */
54
- color?: Color;
55
- } & PolymorphicComponentProps & {
56
- theme?: import("@emotion/react").Theme;
57
- }, {}, {}>;
58
- export default Spinner;
@@ -1 +0,0 @@
1
- export * from './Spinner';
@@ -1,45 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- export type StepProps = {
3
- /**
4
- * The position of the step
5
- */
6
- index: number;
7
- /**
8
- * Step label
9
- */
10
- label?: string;
11
- /**
12
- * Sets the step as active
13
- */
14
- active?: boolean;
15
- /**
16
- * Sets the step as completed
17
- */
18
- completed?: boolean;
19
- /**
20
- * If `true`, the step button will be disabled
21
- */
22
- disabled?: boolean;
23
- /**
24
- * Should be Step sub-components, such as `StepContent` for the vertical variant
25
- */
26
- children?: ReactNode;
27
- /**
28
- * Optional label. Is shown below the step label
29
- */
30
- optionalStepText?: string;
31
- /**
32
- * Error step. Error icon will be showen in the step button
33
- */
34
- hasError?: boolean;
35
- /**
36
- * Editing step. Editing icon wil be showen in the step button
37
- */
38
- isEditing?: boolean;
39
- /**
40
- * The function is triggered when step button is clicked
41
- */
42
- handleStepClick?: () => void;
43
- };
44
- declare const _default: React.MemoExoticComponent<({ index, label, active: activeProp, completed: completedProp, disabled, children, hasError, optionalStepText, isEditing, handleStepClick, ...props }: StepProps) => React.JSX.Element>;
45
- export default _default;
@@ -1,4 +0,0 @@
1
- export declare const stepWrapperHorizontalStyles: import("@emotion/utils").SerializedStyles;
2
- export declare const stepWrapperVerticalStyles: import("@emotion/utils").SerializedStyles;
3
- export declare const stepHeaderStyles: import("@emotion/utils").SerializedStyles;
4
- export declare const stepContentStyles: import("@emotion/utils").SerializedStyles;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
3
- declare const StepButton: ({ ...rest }: StepButtonProps) => React.JSX.Element;
4
- export default StepButton;
@@ -1,6 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- type StepContentProps = {
3
- children: ReactNode;
4
- };
5
- declare const StepContent: ({ children }: StepContentProps) => React.JSX.Element;
6
- export default StepContent;
@@ -1,12 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- export type StepContextType = {
3
- index: number;
4
- active: boolean;
5
- hasError?: boolean;
6
- completed?: boolean;
7
- disabled?: boolean;
8
- isEditing?: boolean;
9
- feedback?: ReactNode;
10
- };
11
- declare const StepContext: React.Context<StepContextType>;
12
- export default StepContext;
@@ -1,7 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- type StepLableTypes = {
3
- children: ReactNode;
4
- optionalStepText?: ReactNode;
5
- };
6
- declare const StepLabel: FC<StepLableTypes>;
7
- export default StepLabel;
@@ -1 +0,0 @@
1
- export { default as Step } from './Step';
@@ -1,25 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- export type StepperProps = {
3
- /**
4
- * Stepper layout orientation `'horizontal' | 'vertical'`
5
- */
6
- orientation?: 'horizontal' | 'vertical';
7
- /**
8
- * Multiple `<Step/>` components
9
- */
10
- children: ReactNode;
11
- /**
12
- * The initial step
13
- */
14
- activeStep?: number;
15
- /**
16
- * If set the component will not assist in controlling steps for sequential flow
17
- */
18
- sequential?: boolean;
19
- /**
20
- * A feedback message can be passed to display a transitory feedback message as the step label
21
- */
22
- stepFeedbackMessage?: string;
23
- };
24
- declare const _default: React.MemoExoticComponent<({ children, activeStep, sequential, orientation, stepFeedbackMessage, ...other }: StepperProps) => React.JSX.Element>;
25
- export default _default;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- type StepperContextType = {
3
- activeStep: number;
4
- orientation: 'horizontal' | 'vertical';
5
- sequential: boolean;
6
- stepFeedbackMessage?: string;
7
- };
8
- declare const StepperContext: React.Context<StepperContextType>;
9
- export default StepperContext;
@@ -1 +0,0 @@
1
- export { default as Stepper } from './Stepper';
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- declare const StepperFeedbackMessage: ({ message }: {
3
- message: string;
4
- }) => React.JSX.Element;
5
- export default StepperFeedbackMessage;
@@ -1 +0,0 @@
1
- export { default as StepperFeedbackMessage } from './StepperFeedbackMessage';
@@ -1,3 +0,0 @@
1
- export { default as legacyMedia, legacyGenerateMedia } from './media';
2
- export { default as theme } from './theme';
3
- export { visuallyHidden } from './style-helpers';
@@ -1,21 +0,0 @@
1
- declare const defaultBreakPoints: {
2
- xl: number;
3
- lg: number;
4
- md: number;
5
- sm: number;
6
- xs: number;
7
- };
8
- type BreakPoint = keyof typeof defaultBreakPoints | number;
9
- export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
10
- lt: (breakPoint: BreakPoint) => string;
11
- gt: (breakPoint: BreakPoint) => string;
12
- bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
13
- tablet: () => string;
14
- };
15
- export declare const legacyMedia: {
16
- lt: (breakPoint: BreakPoint) => string;
17
- gt: (breakPoint: BreakPoint) => string;
18
- bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
19
- tablet: () => string;
20
- };
21
- export default legacyMedia;
@@ -1 +0,0 @@
1
- export declare const rem: (targetPixelValue: number, base?: number) => string;
@@ -1 +0,0 @@
1
- export declare const visuallyHidden: () => import("@emotion/utils").SerializedStyles;
@@ -1,39 +0,0 @@
1
- export declare const theme: {
2
- colors: {
3
- yesGreen: string;
4
- cautionAmber: string;
5
- noRed: string;
6
- linkBlue: string;
7
- linkHover: string;
8
- actionBlue: string;
9
- actionHover: string;
10
- actionMedium: string;
11
- actionLight: string;
12
- primaryOrange: string;
13
- primaryHover: string;
14
- uiEnabled: string;
15
- uiDisabled: string;
16
- textGrey: string;
17
- textMedium: string;
18
- textLight: string;
19
- groupBlue: string;
20
- groupMedium: string;
21
- groupLight: string;
22
- backgroundGrey: string;
23
- white: string;
24
- whiteHover: string;
25
- };
26
- fontFamily: string;
27
- spacing: {
28
- xxs: string;
29
- xs: string;
30
- s: string;
31
- m: string;
32
- l: string;
33
- xl: string;
34
- xxl: string;
35
- };
36
- uiRoundness: string;
37
- };
38
- export type ThemeInterface = typeof theme;
39
- export default theme;
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { theme } from '@dfds-ui/theme';
3
- export type SurfaceType = keyof typeof theme.colors.surface;
4
- export type SurfaceContextType = {
5
- surface: SurfaceType;
6
- backgroundColor: string;
7
- textColors: {
8
- primary: string;
9
- secondary: string;
10
- disabled: string;
11
- };
12
- };
13
- export declare function getTextColors(surface: SurfaceType): {
14
- primary: string;
15
- secondary: string;
16
- disabled: string;
17
- };
18
- export declare function getBackgroundColor(surface: SurfaceType): string;
19
- export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
20
- export declare const SurfaceProvider: ({ children, surface }: {
21
- surface: SurfaceType;
22
- children?: React.ReactNode;
23
- }) => React.JSX.Element;
24
- export declare function MaybeSurfaceProvider({ surface, ...rest }: {
25
- surface?: SurfaceType;
26
- children?: React.ReactNode;
27
- }): React.JSX.Element;
28
- export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
29
- export declare const Surface: ({ surface, children, ...rest }: {
30
- surface: SurfaceType;
31
- className?: string;
32
- children?: React.ReactNode;
33
- }) => React.JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Surface';
package/cjs/tab/Tab.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- export type Index = number | string;
3
- export type TabProps = {
4
- active?: boolean;
5
- disabled?: boolean;
6
- transparent?: boolean;
7
- index: Index;
8
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
9
- children?: React.ReactNode;
10
- };
11
- declare const Tab: ({ children, index, onClick, ...rest }: TabProps) => React.JSX.Element;
12
- export default Tab;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- type TabPanelProps = {
3
- index: number | string;
4
- children: React.ReactNode;
5
- };
6
- declare const TabPanel: ({ index, children }: TabPanelProps) => React.JSX.Element;
7
- export default TabPanel;
package/cjs/tab/Tabs.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- type TabsLabels = {
3
- scrollLeft: string;
4
- scrollRight: string;
5
- };
6
- type TabsProps = {
7
- tabsLabels?: TabsLabels;
8
- children?: any;
9
- };
10
- declare const Tabs: ({ children, tabsLabels, ...rest }: TabsProps) => React.JSX.Element;
11
- export default Tabs;
@@ -1,16 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { Index } from './Tab';
3
- export type TabsContextProps = {
4
- transparent?: boolean;
5
- onChange?: (index: any) => void;
6
- size?: 's' | 'm';
7
- activeTab?: Index | undefined;
8
- children?: React.ReactNode;
9
- };
10
- export declare const TabsContext: React.Context<TabsContextProps>;
11
- export declare const TabsContextProvider: ({ children, value }: {
12
- value: TabsContextProps;
13
- children?: ReactNode;
14
- }) => React.JSX.Element;
15
- export declare const useTabsContext: () => TabsContextProps;
16
- export default useTabsContext;
@@ -1,4 +0,0 @@
1
- export * from './TabsContext';
2
- export { default as Tabs } from './Tabs';
3
- export { default as Tab } from './Tab';
4
- export { default as TabPanel } from './TabPanel';
@@ -1,22 +0,0 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
- export type TableProps = {
3
- /**
4
- * Table content
5
- */
6
- children?: ReactNode;
7
- /**
8
- * Enables interaction effect on table rows
9
- */
10
- isInteractive?: boolean;
11
- /**
12
- * Makes table header sticky when scrolling (no IE 11 support)
13
- */
14
- isHeaderSticky?: boolean;
15
- } & ComponentPropsWithRef<'table'>;
16
- export type TableContextProps = {
17
- isInteractive: boolean;
18
- isHeaderSticky: boolean;
19
- };
20
- export declare const useTable: () => TableContextProps;
21
- export declare const Table: ({ children, isHeaderSticky, isInteractive, ...rest }: TableProps) => React.JSX.Element;
22
- export default Table;
@@ -1,9 +0,0 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
- export type TableBodyProps = {
3
- /**
4
- * Table body content
5
- */
6
- children: ReactNode;
7
- } & ComponentPropsWithRef<'tbody'>;
8
- export declare const TableBody: ({ children, ...rest }: TableBodyProps) => React.JSX.Element;
9
- export default TableBody;
@@ -1,14 +0,0 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
- import { Alignment } from './TableHeaderCell';
3
- export type TableDataCellProps = {
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<'td'>;
13
- export declare const TableDataCell: ({ align, children, ...rest }: TableDataCellProps) => React.JSX.Element;
14
- export default TableDataCell;
@@ -1,14 +0,0 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
- export 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/utils").SerializedStyles;
13
- export declare const TableHead: ({ children, className, ...rest }: TableHeadProps) => React.JSX.Element;
14
- export default TableHead;
@@ -1,15 +0,0 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
- export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
3
- export 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/utils").SerializedStyles;
14
- export declare const TableHeaderCell: ({ align, children, ...rest }: TableHeaderCellProps) => React.JSX.Element;
15
- export default TableHeaderCell;
@@ -1,17 +0,0 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
- export 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: ({ children, className, isSelected, ...rest }: TableRowProps) => React.JSX.Element;
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,32 +0,0 @@
1
- import React from 'react';
2
- import { TooltipProps as MuiTooltipProps } from '@mui/material';
3
- type TooltipProps = {
4
- content: string | React.ReactNode;
5
- name?: string;
6
- placement?: MuiTooltipProps['placement'];
7
- offset?: number;
8
- enterDelay?: number;
9
- leaveDelay?: number;
10
- containerProps?: any;
11
- tabIndex?: number;
12
- visible?: boolean;
13
- onClickOutside?: () => void;
14
- children?: React.ReactNode;
15
- };
16
- declare const Tooltip: ({ name, content, children, enterDelay, leaveDelay, placement, containerProps, tabIndex, visible, onClickOutside, }: TooltipProps) => React.JSX.Element;
17
- export type UnstableWithTooltipProps = {
18
- content: React.ReactNode;
19
- children: React.ReactElement;
20
- enterDelay?: number;
21
- leaveDelay?: number;
22
- placement?: MuiTooltipProps['placement'];
23
- className?: string;
24
- };
25
- /**
26
- * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
27
- * no extra html markup will wrapped around the targeted element.
28
- *
29
- * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
30
- */
31
- export declare const UnstableWithTooltip: ({ children, content, enterDelay, leaveDelay, placement, ...rest }: UnstableWithTooltipProps) => React.JSX.Element;
32
- export default Tooltip;
@@ -1,2 +0,0 @@
1
- export { default as Tooltip } from './Tooltip';
2
- export { UnstableWithTooltip } from './Tooltip';
@@ -1,71 +0,0 @@
1
- import React from 'react';
2
- declare const headlineStyles: {
3
- h1: import("@emotion/utils").SerializedStyles;
4
- h2: import("@emotion/utils").SerializedStyles;
5
- h3: import("@emotion/utils").SerializedStyles;
6
- h4: import("@emotion/utils").SerializedStyles;
7
- };
8
- export declare const H1: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme;
10
- as?: React.ElementType;
11
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
12
- as?: React.ElementType;
13
- noMargin?: boolean;
14
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
15
- export declare const H2: import("@emotion/styled").StyledComponent<{
16
- theme?: import("@emotion/react").Theme;
17
- as?: React.ElementType;
18
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
19
- as?: React.ElementType;
20
- noMargin?: boolean;
21
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
22
- export declare const H3: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme;
24
- as?: React.ElementType;
25
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
26
- as?: React.ElementType;
27
- noMargin?: boolean;
28
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
29
- export declare const H4: import("@emotion/styled").StyledComponent<{
30
- theme?: import("@emotion/react").Theme;
31
- as?: React.ElementType;
32
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
33
- as?: React.ElementType;
34
- noMargin?: boolean;
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
- children?: React.ReactNode;
42
- }>;
43
- export declare const HeroHeadline: import("@emotion/styled").StyledComponent<{
44
- theme?: import("@emotion/react").Theme;
45
- as?: React.ElementType;
46
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
47
- as?: React.ElementType;
48
- noMargin?: boolean;
49
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
50
- export declare const SectionHeadline: import("@emotion/styled").StyledComponent<{
51
- theme?: import("@emotion/react").Theme;
52
- as?: React.ElementType;
53
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
54
- as?: React.ElementType;
55
- noMargin?: boolean;
56
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
57
- export declare const SubHeadline: import("@emotion/styled").StyledComponent<{
58
- theme?: import("@emotion/react").Theme;
59
- as?: React.ElementType;
60
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
61
- as?: React.ElementType;
62
- noMargin?: boolean;
63
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
64
- export declare const SmallHeadline: import("@emotion/styled").StyledComponent<{
65
- theme?: import("@emotion/react").Theme;
66
- as?: React.ElementType;
67
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
68
- as?: React.ElementType;
69
- noMargin?: boolean;
70
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
71
- export {};
@@ -1,4 +0,0 @@
1
- export declare const Text: import("@emotion/styled").StyledComponent<{
2
- theme?: import("@emotion/react").Theme;
3
- as?: React.ElementType;
4
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
@@ -1,2 +0,0 @@
1
- export * from './Headlines';
2
- export * from './Text';