@dfds-ui/react-components 2.0.22 → 2.0.23-alpha.01f1f4d4

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 (201) hide show
  1. package/app-bar/AppBarItem.d.ts +1 -1
  2. package/cjs/global-styles/GlobalStyles.js +11 -25
  3. package/cjs/layout/LayoutLegacy.js +10 -20
  4. package/global-styles/GlobalStyles.js +11 -24
  5. package/layout/LayoutLegacy.js +10 -19
  6. package/package.json +11 -11
  7. package/cjs/accordion/Accordion.d.ts +0 -101
  8. package/cjs/accordion/AccordionContent.d.ts +0 -13
  9. package/cjs/accordion/AccordionSmall.d.ts +0 -55
  10. package/cjs/accordion/index.d.ts +0 -3
  11. package/cjs/app-bar/AppBar.d.ts +0 -13
  12. package/cjs/app-bar/AppBarContext.d.ts +0 -12
  13. package/cjs/app-bar/AppBarDrawer.d.ts +0 -5
  14. package/cjs/app-bar/AppBarIconButton.d.ts +0 -10
  15. package/cjs/app-bar/AppBarItem.d.ts +0 -23
  16. package/cjs/app-bar/AppBarListItem.d.ts +0 -16
  17. package/cjs/app-bar/index.d.ts +0 -7
  18. package/cjs/assertions/banner/Banner.d.ts +0 -74
  19. package/cjs/assertions/banner/BannerAction.d.ts +0 -19
  20. package/cjs/assertions/banner/BannerTypography.d.ts +0 -7
  21. package/cjs/assertions/banner/index.d.ts +0 -3
  22. package/cjs/assertions/index.d.ts +0 -2
  23. package/cjs/assertions/toast/Toast.d.ts +0 -11
  24. package/cjs/assertions/toast/Toaster.d.ts +0 -19
  25. package/cjs/assertions/toast/index.d.ts +0 -2
  26. package/cjs/badge/Badge.d.ts +0 -26
  27. package/cjs/badge/index.d.ts +0 -2
  28. package/cjs/button/BadgeIcon.d.ts +0 -7
  29. package/cjs/button/BaseButton.d.ts +0 -14
  30. package/cjs/button/Button.d.ts +0 -19
  31. package/cjs/button/IconButton.d.ts +0 -75
  32. package/cjs/button/LinkButton.d.ts +0 -8
  33. package/cjs/button/button-style.d.ts +0 -7
  34. package/cjs/button/index.d.ts +0 -7
  35. package/cjs/button-stack/ButtonStack.d.ts +0 -11
  36. package/cjs/button-stack/index.d.ts +0 -1
  37. package/cjs/card/Card.d.ts +0 -18
  38. package/cjs/card/CardActions.d.ts +0 -4
  39. package/cjs/card/CardContent.d.ts +0 -13
  40. package/cjs/card/CardMedia.d.ts +0 -18
  41. package/cjs/card/CardPriceTag.d.ts +0 -25
  42. package/cjs/card/CardTitle.d.ts +0 -18
  43. package/cjs/card/index.d.ts +0 -6
  44. package/cjs/chip/Chip.d.ts +0 -19
  45. package/cjs/chip/index.d.ts +0 -2
  46. package/cjs/common/LockBodyScroll.d.ts +0 -25
  47. package/cjs/common/arrow.d.ts +0 -6
  48. package/cjs/common/emotionCloneElement.d.ts +0 -3
  49. package/cjs/common/intent.d.ts +0 -3
  50. package/cjs/common/miniMoize.d.ts +0 -1
  51. package/cjs/common/polymorphic.d.ts +0 -25
  52. package/cjs/common/use-media.d.ts +0 -1
  53. package/cjs/common/useOnClickOutside.d.ts +0 -4
  54. package/cjs/common/utils.d.ts +0 -3
  55. package/cjs/counter/Counter.d.ts +0 -26
  56. package/cjs/counter/PluralCounter.d.ts +0 -13
  57. package/cjs/counter/index.d.ts +0 -2
  58. package/cjs/data-table/DataTable.d.ts +0 -10
  59. package/cjs/data-table/index.d.ts +0 -1
  60. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  61. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  62. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  63. package/cjs/date-range-picker/index.d.ts +0 -1
  64. package/cjs/divider/Divider.d.ts +0 -26
  65. package/cjs/divider/index.d.ts +0 -1
  66. package/cjs/drawer/Drawer.d.ts +0 -31
  67. package/cjs/drawer/index.d.ts +0 -1
  68. package/cjs/dropdown-menu/Dropdown.d.ts +0 -46
  69. package/cjs/dropdown-menu/DropdownContext.d.ts +0 -13
  70. package/cjs/dropdown-menu/MenuCheckbox.d.ts +0 -34
  71. package/cjs/dropdown-menu/MenuItem.d.ts +0 -45
  72. package/cjs/dropdown-menu/MenuTitle.d.ts +0 -14
  73. package/cjs/dropdown-menu/index.d.ts +0 -5
  74. package/cjs/elevation/index.d.ts +0 -3
  75. package/cjs/flexbox/FlexBox.d.ts +0 -100
  76. package/cjs/flexbox/index.d.ts +0 -1
  77. package/cjs/footer/Footer.d.ts +0 -7
  78. package/cjs/footer/index.d.ts +0 -1
  79. package/cjs/forms/assistive-text/AssistiveText.d.ts +0 -8
  80. package/cjs/forms/asterisk/Asterisk.d.ts +0 -3
  81. package/cjs/forms/checkbox/Checkbox.d.ts +0 -39
  82. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -10
  83. package/cjs/forms/checkbox/index.d.ts +0 -1
  84. package/cjs/forms/email-field/EmailField.d.ts +0 -6
  85. package/cjs/forms/error-text/ErrorText.d.ts +0 -8
  86. package/cjs/forms/field/Field.d.ts +0 -10
  87. package/cjs/forms/index.d.ts +0 -21
  88. package/cjs/forms/input/Input.d.ts +0 -19
  89. package/cjs/forms/input/InputComposition.d.ts +0 -43
  90. package/cjs/forms/label/Label.d.ts +0 -10
  91. package/cjs/forms/number-field/NumberField.d.ts +0 -6
  92. package/cjs/forms/password-field/PasswordField.d.ts +0 -4
  93. package/cjs/forms/radio/Radio.d.ts +0 -35
  94. package/cjs/forms/reactselect/ReactSelect.d.ts +0 -25
  95. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +0 -6
  96. package/cjs/forms/select/Select.d.ts +0 -16
  97. package/cjs/forms/select-field/SelectField.d.ts +0 -17
  98. package/cjs/forms/switch/Switch.d.ts +0 -13
  99. package/cjs/forms/tel-field/TelField.d.ts +0 -6
  100. package/cjs/forms/text-field/TextField.d.ts +0 -26
  101. package/cjs/global-styles/GlobalStyles.d.ts +0 -3
  102. package/cjs/global-styles/ResetStyles.d.ts +0 -9
  103. package/cjs/global-styles/sanitize.d.ts +0 -1
  104. package/cjs/grid/Column.d.ts +0 -10
  105. package/cjs/grid/Container.d.ts +0 -15
  106. package/cjs/grid/index.d.ts +0 -2
  107. package/cjs/hero/Hero.d.ts +0 -10
  108. package/cjs/hero/index.d.ts +0 -1
  109. package/cjs/hero/stripes.d.ts +0 -6
  110. package/cjs/ie-banner/IEBanner.d.ts +0 -11
  111. package/cjs/ie-banner/index.d.ts +0 -1
  112. package/cjs/index.d.ts +0 -44
  113. package/cjs/layout/LayoutLegacy.d.ts +0 -2
  114. package/cjs/lists/FeatureList.d.ts +0 -24
  115. package/cjs/lists/ListAddon.d.ts +0 -11
  116. package/cjs/lists/ListDivider.d.ts +0 -5
  117. package/cjs/lists/ListIcon.d.ts +0 -18
  118. package/cjs/lists/ListItem.d.ts +0 -46
  119. package/cjs/lists/ListText.d.ts +0 -39
  120. package/cjs/lists/ListTextGroup.d.ts +0 -15
  121. package/cjs/lists/ListTitle.d.ts +0 -4
  122. package/cjs/lists/index.d.ts +0 -8
  123. package/cjs/loader/DfdsLoader.d.ts +0 -9
  124. package/cjs/loader/Loader.d.ts +0 -6
  125. package/cjs/loader/index.d.ts +0 -2
  126. package/cjs/localization/LocaleFlag.d.ts +0 -13
  127. package/cjs/localization/index.d.ts +0 -2
  128. package/cjs/localization/locales.d.ts +0 -35
  129. package/cjs/logo/Logo.d.ts +0 -11
  130. package/cjs/logo/index.d.ts +0 -1
  131. package/cjs/media/index.d.ts +0 -2
  132. package/cjs/menu/Menu.d.ts +0 -7
  133. package/cjs/menu/index.d.ts +0 -2
  134. package/cjs/mobile-stepper/MobileStepper.d.ts +0 -25
  135. package/cjs/mobile-stepper/index.d.ts +0 -1
  136. package/cjs/nav-bar/NavBar.d.ts +0 -35
  137. package/cjs/nav-bar/index.d.ts +0 -2
  138. package/cjs/nav-menu/NavMenuItem.d.ts +0 -10
  139. package/cjs/nav-menu/index.d.ts +0 -1
  140. package/cjs/pagination/Pagination.d.ts +0 -44
  141. package/cjs/pagination/Pagination.styles.d.ts +0 -6
  142. package/cjs/pagination/index.d.ts +0 -1
  143. package/cjs/popper/Popper.d.ts +0 -29
  144. package/cjs/popper/index.d.ts +0 -1
  145. package/cjs/progress-bar/ProgressBar.d.ts +0 -8
  146. package/cjs/progress-bar/index.d.ts +0 -2
  147. package/cjs/schedule/ScheduleItem.d.ts +0 -21
  148. package/cjs/schedule/ScheduleList.d.ts +0 -11
  149. package/cjs/schedule/index.d.ts +0 -2
  150. package/cjs/side-sheet/SideSheet.d.ts +0 -57
  151. package/cjs/side-sheet/SideSheetCloseButton.d.ts +0 -13
  152. package/cjs/side-sheet/SideSheetContent.d.ts +0 -7
  153. package/cjs/side-sheet/SideSheetFooter.d.ts +0 -7
  154. package/cjs/side-sheet/SideSheetHeader.d.ts +0 -9
  155. package/cjs/side-sheet/SideSheetHeadline.d.ts +0 -7
  156. package/cjs/side-sheet/index.d.ts +0 -4
  157. package/cjs/site-layout/SiteLayout.d.ts +0 -36
  158. package/cjs/site-layout/index.d.ts +0 -2
  159. package/cjs/skeleton/Skeleton.d.ts +0 -8
  160. package/cjs/skeleton/index.d.ts +0 -1
  161. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +0 -26
  162. package/cjs/social-media-link-list/index.d.ts +0 -1
  163. package/cjs/spinner/Spinner.d.ts +0 -58
  164. package/cjs/spinner/index.d.ts +0 -1
  165. package/cjs/step/Step.d.ts +0 -45
  166. package/cjs/step/Step.styles.d.ts +0 -4
  167. package/cjs/step/StepButton.d.ts +0 -4
  168. package/cjs/step/StepContent.d.ts +0 -6
  169. package/cjs/step/StepContext.d.ts +0 -12
  170. package/cjs/step/StepLabel.d.ts +0 -7
  171. package/cjs/step/index.d.ts +0 -1
  172. package/cjs/stepper/Stepper.d.ts +0 -25
  173. package/cjs/stepper/StepperContext.d.ts +0 -9
  174. package/cjs/stepper/index.d.ts +0 -1
  175. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +0 -5
  176. package/cjs/stepper-feedback-message/index.d.ts +0 -1
  177. package/cjs/styles/index.d.ts +0 -3
  178. package/cjs/styles/media.d.ts +0 -21
  179. package/cjs/styles/rem.d.ts +0 -1
  180. package/cjs/styles/style-helpers.d.ts +0 -1
  181. package/cjs/styles/theme.d.ts +0 -39
  182. package/cjs/surface/Surface.d.ts +0 -32
  183. package/cjs/surface/index.d.ts +0 -1
  184. package/cjs/tab/Tab.d.ts +0 -12
  185. package/cjs/tab/TabPanel.d.ts +0 -7
  186. package/cjs/tab/Tabs.d.ts +0 -11
  187. package/cjs/tab/TabsContext.d.ts +0 -16
  188. package/cjs/tab/index.d.ts +0 -4
  189. package/cjs/table/Table.d.ts +0 -22
  190. package/cjs/table/TableBody.d.ts +0 -9
  191. package/cjs/table/TableDataCell.d.ts +0 -14
  192. package/cjs/table/TableHead.d.ts +0 -14
  193. package/cjs/table/TableHeaderCell.d.ts +0 -15
  194. package/cjs/table/TableRow.d.ts +0 -17
  195. package/cjs/table/index.d.ts +0 -6
  196. package/cjs/test/Test.d.ts +0 -8
  197. package/cjs/tooltip/Tooltip.d.ts +0 -26
  198. package/cjs/tooltip/index.d.ts +0 -2
  199. package/cjs/typography/Headlines.d.ts +0 -70
  200. package/cjs/typography/Text.d.ts +0 -5
  201. package/cjs/typography/index.d.ts +0 -2
@@ -1,19 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- declare type InteractionEvent = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
3
- export declare type ChipProps = {
4
- children: ReactNode;
5
- dismissable?: boolean;
6
- disabled?: boolean;
7
- selectable?: boolean;
8
- selected?: boolean;
9
- onToggle?: (event: InteractionEvent) => void;
10
- onDismiss?: (event: InteractionEvent) => void;
11
- tabIndex?: number;
12
- className?: string;
13
- };
14
- export declare const ChipContainer: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: React.ElementType<any> | undefined;
17
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
- declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => JSX.Element;
19
- export default _default;
@@ -1,2 +0,0 @@
1
- export * from './Chip';
2
- export { default as Chip } from './Chip';
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- export declare type LockBodyScrollProps = {
3
- /**
4
- * If `true` scroll locking will be enabled
5
- */
6
- enabled?: boolean;
7
- /**
8
- * ClassName to be applied to the body element when scroll is locked
9
- */
10
- bodyClassNameApplied?: string;
11
- /**
12
- * ClassName to be applied to the html element when scroll is locked
13
- */
14
- htmlClassNameApplied?: string;
15
- /**
16
- * Preserve scroll position when locking.
17
- */
18
- preserveScrollPosition?: boolean;
19
- children?: React.ReactNode;
20
- };
21
- export declare type LockBodyScrollResult = {
22
- getGap(): number;
23
- };
24
- export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;
25
- export default LockBodyScroll;
@@ -1,6 +0,0 @@
1
- export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
2
- /**
3
- * Create css for an arrow
4
- * A <div> tag must surround {children} to work
5
- */
6
- export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const emotionCloneElement: (element: any, config: any, ...children: any) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
3
- export default emotionCloneElement;
@@ -1,3 +0,0 @@
1
- export declare type Intent = 'info' | 'critical' | 'success' | 'warning' | 'none';
2
- export declare function getIntentColor(intent?: Intent, muted?: boolean): string;
3
- export declare function getIntentTextColor(intent: Intent): string;
@@ -1 +0,0 @@
1
- export declare function miniMoize(fn: (...args: any[]) => any): (...args: any[]) => any;
@@ -1,25 +0,0 @@
1
- import { ComponentType, ElementType } from 'react';
2
- export declare type RenderContainerProps<T> = {
3
- renderContainer: (props: T) => JSX.Element;
4
- };
5
- export declare type PolymorphicComponentProps = {
6
- /**
7
- * HTML tag or custom component being rendered.
8
- */
9
- as?: ElementType;
10
- };
11
- /**
12
- * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
13
- * polymorphic prop will point to the provided `RenderComponent`.
14
- *
15
- * @example
16
- * import { Link } from `gatsby`;
17
- * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
18
- *
19
- * const AppBarLink = withRenderAs(AppBarItem, Link);
20
- *
21
- * const Example = () => {
22
- * return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
23
- * }
24
- */
25
- export declare function withRenderAs<PCProps extends PolymorphicComponentProps, RCProps>(PolymorphicComponent: ComponentType<PCProps>, RenderComponent: ComponentType<RCProps>): ({ ...props }: Omit<PCProps, keyof PolymorphicComponentProps> & RCProps) => JSX.Element;
@@ -1 +0,0 @@
1
- export default function useMedia(queries: any, values: any, defaultValue: any): any;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare type Handler = (...args: any[]) => void;
3
- export default function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: Handler | null): void;
4
- export {};
@@ -1,3 +0,0 @@
1
- export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
2
- export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
3
- export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
@@ -1,26 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- export declare type CounterProps = {
3
- label?: ReactNode | string;
4
- /**
5
- * Minimum value
6
- */
7
- minVal: number;
8
- /**
9
- * Maximum value
10
- */
11
- maxVal: number;
12
- disableMin?: boolean;
13
- disableMax?: boolean;
14
- /**
15
- *Name of the input element
16
- */
17
- name?: string;
18
- currentVal?: number;
19
- initialVal?: number;
20
- /**
21
- *Callback when the value changes
22
- */
23
- executeOnChange?: (arg: number) => any;
24
- };
25
- export declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLInputElement>>;
26
- export default Counter;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- declare type PluralCounterProps = {
3
- minVal: number;
4
- maxVal: number;
5
- currentVal?: number;
6
- initialVal?: number;
7
- singularLabel: string;
8
- name?: string;
9
- pluralLabel: string;
10
- executeOnChange?: (arg: number) => any;
11
- };
12
- declare const _default: React.ForwardRefExoticComponent<PluralCounterProps & React.RefAttributes<HTMLInputElement>>;
13
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as Counter } from './Counter';
2
- export { default as PluralCounter } from './PluralCounter';
@@ -1,10 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- export declare type DataTableProps = {
3
- onChange?: (model: object[]) => object[];
4
- columns?: string[];
5
- data: object[];
6
- className?: string;
7
- hasHeader?: boolean;
8
- };
9
- export declare const DataTable: FunctionComponent<DataTableProps>;
10
- export default DataTable;
@@ -1 +0,0 @@
1
- export * from './DataTable';
@@ -1,2 +0,0 @@
1
- declare const DatePickerDefaultStyles: import("@emotion/utils").SerializedStyles;
2
- export default DatePickerDefaultStyles;
@@ -1,2 +0,0 @@
1
- declare const DatePickerStyles: import("@emotion/utils").SerializedStyles;
2
- export default DatePickerStyles;
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import 'react-dates/initialize';
3
- interface IDateRangePickerProps {
4
- endDateDisabled?: boolean;
5
- valid: boolean;
6
- onDateChange: (d: string | null, r: string | null) => void;
7
- format?: string;
8
- infoLabel?: string;
9
- startDates: IDateLeg;
10
- endDates: IDateLeg;
11
- labels: IDateRangePickerLabels;
12
- onNextMonthClick?: () => void;
13
- onPrevMonthClick?: () => void;
14
- numberOfMobileMonths?: number;
15
- hideIcon?: boolean;
16
- className?: string;
17
- locale?: string;
18
- }
19
- interface IDateLeg {
20
- initial: string | null;
21
- maxDate: string;
22
- minDate: string;
23
- disabledDates?: string[];
24
- offerDates?: string[];
25
- }
26
- interface IDateRangePickerLabels {
27
- start: string;
28
- end: string;
29
- header: string;
30
- info?: string;
31
- }
32
- declare const DateRangePicker: React.FC<IDateRangePickerProps>;
33
- export default DateRangePicker;
@@ -1 +0,0 @@
1
- export { default as DateRangePicker } from './DateRangePicker';
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- export declare type DividerProps = {
3
- /**
4
- * Display the Divider in "light" mode.
5
- */
6
- light?: boolean;
7
- /**
8
- * Display the Divider in "indent" style
9
- */
10
- indent?: boolean;
11
- /**
12
- * Display the Divider in "margin" style
13
- */
14
- margins?: boolean;
15
- /**
16
- * HTML tag or custom component being rendered
17
- */
18
- as?: React.ElementType;
19
- /**
20
- * Class name to be assigned to the component
21
- */
22
- className?: string;
23
- };
24
- export declare const dividerBorder: (light?: boolean, placement?: 'top' | 'bottom') => import("@emotion/utils").SerializedStyles;
25
- export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => JSX.Element;
26
- export default Divider;
@@ -1 +0,0 @@
1
- export * from './Divider';
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import { theme } from '@dfds-ui/theme';
3
- declare type HorizontalPosition = 'left' | 'right';
4
- declare type VerticalPosition = 'top' | 'bottom';
5
- declare type Elevation = keyof typeof theme.elevation;
6
- export declare type DrawerProps = {
7
- /**
8
- * Horizontal position of the drawer
9
- */
10
- position?: HorizontalPosition;
11
- /**
12
- * Show arrow to visually indicate the relation to a connected component
13
- */
14
- showArrow?: boolean;
15
- /**
16
- * Set the `elevation` for the Drawer.
17
- */
18
- elevation?: Elevation;
19
- /**
20
- * Vertical position of the drawer in relation to a connected component.
21
- * Will only be used for placing the arrow on either the `top` or `bottom`
22
- */
23
- verticalPosition?: VerticalPosition;
24
- /**
25
- * Class name to be assigned to the component
26
- */
27
- className?: string;
28
- children?: React.ReactNode;
29
- };
30
- export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
31
- export default Drawer;
@@ -1 +0,0 @@
1
- export * from './Drawer';
@@ -1,46 +0,0 @@
1
- import React, { ReactElement } from 'react';
2
- import { PopperProps, PopperPlacementType } from '@mui/material';
3
- export declare type DropdownSize = 'medium' | 'small';
4
- export declare type DropdownProps = {
5
- /**
6
- * Placement for the `Dropdown`.
7
- */
8
- placement?: PopperPlacementType;
9
- /**
10
- * HTML element that the `Dropdown` will be anchor to.
11
- */
12
- anchorEl?: PopperProps['anchorEl'];
13
- /**
14
- * If set to `true`, the `Dropdown` is shown.
15
- */
16
- isOpen: boolean;
17
- /**
18
- * Set the state of the `Dropdown`.
19
- */
20
- setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
21
- /**
22
- * Specify the size of the `Dropdown`.
23
- */
24
- size?: DropdownSize;
25
- /**
26
- * Close the `Dropdown` on `esc` key.
27
- */
28
- shouldCloseOnEsc?: boolean;
29
- /**
30
- * className to be assigned to component.
31
- */
32
- className?: string;
33
- /**
34
- * Select multiple children from the `Dropdown`.
35
- */
36
- multiselect?: boolean;
37
- /**
38
- * Add an `id` to the `Dropdown`.
39
- */
40
- id?: string;
41
- onClickAway?: () => void;
42
- children: ReactElement[];
43
- filter?: boolean;
44
- };
45
- declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) => JSX.Element;
46
- export default DropdownMenu;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- declare type DropdownSize = 'medium' | 'small';
3
- declare type DropdownContextProps = {
4
- size?: DropdownSize;
5
- multiselect?: boolean;
6
- };
7
- export declare const DropdownContext: React.Context<DropdownContextProps>;
8
- export declare const DropdownContextProvider: React.FC<{
9
- value: DropdownContextProps;
10
- children?: React.ReactNode;
11
- }>;
12
- declare const useDropdownContext: () => DropdownContextProps;
13
- export default useDropdownContext;
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- export interface MenuCheckboxProps {
3
- /**
4
- * HTML tag or custom component being rendered.
5
- */
6
- as?: React.ElementType;
7
- /**
8
- * Override the default color for the text.
9
- */
10
- color?: string;
11
- /**
12
- * Indicates that the `MenuCheckbox` is disabled.
13
- */
14
- disabled?: boolean;
15
- /**
16
- * Invoke the provided callback when the `MenuCheckbox` is clicked.
17
- */
18
- onClick?: () => void;
19
- /**
20
- * Indicates that the `MenuCheckbox` is selected.
21
- */
22
- selected?: boolean;
23
- /**
24
- * Add interactive styles to the `MenuCheckbox`.
25
- */
26
- clickable?: boolean;
27
- /**
28
- * className to be assigned to component.
29
- */
30
- className?: string;
31
- children?: React.ReactNode;
32
- }
33
- declare const MenuCheckbox: ({ color, children, disabled, as, onClick, selected, clickable, className, }: MenuCheckboxProps) => JSX.Element;
34
- export default MenuCheckbox;
@@ -1,45 +0,0 @@
1
- import React from 'react';
2
- import { DropdownSize } from './Dropdown';
3
- export interface MenuItemProps {
4
- /**
5
- * HTML tag or custom component being rendered.
6
- */
7
- as?: React.ElementType;
8
- /**
9
- * Invoke the provided callback when the `MenuItem` is clicked.
10
- */
11
- onClick?: (event?: any) => void;
12
- /**
13
- * Indicates that the `MenuItem` is selected.
14
- */
15
- selected?: boolean;
16
- /**
17
- * Indicates that the `MenuItem` is disabled.
18
- */
19
- disabled?: boolean;
20
- /**
21
- * Add interactive styles to the `MenuItem`.
22
- */
23
- clickable?: boolean;
24
- /**
25
- * Override the default color for the text.
26
- */
27
- color?: string;
28
- /**
29
- * Choose an icon that will be left aligned.
30
- */
31
- iconLeft?: React.ElementType;
32
- /**
33
- * Choose an icon that will be right aligned.
34
- */
35
- iconRight?: React.ElementType;
36
- /**
37
- * className to be assigned to component.
38
- */
39
- className?: string;
40
- children?: React.ReactNode;
41
- }
42
- export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
43
- export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
44
- declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
45
- export default MenuItem;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export interface MenuTitleProps {
3
- /**
4
- * Change the color of the text.
5
- */
6
- color?: string;
7
- /**
8
- * className to be assigned to component.
9
- */
10
- className?: string;
11
- children?: React.ReactNode;
12
- }
13
- declare const MenuTitle: ({ color, children, className }: MenuTitleProps) => JSX.Element;
14
- export default MenuTitle;
@@ -1,5 +0,0 @@
1
- export { default as Dropdown } from './Dropdown';
2
- export * from './Dropdown';
3
- export { default as MenuItem } from './MenuItem';
4
- export { default as MenuTitle } from './MenuTitle';
5
- export { default as MenuCheckbox } from './MenuCheckbox';
@@ -1,3 +0,0 @@
1
- declare type Level = 3 | 8 | 16;
2
- declare const elevation: (level: Level) => import("@emotion/utils").SerializedStyles;
3
- export default elevation;
@@ -1,100 +0,0 @@
1
- /// <reference types="react" />
2
- declare type RenderAs = {
3
- /**
4
- * HTML tag or custom component being rendered
5
- */
6
- as?: React.ElementType;
7
- };
8
- export declare type FlexBoxProps = {
9
- /**
10
- * Set this prop to `true` to set `display` to `inline-flex` instead of `flex`
11
- */
12
- inline?: boolean;
13
- /**
14
- * Set this prop to `true` to set `flex-direction` to `row-reverse`
15
- */
16
- directionRowReverse?: boolean;
17
- /**
18
- * Set this prop to `true` to set `flex-direction` to `row`
19
- */
20
- directionRow?: boolean;
21
- /**
22
- * Set this prop to `true` to set `flex-direction` to `column`
23
- */
24
- directionColumn?: boolean;
25
- /**
26
- * Set this prop to `true` to set `flex-direction` to `column-reverse`
27
- */
28
- directionColumnReverse?: boolean;
29
- /**
30
- * Set this prop to `true` to set `flex-wrap` to `wrap`
31
- */
32
- wrapWrap?: boolean;
33
- /**
34
- * Set this prop to `true` to set `flex-wrap` to `wrap-reverse`
35
- */
36
- wrapWrapReverse?: boolean;
37
- /**
38
- * Set this prop to `true` to set `align-items` to `flex-start`
39
- */
40
- itemsFlexStart?: boolean;
41
- /**
42
- * Set this prop to `true` to set `align-items` to `flex-end`
43
- */
44
- itemsFlexEnd?: boolean;
45
- /**
46
- * Set this prop to `true` to set `align-items` to `flex-center`
47
- */
48
- itemsCenter?: boolean;
49
- /**
50
- * Set this prop to `true` to set `align-items` to `flex-baseline`
51
- */
52
- itemsBaseline?: boolean;
53
- /**
54
- * Set this prop to `true` to set `align-content` to `flex-start`
55
- */
56
- contentFlexStart?: boolean;
57
- /**
58
- * Set this prop to `true` to set `align-content` to `flex-end`
59
- */
60
- contentFlexEnd?: boolean;
61
- /**
62
- * Set this prop to `true` to set `align-content` to `center`
63
- */
64
- contentCenter?: boolean;
65
- /**
66
- * Set this prop to `true` to set `align-content` to `space-between`
67
- */
68
- contentSpaceBetween?: boolean;
69
- /**
70
- * Set this prop to `true` to set `align-content` to `space-around`
71
- */
72
- contentSpaceAround?: boolean;
73
- /**
74
- * Set this prop to `true` to set `justify-content` to `space-between`
75
- */
76
- justifySpaceBetween?: boolean;
77
- /**
78
- * Set this prop to `true` to set `justify-content` to `space-around`
79
- */
80
- justifySpaceAround?: boolean;
81
- /**
82
- * Set this prop to `true` to set `justify-content` to `flex-end`
83
- */
84
- justifyFlexEnd?: boolean;
85
- /**
86
- * Set this prop to `true` to set `justify-content` to `center`
87
- */
88
- justifyCenter?: boolean;
89
- /**
90
- * Set the `flex` shorthand property
91
- */
92
- flex?: number;
93
- gap?: string;
94
- };
95
- export declare const FlexBox: import("@emotion/styled").StyledComponent<{
96
- theme?: import("@emotion/react").Theme | undefined;
97
- as?: import("react").ElementType<any> | undefined;
98
- } & FlexBoxProps & RenderAs, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
99
- export declare function flexBoxStyles(props?: FlexBoxProps): import("@emotion/utils").SerializedStyles;
100
- export default FlexBox;
@@ -1 +0,0 @@
1
- export * from './FlexBox';
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- declare const Footer: React.FC<{
3
- className?: string;
4
- bottomChildren?: React.ReactNode;
5
- children?: React.ReactNode;
6
- }>;
7
- export default Footer;
@@ -1 +0,0 @@
1
- export { default as Footer } from './Footer';
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- declare const AssistiveText: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- inverted?: boolean | undefined;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export default AssistiveText;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Asterisk: () => JSX.Element;
3
- export default Asterisk;
@@ -1,39 +0,0 @@
1
- import React from 'react';
2
- declare const checkboxSizes: {
3
- small: {
4
- checkbox: string;
5
- outline: string;
6
- tick: string;
7
- fontSize: string;
8
- lineHeight: string;
9
- paddingLeft: string;
10
- };
11
- medium: {
12
- checkbox: string;
13
- outline: string;
14
- fontSize: string;
15
- lineHeight: string;
16
- tick: string;
17
- paddingLeft: string;
18
- };
19
- };
20
- declare type Size = keyof typeof checkboxSizes;
21
- declare type BaseProps = Omit<JSX.IntrinsicElements['input'], 'size' | 'css'> & {
22
- htmlSize?: number;
23
- };
24
- export declare type CheckboxProps = BaseProps & {
25
- className?: string;
26
- error?: boolean;
27
- name?: string;
28
- value?: string;
29
- onChange?: (...args: any[]) => void;
30
- onLabelClick?: JSX.IntrinsicElements['label']['onClick'];
31
- disabled?: boolean;
32
- checked?: boolean;
33
- htmlSize?: number;
34
- size?: Size;
35
- indeterminate?: boolean;
36
- leadingLabel?: boolean;
37
- };
38
- declare const _default: React.ForwardRefExoticComponent<Pick<CheckboxProps, "max" | "required" | "type" | "error" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "indeterminate" | "leadingLabel" | "onLabelClick" | "htmlSize"> & React.RefAttributes<HTMLInputElement>>;
39
- export default _default;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- declare type ExampleControlComponentProps = {
3
- onChange?: (...args: any[]) => void;
4
- checked?: boolean;
5
- error?: boolean;
6
- disabled?: boolean;
7
- size?: 'small' | 'medium';
8
- };
9
- declare const ExampleControlComponent: React.FunctionComponent<ExampleControlComponentProps>;
10
- export default ExampleControlComponent;
@@ -1 +0,0 @@
1
- export { default as Checkbox } from './Checkbox';