@cruk/cruk-react-components 3.5.0 → 4.0.0

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 (120) hide show
  1. package/lib/components/AddressLookup/AddressLookup.stories.d.ts +2 -2
  2. package/lib/components/AddressLookup/index.d.ts +2 -2
  3. package/lib/components/AllThemesWrapper.d.ts +3 -3
  4. package/lib/components/Avatar/Avatar.stories.d.ts +2 -1
  5. package/lib/components/Avatar/index.d.ts +2 -2
  6. package/lib/components/Badge/Badge.stories.d.ts +2 -1
  7. package/lib/components/Badge/index.d.ts +2 -2
  8. package/lib/components/Button/Button.stories.d.ts +2 -2
  9. package/lib/components/Button/index.d.ts +2 -2
  10. package/lib/components/Carousel/Carousel.stories.d.ts +2 -2
  11. package/lib/components/Carousel/Dots.d.ts +4 -4
  12. package/lib/components/Carousel/index.d.ts +2 -2
  13. package/lib/components/Checkbox/Checkbox.stories.d.ts +2 -2
  14. package/lib/components/Checkbox/index.d.ts +2 -2
  15. package/lib/components/Collapse/Collapse.stories.d.ts +2 -1
  16. package/lib/components/Collapse/styles.d.ts +3 -3
  17. package/lib/components/DateField/DateField.stories.d.ts +2 -1
  18. package/lib/components/DateField/index.d.ts +2 -2
  19. package/lib/components/DateField/styles.d.ts +1 -0
  20. package/lib/components/Divider.d.ts +2 -2
  21. package/lib/components/Footer/Footer.stories.d.ts +3 -2
  22. package/lib/components/Footer/index.d.ts +2 -2
  23. package/lib/components/Header/Header.stories.d.ts +3 -2
  24. package/lib/components/Header/index.d.ts +2 -2
  25. package/lib/components/Heading/Heading.stories.d.ts +2 -1
  26. package/lib/components/Heading/index.d.ts +2 -2
  27. package/lib/components/IconFa/IconFa.stories.d.ts +2 -1
  28. package/lib/components/IconFa/index.d.ts +2 -1
  29. package/lib/components/InfoBox/InfoBox.stories.d.ts +1 -1
  30. package/lib/components/LabelWrapper/index.d.ts +2 -2
  31. package/lib/components/LabelWrapper/styles.d.ts +6 -1
  32. package/lib/components/LegendWrapper/LegendWrapper.stories.d.ts +2 -1
  33. package/lib/components/LegendWrapper/index.d.ts +2 -2
  34. package/lib/components/Link/Link.stories.d.ts +2 -2
  35. package/lib/components/Link/index.d.ts +2 -2
  36. package/lib/components/Link/styles.d.ts +3 -6
  37. package/lib/components/Loader/Loader.stories.d.ts +2 -1
  38. package/lib/components/Loader/index.d.ts +2 -1
  39. package/lib/components/Modal/Modal.stories.d.ts +2 -3
  40. package/lib/components/Modal/index.d.ts +2 -2
  41. package/lib/components/Modal/styles.d.ts +2 -2
  42. package/lib/components/Pagination/Pagination.stories.d.ts +2 -1
  43. package/lib/components/Pagination/index.d.ts +2 -2
  44. package/lib/components/PopOver/Popover.stories.d.ts +4 -3
  45. package/lib/components/PopOver/index.d.ts +2 -2
  46. package/lib/components/ProgressBar/ProgressBar.stories.d.ts +2 -1
  47. package/lib/components/ProgressBar/index.d.ts +2 -2
  48. package/lib/components/Radio/Radio.stories.d.ts +2 -2
  49. package/lib/components/Radio/index.d.ts +2 -2
  50. package/lib/components/RadioConsent/styles.d.ts +3 -3
  51. package/lib/components/Text/index.d.ts +3 -1
  52. package/lib/components/Text/styles.d.ts +2 -0
  53. package/lib/components/Totaliser/Totaliser.stories.d.ts +2 -1
  54. package/lib/components/Totaliser/index.d.ts +2 -2
  55. package/lib/components/Totaliser/styles.d.ts +1 -1
  56. package/lib/components/UserBlock/UserBlock.stories.d.ts +2 -1
  57. package/lib/components/UserBlock/index.d.ts +2 -2
  58. package/lib/es/node_modules/@babel/runtime/helpers/esm/typeof.js.map +1 -1
  59. package/lib/es/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js +1 -1
  60. package/lib/es/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js.map +1 -1
  61. package/lib/es/node_modules/focus-lock/dist/es2015/commands.js +2 -0
  62. package/lib/es/node_modules/focus-lock/dist/es2015/commands.js.map +1 -0
  63. package/lib/es/node_modules/focus-lock/dist/es2015/focusInside.js.map +1 -1
  64. package/lib/es/node_modules/focus-lock/dist/es2015/focusIsHidden.js.map +1 -1
  65. package/lib/es/node_modules/focus-lock/dist/es2015/focusSolver.js +2 -0
  66. package/lib/es/node_modules/focus-lock/dist/es2015/focusSolver.js.map +1 -0
  67. package/lib/es/node_modules/focus-lock/dist/es2015/focusables.js +1 -1
  68. package/lib/es/node_modules/focus-lock/dist/es2015/focusables.js.map +1 -1
  69. package/lib/es/node_modules/focus-lock/dist/es2015/moveFocusInside.js +2 -0
  70. package/lib/es/node_modules/focus-lock/dist/es2015/moveFocusInside.js.map +1 -0
  71. package/lib/es/node_modules/focus-lock/dist/es2015/utils/DOMutils.js +1 -1
  72. package/lib/es/node_modules/focus-lock/dist/es2015/utils/DOMutils.js.map +1 -1
  73. package/lib/es/node_modules/focus-lock/dist/es2015/utils/all-affected.js.map +1 -1
  74. package/lib/es/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js.map +1 -1
  75. package/lib/es/node_modules/react-focus-lock/dist/es2015/Trap.js +1 -1
  76. package/lib/es/node_modules/react-focus-lock/dist/es2015/Trap.js.map +1 -1
  77. package/lib/es/node_modules/react-focus-lock/dist/es2015/util.js +1 -1
  78. package/lib/es/node_modules/react-focus-lock/dist/es2015/util.js.map +1 -1
  79. package/lib/es/node_modules/react-intersection-observer/index.mjs.js.map +1 -1
  80. package/lib/es/node_modules/use-callback-ref/dist/es2015/useRef.js.map +1 -1
  81. package/lib/es/src/components/Avatar/styles.js +1 -1
  82. package/lib/es/src/components/Button/styles.js +1 -1
  83. package/lib/es/src/components/Checkbox/index.js +1 -1
  84. package/lib/es/src/components/Checkbox/styles.js +1 -1
  85. package/lib/es/src/components/DateField/index.js +1 -1
  86. package/lib/es/src/components/DateField/styles.js +1 -1
  87. package/lib/es/src/components/ErrorText/index.js +1 -1
  88. package/lib/es/src/components/Footer/styles.js +1 -1
  89. package/lib/es/src/components/GlobalStyle.js +1 -1
  90. package/lib/es/src/components/Header/styles.js +1 -1
  91. package/lib/es/src/components/Heading/styles.js +1 -1
  92. package/lib/es/src/components/LabelWrapper/index.js +1 -1
  93. package/lib/es/src/components/LabelWrapper/styles.js +1 -1
  94. package/lib/es/src/components/LegendWrapper/styles.js +1 -1
  95. package/lib/es/src/components/Link/index.js +1 -1
  96. package/lib/es/src/components/Link/styles.js +1 -1
  97. package/lib/es/src/components/Modal/styles.js +1 -1
  98. package/lib/es/src/components/ProgressBar/styles.js +1 -1
  99. package/lib/es/src/components/Radio/styles.js +1 -1
  100. package/lib/es/src/components/RadioConsent/styles.js +1 -1
  101. package/lib/es/src/components/Select/styles.js +1 -1
  102. package/lib/es/src/components/Step/styles.js +1 -1
  103. package/lib/es/src/components/Text/styles.js +1 -1
  104. package/lib/es/src/components/TextAreaField/styles.js +1 -1
  105. package/lib/es/src/components/TextField/styles.js +1 -1
  106. package/lib/es/src/components/UserBlock/index.js +1 -1
  107. package/lib/es/src/themes/bowelbabe.js +1 -1
  108. package/lib/es/src/themes/cruk.js +1 -1
  109. package/lib/es/src/themes/su2c.js +1 -1
  110. package/lib/types.d.ts +22 -8
  111. package/package.json +18 -24
  112. package/lib/docs/Docs.d.ts +0 -2
  113. package/lib/docs/index.d.ts +0 -1
  114. package/lib/es/node_modules/focus-lock/dist/es2015/focusMerge.js +0 -2
  115. package/lib/es/node_modules/focus-lock/dist/es2015/focusMerge.js.map +0 -1
  116. package/lib/es/node_modules/focus-lock/dist/es2015/index.js +0 -2
  117. package/lib/es/node_modules/focus-lock/dist/es2015/index.js.map +0 -1
  118. package/lib/es/node_modules/focus-lock/dist/es2015/setFocus.js +0 -2
  119. package/lib/es/node_modules/focus-lock/dist/es2015/setFocus.js.map +0 -1
  120. package/lib/hocs/MdxProvider.d.ts +0 -6
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import React, { ReactNode } from "react";
2
2
  import { SpacingProps } from "../Spacing";
3
3
  export type ModalProps = SpacingProps & {
4
4
  /** modal name used for aria-label */
@@ -28,5 +28,5 @@ export type ModalProps = SpacingProps & {
28
28
  * ## Accessibility
29
29
  * - Once the Modal is appeared on the screen, the focus must be within the Modal container which will enable the screen readers to be able to navigate within the Modal. You may wish to hide the close button so that a user must click on another button to confirm a choice before the modal is closed. However closing with the 'ESC' key must always work, so the props which contains the function that allows the modal to close itself 'closeFunction' is always required.
30
30
  */
31
- declare const Modal: ({ modalName, closeFunction, showCloseButton, maxWidth, top, backgroundColor, children, width, margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, }: ModalProps) => JSX.Element;
31
+ declare const Modal: ({ modalName, closeFunction, showCloseButton, maxWidth, top, backgroundColor, children, width, margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, }: ModalProps) => React.JSX.Element;
32
32
  export default Modal;
@@ -12,7 +12,7 @@ type ContentProps = {
12
12
  export declare const Background: import("styled-components").StyledComponent<"div", any, ThemeProp, never>;
13
13
  export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
14
14
  export declare const Content: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Box").BoxProps>, any, ContentProps, never>;
15
- export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").ButtonHTMLAttributes<HTMLElement> & {
15
+ export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLElement> & {
16
16
  appearance?: import("../../types").ButtonAppearanceType | undefined;
17
17
  full?: boolean | undefined;
18
18
  href?: string | undefined;
@@ -22,5 +22,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<im
22
22
  isIconButton?: boolean | undefined;
23
23
  ref?: import("react").Ref<HTMLElement> | undefined;
24
24
  children?: import("react").ReactNode;
25
- }, "css" | "as" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, ThemeProp, never>;
25
+ }, "ref"> & import("react").RefAttributes<HTMLElement>>, any, ThemeProp, never>;
26
26
  export {};
@@ -1,8 +1,9 @@
1
+ import React from "react";
1
2
  import { StoryObj } from "@storybook/react";
2
3
  import Pagination from ".";
3
4
  declare const _default: {
4
5
  title: string;
5
- component: ({ current, items, hideLast, pagerCallback, perPage, searchParam, children, }: import(".").PaginationProps) => JSX.Element;
6
+ component: ({ current, items, hideLast, pagerCallback, perPage, searchParam, children, }: import(".").PaginationProps) => React.JSX.Element;
6
7
  args: {
7
8
  current: number;
8
9
  perPage: number;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import React, { ReactNode } from "react";
2
2
  export type PaginationProps = {
3
3
  /** set current page number */
4
4
  current: number;
@@ -20,5 +20,5 @@ export type PaginationProps = {
20
20
  Data is split into multiple pages and pagination is used to
21
21
  easily navigate through these pages.
22
22
  */
23
- declare const Pagination: ({ current, items, hideLast, pagerCallback, perPage, searchParam, children, }: PaginationProps) => JSX.Element;
23
+ declare const Pagination: ({ current, items, hideLast, pagerCallback, perPage, searchParam, children, }: PaginationProps) => React.JSX.Element;
24
24
  export default Pagination;
@@ -1,13 +1,14 @@
1
+ import React from "react";
1
2
  import { StoryObj } from "@storybook/react";
2
3
  import PopOver, { PopOverProps } from ".";
3
4
  declare const _default: {
4
5
  title: string;
5
- component: ({ onPopOverIsOpenChange, children, minWidth, maxWidth, position, modalLabel, modalContent, css, full, }: PopOverProps) => JSX.Element;
6
+ component: ({ onPopOverIsOpenChange, children, minWidth, maxWidth, position, modalLabel, modalContent, css, full, }: PopOverProps) => React.JSX.Element;
6
7
  args: {
7
8
  modalLabel: string;
8
9
  minWidth: string;
9
- modalContent: JSX.Element;
10
- children: JSX.Element;
10
+ modalContent: React.JSX.Element;
11
+ children: React.JSX.Element;
11
12
  };
12
13
  tags: string[];
13
14
  };
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import React, { ReactNode } from "react";
2
2
  import { PopOverPositionType } from "../../types";
3
3
  export type PopOverProps = {
4
4
  /** modalLabel: used for aria-label of modal */
@@ -22,5 +22,5 @@ export type PopOverProps = {
22
22
  * Popover is a non-modal dialog that floats around its disclosure. It's
23
23
  commonly used for displaying additional rich content on top of something.
24
24
  */
25
- declare const PopOver: ({ onPopOverIsOpenChange, children, minWidth, maxWidth, position, modalLabel, modalContent, css, full, }: PopOverProps) => JSX.Element;
25
+ declare const PopOver: ({ onPopOverIsOpenChange, children, minWidth, maxWidth, position, modalLabel, modalContent, css, full, }: PopOverProps) => React.JSX.Element;
26
26
  export default PopOver;
@@ -1,8 +1,9 @@
1
+ import React from "react";
1
2
  import { StoryObj } from "@storybook/react";
2
3
  import ProgressBar from ".";
3
4
  declare const _default: {
4
5
  title: string;
5
- component: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import(".").ProgressBarProps) => JSX.Element;
6
+ component: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import(".").ProgressBarProps) => React.JSX.Element;
6
7
  args: {
7
8
  percentage: number;
8
9
  secondaryPercentage: number;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import React, { ReactNode } from "react";
2
2
  export type ProgressBarProps = {
3
3
  /** percentage value of the progressbar */
4
4
  percentage: number;
@@ -20,5 +20,5 @@ export type ProgressBarProps = {
20
20
  * Provide up-to-date feedback on the progress of a workflow or action with
21
21
  simple yet flexible progress bars.
22
22
  */
23
- declare const ProgressBar: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: ProgressBarProps) => JSX.Element;
23
+ declare const ProgressBar: ({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: ProgressBarProps) => React.JSX.Element;
24
24
  export default ProgressBar;
@@ -3,12 +3,12 @@ import { StoryObj } from "@storybook/react";
3
3
  import Radio from ".";
4
4
  declare const _default: {
5
5
  title: string;
6
- component: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
6
+ component: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement> & {
7
7
  ref?: React.Ref<HTMLInputElement> | undefined;
8
8
  hasError?: boolean | undefined;
9
9
  errorMessage?: string | undefined;
10
10
  children?: React.ReactNode;
11
- }, "errorMessage" | "hasError" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
11
+ }, "ref"> & React.RefAttributes<HTMLInputElement>>;
12
12
  args: {
13
13
  id: string;
14
14
  value: string;
@@ -12,12 +12,12 @@ export type RadioProps = InputHTMLAttributes<HTMLInputElement> & {
12
12
  *
13
13
  * The value or children becomes the label, if you want an outer label for a radio or group of radios please use a LegendWrapper component
14
14
  */
15
- declare const Radio: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
15
+ declare const Radio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement> & {
16
16
  ref?: React.Ref<HTMLInputElement> | undefined;
17
17
  /** flag for error styling */
18
18
  hasError?: boolean | undefined;
19
19
  /** error message text */
20
20
  errorMessage?: string | undefined;
21
21
  children?: ReactNode;
22
- }, keyof React.InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & React.RefAttributes<HTMLInputElement>>;
22
+ }, "ref"> & React.RefAttributes<HTMLInputElement>>;
23
23
  export default Radio;
@@ -2,14 +2,14 @@ import { ThemeType } from "../../types";
2
2
  type ThemeProp = {
3
3
  theme: ThemeType;
4
4
  };
5
- export declare const StyledRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
5
+ export declare const StyledRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement> & {
6
6
  ref?: import("react").Ref<HTMLInputElement> | undefined;
7
7
  hasError?: boolean | undefined;
8
8
  errorMessage?: string | undefined;
9
9
  children?: import("react").ReactNode;
10
- }, keyof import("react").InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>, any, {
10
+ }, "ref"> & import("react").RefAttributes<HTMLInputElement>>, any, {
11
11
  numberOfAttributes: number;
12
12
  } & ThemeProp, never>;
13
- export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, {}, never>;
13
+ export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, ThemeProp, never>;
14
14
  export declare const StyledFieldSet: import("styled-components").StyledComponent<"fieldset", any, ThemeProp, never>;
15
15
  export {};
@@ -12,7 +12,9 @@ export type TextProps = SpacingProps & HTMLAttributes<HTMLElement> & {
12
12
  /** font size FontSizeType t-shirt sizes */
13
13
  textSize?: FontSizeType;
14
14
  /** font weight theme.typography{fontWeightHeavy/fontWeightNormal/fontWeightMedium/fontWeightLight/fontWeightVLight} is better than a random number */
15
- textWeight?: number;
15
+ textWeight?: number | string;
16
+ /** font family theme.typography{fontFamilyBase/fontFamilyHeadings} is better than a random string */
17
+ textFontFamily?: string;
16
18
  /** styled-components polymorphism where you can set this to "span", "p" or "h2" it default to "p" */
17
19
  as?: ElementType;
18
20
  /** word-break behaviour */
@@ -9,6 +9,7 @@ export type TextStyledProps = SpacingProps & {
9
9
  as?: ElementType;
10
10
  wordBreak?: WordBreakType;
11
11
  overflowWrap?: OverflowWrapType;
12
+ textFontFamily?: string;
12
13
  theme: ThemeType;
13
14
  };
14
15
  export declare const TextStyled: import("styled-components").StyledComponent<"p", any, SpacingProps & {
@@ -19,5 +20,6 @@ export declare const TextStyled: import("styled-components").StyledComponent<"p"
19
20
  as?: ElementType | undefined;
20
21
  wordBreak?: WordBreakType | undefined;
21
22
  overflowWrap?: OverflowWrapType | undefined;
23
+ textFontFamily?: string | undefined;
22
24
  theme: ThemeType;
23
25
  }, never>;
@@ -1,8 +1,9 @@
1
+ import React from "react";
1
2
  import { StoryObj } from "@storybook/react";
2
3
  import Totaliser from ".";
3
4
  declare const _default: {
4
5
  title: string;
5
- component: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: import(".").TotaliserProps) => JSX.Element;
6
+ component: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: import(".").TotaliserProps) => React.JSX.Element;
6
7
  args: {
7
8
  total: number;
8
9
  additionalAmount: number;
@@ -1,4 +1,4 @@
1
- import { ReactChild, ReactNode } from "react";
1
+ import React, { ReactChild, ReactNode } from "react";
2
2
  export type TotaliserProps = {
3
3
  /** financial total as a number */
4
4
  total: number;
@@ -18,5 +18,5 @@ export type TotaliserProps = {
18
18
  /**
19
19
  * Think Blue Peter, used to display total raised and if target prop is passed will display tercentage of target reached.
20
20
  * */
21
- declare const Totaliser: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: TotaliserProps) => JSX.Element;
21
+ declare const Totaliser: ({ total, additionalAmount, giftAid, target, isCompact, summaryMessage, children, }: TotaliserProps) => React.JSX.Element;
22
22
  export default Totaliser;
@@ -15,5 +15,5 @@ type TotaliserWrapperProps = {
15
15
  };
16
16
  export declare const TotaliserWrapper: import("styled-components").StyledComponent<"div", any, TotaliserWrapperProps, never>;
17
17
  export declare const CompactWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
18
- export declare const StyledProgressBar: import("styled-components").StyledComponent<({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import("../ProgressBar").ProgressBarProps) => JSX.Element, any, {}, never>;
18
+ export declare const StyledProgressBar: import("styled-components").StyledComponent<({ percentage, isCircular, circleContents, circleSize, barColor, secondaryBarColor, secondaryPercentage, children, }: import("../ProgressBar").ProgressBarProps) => import("react").JSX.Element, any, {}, never>;
19
19
  export {};
@@ -1,8 +1,9 @@
1
+ import React from "react";
1
2
  import { StoryObj } from "@storybook/react";
2
3
  import UserBlock from ".";
3
4
  declare const _default: {
4
5
  title: string;
5
- component: ({ name, avatarName, avatarUrl, extra, size, }: import(".").UserBlockProps) => JSX.Element;
6
+ component: ({ name, avatarName, avatarUrl, extra, size, }: import(".").UserBlockProps) => React.JSX.Element;
6
7
  args: {
7
8
  name: string;
8
9
  size: string;
@@ -1,4 +1,4 @@
1
- import { ReactNode, HTMLAttributes } from "react";
1
+ import React, { ReactNode, HTMLAttributes } from "react";
2
2
  export type UserBlockProps = HTMLAttributes<HTMLElement> & {
3
3
  /** name component or text */
4
4
  name?: ReactNode;
@@ -14,5 +14,5 @@ export type UserBlockProps = HTMLAttributes<HTMLElement> & {
14
14
  /**
15
15
  * Display an avatar with title and subtitle
16
16
  */
17
- declare const UserBlock: ({ name, avatarName, avatarUrl, extra, size, }: UserBlockProps) => JSX.Element;
17
+ declare const UserBlock: ({ name, avatarName, avatarUrl, extra, size, }: UserBlockProps) => React.JSX.Element;
18
18
  export default UserBlock;
@@ -1 +1 @@
1
- {"version":3,"file":"typeof.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}"],"names":["_typeof","obj","Symbol","iterator","constructor","prototype"],"mappings":"AAAe,SAASA,EAAQC,GAG9B,OAAOD,EAAU,mBAAqBE,QAAU,iBAAmBA,OAAOC,SAAW,SAAUF,GAC7F,cAAcA,CACf,EAAG,SAAUA,GACZ,OAAOA,GAAO,mBAAqBC,QAAUD,EAAIG,cAAgBF,QAAUD,IAAQC,OAAOG,UAAY,gBAAkBJ,CAC5H,EAAKD,EAAQC,EACb"}
1
+ {"version":3,"file":"typeof.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}"],"names":["_typeof","o","Symbol","iterator","constructor","prototype"],"mappings":"AAAe,SAASA,EAAQC,GAG9B,OAAOD,EAAU,mBAAqBE,QAAU,iBAAmBA,OAAOC,SAAW,SAAUF,GAC7F,cAAcA,CACf,EAAG,SAAUA,GACZ,OAAOA,GAAK,mBAAqBC,QAAUD,EAAEG,cAAgBF,QAAUD,IAAMC,OAAOG,UAAY,gBAAkBJ,CACtH,EAAKD,EAAQC,EACb"}
@@ -1,2 +1,2 @@
1
- var c={prefix:"fas",iconName:"caret-right",icon:[256,512,[],"f0da","M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"]},i={prefix:"fas",iconName:"caret-left",icon:[256,512,[],"f0d9","M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"]},e={prefix:"fas",iconName:"chevron-down",icon:[448,512,[],"f078","M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]},a={prefix:"fas",iconName:"xmark",icon:[320,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"]},s=a,n={prefix:"fas",iconName:"chevron-right",icon:[320,512,[9002],"f054","M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]},f={prefix:"fas",iconName:"check",icon:[512,512,[10003,10004],"f00c","M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"]},l={prefix:"fas",iconName:"triangle-exclamation",icon:[512,512,[9888,"exclamation-triangle","warning"],"f071","M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"]};export{i as faCaretLeft,c as faCaretRight,f as faCheck,e as faChevronDown,n as faChevronRight,s as faClose,l as faTriangleExclamation,a as faXmark};
1
+ var c={prefix:"fas",iconName:"caret-right",icon:[256,512,[],"f0da","M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"]},i={prefix:"fas",iconName:"caret-left",icon:[256,512,[],"f0d9","M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"]},e={prefix:"fas",iconName:"chevron-down",icon:[512,512,[],"f078","M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]},a={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"]},s=a,n={prefix:"fas",iconName:"chevron-right",icon:[320,512,[9002],"f054","M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]},f={prefix:"fas",iconName:"check",icon:[448,512,[10003,10004],"f00c","M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"]},l={prefix:"fas",iconName:"triangle-exclamation",icon:[512,512,[9888,"exclamation-triangle","warning"],"f071","M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"]};export{i as faCaretLeft,c as faCaretRight,f as faCheck,e as faChevronDown,n as faChevronRight,s as faClose,l as faTriangleExclamation,a as faXmark};
2
2
  //# sourceMappingURL=index.mjs.js.map