@nulogy/components 8.11.0 → 8.12.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 (130) hide show
  1. package/dist/main.js +3485 -3315
  2. package/dist/main.module.js +2937 -2766
  3. package/dist/src/Alert/Alert.d.ts +4 -4
  4. package/dist/src/Alert/CloseButton.d.ts +1 -1
  5. package/dist/src/AsyncSelect/AsyncSelect.d.ts +1 -1
  6. package/dist/src/Box/Box.d.ts +4 -4
  7. package/dist/src/BrandedNavBar/BrandLogoContainer.d.ts +1 -1
  8. package/dist/src/BrandedNavBar/DesktopMenu.d.ts +1 -1
  9. package/dist/src/BrandedNavBar/EnvironmentBanner.d.ts +1 -1
  10. package/dist/src/BrandedNavBar/MenuTrigger.d.ts +2 -2
  11. package/dist/src/BrandedNavBar/MenuTriggerButton.d.ts +2 -2
  12. package/dist/src/BrandedNavBar/MobileMenu.d.ts +3 -3
  13. package/dist/src/BrandedNavBar/NavBar.d.ts +1 -1
  14. package/dist/src/BrandedNavBar/NavBarBackground.d.ts +1 -1
  15. package/dist/src/BrandedNavBar/NavBarDropdownMenu.d.ts +2 -2
  16. package/dist/src/BrandedNavBar/NulogyLogoContainer.d.ts +1 -1
  17. package/dist/src/BrandedNavBar/SmallNavBar.d.ts +3 -3
  18. package/dist/src/BrandedNavBar/SubMenuTrigger.d.ts +1 -1
  19. package/dist/src/BrandedNavBar/SubMenuTriggerButton.d.ts +2 -2
  20. package/dist/src/BrandedNavBar/TriggerFunctionProps.d.ts +1 -1
  21. package/dist/src/Branding/Branding.d.ts +1 -1
  22. package/dist/src/Branding/LettermarkLogo.d.ts +1 -1
  23. package/dist/src/Branding/WordmarkLogo.d.ts +1 -1
  24. package/dist/src/Button/Button.d.ts +2 -2
  25. package/dist/src/Button/ControlIcon.d.ts +4 -3
  26. package/dist/src/Button/IconicButton.d.ts +2 -2
  27. package/dist/src/ButtonGroup/ButtonGroup.d.ts +1 -1
  28. package/dist/src/DatePicker/DatePicker.d.ts +1 -1
  29. package/dist/src/DatePicker/DatePickerHeader.d.ts +1 -1
  30. package/dist/src/DatePicker/DatePickerInput.d.ts +1 -1
  31. package/dist/src/DateRange/DateRange.d.ts +1 -1
  32. package/dist/src/DateRange/DateRangeStyles.d.ts +0 -3
  33. package/dist/src/DateRange/EndTime.d.ts +1 -1
  34. package/dist/src/DateRange/StartTime.d.ts +1 -1
  35. package/dist/src/Divider/Divider.d.ts +1 -1
  36. package/dist/src/DropdownMenu/DropdownButton.d.ts +1 -1
  37. package/dist/src/DropdownMenu/DropdownItem.d.ts +1 -1
  38. package/dist/src/DropdownMenu/DropdownMenu.d.ts +1 -1
  39. package/dist/src/DropdownMenu/DropdownMenuContainer.d.ts +1 -1
  40. package/dist/src/FieldLabel/FieldLabel.type.d.ts +1 -1
  41. package/dist/src/FieldLabel/HelpText.d.ts +9 -1
  42. package/dist/src/Flex/Flex.d.ts +1 -1
  43. package/dist/src/Form/Field.d.ts +1 -1
  44. package/dist/src/Form/Form.d.ts +1 -1
  45. package/dist/src/Form/FormSection.d.ts +1 -1
  46. package/dist/src/Icon/Icon.d.ts +10 -2
  47. package/dist/src/Icon/LoadingIcon.d.ts +1 -1
  48. package/dist/src/Input/Input.d.ts +1 -1
  49. package/dist/src/Input/InputField.d.ts +1 -1
  50. package/dist/src/Input/InputField.type.d.ts +15 -15
  51. package/dist/src/Input/Prefix.d.ts +1 -1
  52. package/dist/src/Input/Suffix.d.ts +1 -1
  53. package/dist/src/Layout/ApplicationFrame.d.ts +1 -1
  54. package/dist/src/Layout/Header.d.ts +2 -2
  55. package/dist/src/Layout/Page.d.ts +1 -1
  56. package/dist/src/Layout/Sidebar.d.ts +1 -1
  57. package/dist/src/Link/Link.d.ts +15 -2
  58. package/dist/src/List/List.d.ts +1 -1
  59. package/dist/src/List/ListItem.d.ts +1 -1
  60. package/dist/src/LoadingAnimation/LoadingAnimation.d.ts +1 -1
  61. package/dist/src/Modal/Modal.d.ts +1 -1
  62. package/dist/src/Modal/ModalContent.d.ts +1 -1
  63. package/dist/src/NDSProvider/GlobalStyles.d.ts +1 -1
  64. package/dist/src/NDSProvider/NDSProvider.d.ts +1 -1
  65. package/dist/src/NavBar/MenuTrigger.d.ts +2 -2
  66. package/dist/src/NavBar/NavBar.d.ts +1 -1
  67. package/dist/src/Overlay/Overlay.d.ts +1 -1
  68. package/dist/src/Popper/Popper.d.ts +1 -1
  69. package/dist/src/Radio/Radio.d.ts +2 -2
  70. package/dist/src/RangeContainer/RangeContainer.d.ts +1 -1
  71. package/dist/src/Select/Select.d.ts +2 -2
  72. package/dist/src/Select/customReactSelectStyles.d.ts +1 -1
  73. package/dist/src/SortingTable/SortingTable.d.ts +1 -1
  74. package/dist/src/StatusIndicator/StatusIndicator.d.ts +2 -2
  75. package/dist/src/StyledProps/cursor.d.ts +1 -1
  76. package/dist/src/StyledProps/index.d.ts +1 -1
  77. package/dist/src/StyledProps/textOverflow.d.ts +1 -1
  78. package/dist/src/StyledProps/transform.d.ts +1 -1
  79. package/dist/src/StyledProps/transition.d.ts +1 -1
  80. package/dist/src/StyledProps/visibility.d.ts +1 -1
  81. package/dist/src/Summary/Summary.d.ts +1 -1
  82. package/dist/src/Summary/SummaryContext.d.ts +1 -1
  83. package/dist/src/Summary/SummaryItem.d.ts +1 -1
  84. package/dist/src/Switcher/Switch.d.ts +2 -2
  85. package/dist/src/Switcher/Switcher.d.ts +2 -2
  86. package/dist/src/Table/BaseTable.d.ts +1 -1
  87. package/dist/src/Table/StatefulTable.d.ts +2 -2
  88. package/dist/src/Table/StyledTh.d.ts +1 -1
  89. package/dist/src/Table/Table.d.ts +4 -4
  90. package/dist/src/Table/Table.types.d.ts +6 -6
  91. package/dist/src/Table/TableBody.d.ts +1 -1
  92. package/dist/src/Table/TableCell.d.ts +1 -1
  93. package/dist/src/Table/TableFoot.d.ts +1 -1
  94. package/dist/src/Table/TableHead.d.ts +1 -1
  95. package/dist/src/Table/TableWithExpandableRows.story.d.ts +3 -3
  96. package/dist/src/Tabs/Tab.d.ts +2 -2
  97. package/dist/src/Tabs/TabScrollIndicator.d.ts +1 -1
  98. package/dist/src/Tabs/TabScrollIndicators.d.ts +2 -2
  99. package/dist/src/Tabs/Tabs.d.ts +2 -2
  100. package/dist/src/Textarea/StyledTextarea.d.ts +1 -1
  101. package/dist/src/Textarea/Textarea.d.ts +1 -1
  102. package/dist/src/TimePicker/TimePicker.d.ts +1 -1
  103. package/dist/src/TimeRange/TimeRange.d.ts +1 -1
  104. package/dist/src/Toast/Toast.d.ts +31 -7
  105. package/dist/src/ToastContainer/ToastContainer.d.ts +21 -0
  106. package/dist/src/ToastContainer/ToastContainer.story.d.ts +6 -0
  107. package/dist/src/ToastContainer/ToastFunction.d.ts +14 -0
  108. package/dist/src/ToastContainer/index.d.ts +2 -0
  109. package/dist/src/Toggle/Toggle.d.ts +3 -3
  110. package/dist/src/Toggle/ToggleButton.d.ts +1 -1
  111. package/dist/src/Tooltip/Tooltip.d.ts +1 -1
  112. package/dist/src/TruncatedText/MaybeTooltip.d.ts +1 -1
  113. package/dist/src/TruncatedText/TruncatedTextProps.d.ts +1 -1
  114. package/dist/src/Type/Headings.d.ts +33 -4
  115. package/dist/src/Type/Text.d.ts +9 -2
  116. package/dist/src/Validation/InlineValidation.d.ts +1 -1
  117. package/dist/src/constants/keyCodes.d.ts +12 -12
  118. package/dist/src/index.d.ts +1 -0
  119. package/dist/src/theme.type.d.ts +14 -14
  120. package/dist/src/utils/DetectOutsideClick.d.ts +8 -5
  121. package/dist/src/utils/PopperArrow.d.ts +1 -1
  122. package/dist/src/utils/PreventBodyElementScrolling.d.ts +7 -4
  123. package/dist/src/utils/ScrollIndicators.d.ts +8 -2
  124. package/dist/src/utils/numberFromDimension/index.d.ts +5 -0
  125. package/dist/src/utils/numberFromDimension/numberFromDimension.spec.d.ts +1 -0
  126. package/dist/src/utils/ts/FocusManager.d.ts +3 -3
  127. package/dist/src/utils/ts/recursivePartial.d.ts +1 -1
  128. package/dist/src/utils/useWindowDimension.story.d.ts +1 -1
  129. package/dist/src/utils/withMenuState.d.ts +2 -2
  130. package/package.json +15 -14
@@ -1,19 +1,19 @@
1
1
  export namespace InputFieldPropTypes {
2
- export const icon: PropTypes.Requireable<string>;
3
- export const disabled: PropTypes.Requireable<boolean>;
4
- export const error: PropTypes.Requireable<boolean>;
5
- export const required: PropTypes.Requireable<boolean>;
6
- export const labelText: PropTypes.Requireable<string>;
7
- export const requirementText: PropTypes.Requireable<string>;
8
- export const helpText: PropTypes.Requireable<string>;
9
- export const suffix: PropTypes.Requireable<string>;
10
- export const prefix: PropTypes.Requireable<string>;
11
- export const suffixWidth: PropTypes.Requireable<string>;
12
- export const prefixWidth: PropTypes.Requireable<string>;
13
- export const suffixAlignment: PropTypes.Requireable<string>;
14
- export const prefixAlignment: PropTypes.Requireable<string>;
15
- export const iconSize: PropTypes.Requireable<string>;
16
- export const inputWidth: PropTypes.Requireable<string>;
2
+ const icon: PropTypes.Requireable<string>;
3
+ const disabled: PropTypes.Requireable<boolean>;
4
+ const error: PropTypes.Requireable<boolean>;
5
+ const required: PropTypes.Requireable<boolean>;
6
+ const labelText: PropTypes.Requireable<string>;
7
+ const requirementText: PropTypes.Requireable<string>;
8
+ const helpText: PropTypes.Requireable<string>;
9
+ const suffix: PropTypes.Requireable<string>;
10
+ const prefix: PropTypes.Requireable<string>;
11
+ const suffixWidth: PropTypes.Requireable<string>;
12
+ const prefixWidth: PropTypes.Requireable<string>;
13
+ const suffixAlignment: PropTypes.Requireable<string>;
14
+ const prefixAlignment: PropTypes.Requireable<string>;
15
+ const iconSize: PropTypes.Requireable<string>;
16
+ const inputWidth: PropTypes.Requireable<string>;
17
17
  }
18
18
  export namespace InputFieldDefaultProps {
19
19
  const disabled_1: boolean;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { TextProps } from "../Type/Text";
3
- declare type PrefixProps = TextProps & {
3
+ type PrefixProps = TextProps & {
4
4
  prefix?: string;
5
5
  prefixWidth?: string;
6
6
  };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { TextProps } from "../Type/Text";
3
- declare type SuffixProps = TextProps & {
3
+ type SuffixProps = TextProps & {
4
4
  suffix?: string;
5
5
  suffixWidth?: string;
6
6
  };
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { FlexProps } from "../Flex/Flex";
3
- declare type ApplicationFrameProps = FlexProps & {
3
+ type ApplicationFrameProps = FlexProps & {
4
4
  navBar?: React.ReactNode;
5
5
  environment?: string;
6
6
  children?: React.ReactNode;
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import type { BoxProps } from "../Box/Box";
3
- declare type Breakpoint = string | number;
4
- declare type HeaderProps = BoxProps & {
3
+ type Breakpoint = string | number;
4
+ type HeaderProps = BoxProps & {
5
5
  renderBreadcrumbs?: () => React.ReactNode;
6
6
  title?: string;
7
7
  subtitle?: string;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { FlexProps } from "../Flex/Flex";
3
- declare type PageProps = FlexProps & {
3
+ type PageProps = FlexProps & {
4
4
  breadcrumbs?: React.ReactNode;
5
5
  title?: string;
6
6
  children?: React.ReactNode;
@@ -1,6 +1,6 @@
1
1
  import React, { RefObject } from "react";
2
2
  import { AnimatedBoxProps } from "../Box/Box";
3
- declare type SidebarProps = AnimatedBoxProps & {
3
+ type SidebarProps = AnimatedBoxProps & {
4
4
  children?: React.ReactNode;
5
5
  onClose?: (arg: any) => any;
6
6
  title?: string;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { DefaultNDSThemeType } from "../theme.type";
3
3
  import { StyledProps } from "../StyledProps";
4
- export declare type LinkProps = React.ComponentPropsWithRef<"a"> & StyledProps & {
4
+ export type LinkProps = React.ComponentPropsWithRef<"a"> & StyledProps & {
5
5
  className?: string;
6
6
  underline?: boolean;
7
7
  hover?: string;
@@ -13,5 +13,18 @@ export declare type LinkProps = React.ComponentPropsWithRef<"a"> & StyledProps &
13
13
  children: JSX.Element | JSX.Element[] | React.ReactNode;
14
14
  "aria-label"?: string;
15
15
  };
16
- declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, LinkProps, never>;
16
+ declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & {
17
+ ref?: import("react").Ref<HTMLAnchorElement>;
18
+ } & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
19
+ className?: string;
20
+ underline?: boolean;
21
+ hover?: string;
22
+ as?: React.ElementType | string;
23
+ to?: string;
24
+ color?: string;
25
+ fontSize?: string;
26
+ theme?: DefaultNDSThemeType;
27
+ children: JSX.Element | JSX.Element[] | React.ReactNode;
28
+ "aria-label"?: string;
29
+ }, never>;
17
30
  export default Link;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { DefaultNDSThemeType } from "../theme.type";
3
3
  import { StyledProps } from "../StyledProps";
4
- declare type ListProps = React.ComponentPropsWithRef<"ul"> & StyledProps & {
4
+ type ListProps = React.ComponentPropsWithRef<"ul"> & StyledProps & {
5
5
  theme?: DefaultNDSThemeType;
6
6
  className?: string;
7
7
  compact?: boolean;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { SpaceProps, ColorProps, TypographyProps } from "styled-system";
3
- declare type ListItemProps = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps & {
3
+ type ListItemProps = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps & {
4
4
  className?: string;
5
5
  };
6
6
  declare const ListItem: React.FC<ListItemProps>;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
2
+ type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
3
3
  inactive?: boolean;
4
4
  };
5
5
  declare const LoadingAnimation: React.FC<LoadingAnimationProps>;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type ModalProps = {
2
+ type ModalProps = {
3
3
  isOpen?: boolean;
4
4
  title?: string;
5
5
  ariaLabel?: string;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { DefaultNDSThemeType } from "../theme.type";
3
- declare type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
3
+ type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
4
4
  hasFooter?: any;
5
5
  theme?: DefaultNDSThemeType;
6
6
  };
@@ -1,5 +1,5 @@
1
1
  import { DefaultNDSThemeType } from "../theme.type";
2
- export declare type GlobalStylesProps = {
2
+ export type GlobalStylesProps = {
3
3
  theme?: DefaultNDSThemeType;
4
4
  locale?: string;
5
5
  };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ThemeType } from "../theme.type";
3
- declare type NDSProviderProps = {
3
+ type NDSProviderProps = {
4
4
  theme?: ThemeType;
5
5
  locale?: string;
6
6
  disableGlobalStyles?: boolean;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import PropTypes from "prop-types";
3
- export declare type MenuTriggerProps = {
3
+ export type MenuTriggerProps = {
4
4
  name?: string;
5
5
  "aria-label"?: string;
6
6
  color?: string;
@@ -11,7 +11,7 @@ export declare type MenuTriggerProps = {
11
11
  declare const MenuTrigger: {
12
12
  (props: any): JSX.Element;
13
13
  propTypes: {
14
- name: PropTypes.Validator<PropTypes.ReactNodeLike>;
14
+ name: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
15
15
  "aria-label": PropTypes.Requireable<string>;
16
16
  menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
17
17
  color: PropTypes.Requireable<string>;
@@ -49,7 +49,7 @@ declare const NavBar: {
49
49
  }>>;
50
50
  }>>;
51
51
  className: PropTypes.Requireable<string>;
52
- breakpointUpper: PropTypes.Requireable<React.ReactText>;
52
+ breakpointUpper: PropTypes.Requireable<NonNullable<string | number>>;
53
53
  themeColor: PropTypes.Requireable<string>;
54
54
  };
55
55
  defaultProps: {
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FlexProps } from "../Flex/Flex";
3
3
  import { DefaultNDSThemeType } from "../theme.type";
4
- declare type OverlayProps = FlexProps & {
4
+ type OverlayProps = FlexProps & {
5
5
  dark?: boolean;
6
6
  theme?: DefaultNDSThemeType;
7
7
  };
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type PopperProps = {
2
+ type PopperProps = {
3
3
  ref: any;
4
4
  popperPlacement?: string;
5
5
  defaultOpen?: boolean;
@@ -1,11 +1,11 @@
1
1
  import React, { ReactNode } from "react";
2
2
  import { SpaceProps } from "styled-system";
3
3
  import { DefaultNDSThemeType } from "../theme.type";
4
- declare type VisualRadioProps = {
4
+ type VisualRadioProps = {
5
5
  disabled?: boolean;
6
6
  theme?: DefaultNDSThemeType;
7
7
  };
8
- declare type RadioProps = VisualRadioProps & SpaceProps & React.ComponentPropsWithRef<"input"> & {
8
+ type RadioProps = VisualRadioProps & SpaceProps & React.ComponentPropsWithRef<"input"> & {
9
9
  labelText?: ReactNode;
10
10
  checked?: boolean;
11
11
  defaultChecked?: boolean;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type RangeContainerProps = {
2
+ type RangeContainerProps = {
3
3
  labelProps?: any;
4
4
  startComponent?: React.ReactNode;
5
5
  endComponent?: React.ReactNode;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- export declare type SelectProps = {
2
+ export type SelectProps = {
3
3
  options?: any[];
4
4
  windowThreshold?: number;
5
5
  filterOption?: (...args: any[]) => any;
@@ -68,6 +68,6 @@ export declare const SelectDefaultProps: {
68
68
  components: any;
69
69
  closeMenuOnSelect: boolean;
70
70
  };
71
- declare const ReactSelect: React.ForwardRefExoticComponent<Pick<SelectProps, React.ReactText> & React.RefAttributes<unknown>>;
71
+ declare const ReactSelect: React.ForwardRefExoticComponent<Pick<SelectProps, keyof SelectProps> & React.RefAttributes<unknown>>;
72
72
  export declare const getOption: (options: any, value: any) => any;
73
73
  export default ReactSelect;
@@ -1,5 +1,5 @@
1
1
  import { DefaultNDSThemeType } from "../theme.type";
2
- declare type Placement = "top" | "bottom";
2
+ type Placement = "top" | "bottom";
3
3
  export declare function getControlBorderRadius({ border, isMenuOpen, menuLength, menuPlacement, theme, }: {
4
4
  border: Placement;
5
5
  isMenuOpen: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import type { TableProps } from "../Table";
3
- declare type SortingTableProps = TableProps & {
3
+ type SortingTableProps = TableProps & {
4
4
  initialSortColumn: string;
5
5
  };
6
6
  declare const SortingTable: React.FC<SortingTableProps>;
@@ -9,8 +9,8 @@ export declare const StatusIndicatorValues: {
9
9
  readonly warning: "warning";
10
10
  readonly quiet: "quiet";
11
11
  };
12
- export declare type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof StatusIndicatorValues];
13
- declare type StatusIndicatorProps = SpaceProps & TypographyProps & FlexboxProps & {
12
+ export type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof StatusIndicatorValues];
13
+ type StatusIndicatorProps = SpaceProps & TypographyProps & FlexboxProps & {
14
14
  type?: StatusIndicatorType;
15
15
  };
16
16
  declare const StatusIndicator: React.FC<StatusIndicatorProps>;
@@ -1,4 +1,4 @@
1
- export declare type CursorProps = {
1
+ export type CursorProps = {
2
2
  cursor?: "string";
3
3
  };
4
4
  export declare const cursor: import("styled-system").styleFn;
@@ -5,4 +5,4 @@ import { TransformProps } from "./transform";
5
5
  import { TransitionProps } from "./transition";
6
6
  import { VisibilityProps } from "./visibility";
7
7
  export declare const addStyledProps: import("styled-system").styleFn;
8
- export declare type StyledProps = BorderProps & BoxShadowProps & ColorProps & CursorProps & LayoutProps & OverflowProps & SpaceProps & TextOverflowProps & TransformProps & TransitionProps & TypographyProps & VisibilityProps & FlexboxProps;
8
+ export type StyledProps = BorderProps & BoxShadowProps & ColorProps & CursorProps & LayoutProps & OverflowProps & SpaceProps & TextOverflowProps & TransformProps & TransitionProps & TypographyProps & VisibilityProps & FlexboxProps;
@@ -1,4 +1,4 @@
1
- export declare type TextOverflowProps = {
1
+ export type TextOverflowProps = {
2
2
  whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "initial" | "inherit";
3
3
  textOverflow?: "clip" | "ellipsis" | "string" | "initial" | "inherit";
4
4
  };
@@ -1,4 +1,4 @@
1
- export declare type TransformProps = {
1
+ export type TransformProps = {
2
2
  transform?: string;
3
3
  };
4
4
  export declare const transform: import("styled-system").styleFn;
@@ -1,4 +1,4 @@
1
- export declare type TransitionProps = {
1
+ export type TransitionProps = {
2
2
  transition?: string;
3
3
  transitionProperty?: string;
4
4
  transitonDuration?: string;
@@ -1,4 +1,4 @@
1
- export declare type VisibilityProps = {
1
+ export type VisibilityProps = {
2
2
  visibility?: "hidden" | "visible";
3
3
  };
4
4
  export declare const visibility: import("styled-system").styleFn;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type SummaryProps = {
2
+ type SummaryProps = {
3
3
  breakpoint?: number | string;
4
4
  };
5
5
  declare const Summary: React.FC<SummaryProps>;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type SummaryContextValue = {
2
+ type SummaryContextValue = {
3
3
  breakpoint: number;
4
4
  };
5
5
  export declare function useSummaryContext(): SummaryContextValue;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type SummaryItemProps = {
2
+ type SummaryItemProps = {
3
3
  value: number | string;
4
4
  status: React.ReactNode;
5
5
  };
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- declare type SwitchProps = {
2
+ type SwitchProps = {
3
3
  selected?: boolean;
4
4
  } & React.ComponentPropsWithRef<"button">;
5
- declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "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" | "children" | "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" | "selected"> & React.RefAttributes<HTMLButtonElement>>;
5
+ declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "selected"> & React.RefAttributes<HTMLButtonElement>>;
6
6
  export default Switch;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- declare type SwitchValue = HTMLButtonElement["value"];
3
- declare type SwitcherProps = {
2
+ type SwitchValue = HTMLButtonElement["value"];
3
+ type SwitcherProps = {
4
4
  children?: any;
5
5
  selected?: SwitchValue;
6
6
  onChange?: Function;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ColumnType, RowType } from "./Table.types";
3
- export declare type BaseTableProps = {
3
+ export type BaseTableProps = {
4
4
  columns: ColumnType[];
5
5
  rows: RowType[];
6
6
  noRowsContent?: string;
@@ -1,6 +1,6 @@
1
1
  import { Component } from "react";
2
2
  import { BaseTableProps } from "./BaseTable";
3
- export declare type StatefulTableProps = BaseTableProps & {
3
+ export type StatefulTableProps = BaseTableProps & {
4
4
  selectedRows?: string[];
5
5
  onRowSelectionChange?: (...args: any[]) => any;
6
6
  onRowExpansionChange?: (...args: any[]) => any;
@@ -17,7 +17,7 @@ export declare type StatefulTableProps = BaseTableProps & {
17
17
  onSelectHeader?: (...args: any[]) => any;
18
18
  isHeaderSelected?: any;
19
19
  };
20
- declare type StatefulTableState = {
20
+ type StatefulTableState = {
21
21
  selectedRows: any;
22
22
  expandedRows: any;
23
23
  isHeaderSelected: boolean;
@@ -1,5 +1,5 @@
1
1
  import { DefaultNDSThemeType } from "../theme.type";
2
- declare type StyledThProps = {
2
+ type StyledThProps = {
3
3
  width?: any;
4
4
  compact?: boolean;
5
5
  theme?: DefaultNDSThemeType;
@@ -1,10 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import { StatefulTableProps } from "./StatefulTable";
3
3
  import { ColumnType, RowType, CellInfoType } from "./Table.types";
4
- export declare type TableProps = StatefulTableProps;
5
- export declare type TableColumnType = ColumnType;
6
- export declare type TableRowType = RowType;
7
- export declare type TableCellInfoType = CellInfoType;
4
+ export type TableProps = StatefulTableProps;
5
+ export type TableColumnType = ColumnType;
6
+ export type TableRowType = RowType;
7
+ export type TableCellInfoType = CellInfoType;
8
8
  declare const Table: {
9
9
  ({ hasSelectableRows, rowsPerPage, hasExpandableRows, selectedRows, onRowSelectionChange, onRowExpansionChange, onPageChange, selectAllAriaLabel, deselectAllAriaLabel, paginationCss, paginationProps, ...props }: TableProps): JSX.Element;
10
10
  SortingHeader: {
@@ -1,18 +1,18 @@
1
1
  /// <reference types="react" />
2
2
  import PropTypes from "prop-types";
3
- export declare type RowType = any;
4
- export declare type CellInfoType = {
3
+ export type RowType = any;
4
+ export type CellInfoType = {
5
5
  cellData: any;
6
6
  column: ColumnType;
7
7
  row: RowType;
8
8
  };
9
- declare type ColumnInfoType = {
9
+ type ColumnInfoType = {
10
10
  align?: string;
11
11
  label: string;
12
12
  dataKey?: string;
13
13
  width?: string;
14
14
  };
15
- export declare type ColumnType = {
15
+ export type ColumnType = {
16
16
  align?: string;
17
17
  label?: string;
18
18
  dataKey?: string;
@@ -32,7 +32,7 @@ export declare const columnPropType: PropTypes.Requireable<PropTypes.InferProps<
32
32
  width: PropTypes.Requireable<string>;
33
33
  }>>;
34
34
  export declare const rowPropType: PropTypes.Requireable<{
35
- [x: string]: PropTypes.ReactNodeLike;
35
+ [x: string]: NonNullable<PropTypes.ReactNodeLike>;
36
36
  }>;
37
37
  export declare const columnsPropType: PropTypes.Requireable<PropTypes.InferProps<{
38
38
  align: PropTypes.Requireable<string>;
@@ -44,6 +44,6 @@ export declare const columnsPropType: PropTypes.Requireable<PropTypes.InferProps
44
44
  width: PropTypes.Requireable<string>;
45
45
  }>[]>;
46
46
  export declare const rowsPropType: PropTypes.Requireable<{
47
- [x: string]: PropTypes.ReactNodeLike;
47
+ [x: string]: NonNullable<PropTypes.ReactNodeLike>;
48
48
  }[]>;
49
49
  export {};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare type TableBodyProps = {
2
+ type TableBodyProps = {
3
3
  rows: any[];
4
4
  columns: any[];
5
5
  keyField?: string;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type TableCellProps = {
2
+ type TableCellProps = {
3
3
  column?: any;
4
4
  row?: any;
5
5
  colSpan?: number;
@@ -19,7 +19,7 @@ declare const TableFoot: {
19
19
  width: PropTypes.Requireable<string>;
20
20
  }>[]>;
21
21
  rows: PropTypes.Validator<{
22
- [x: string]: PropTypes.ReactNodeLike;
22
+ [x: string]: NonNullable<PropTypes.ReactNodeLike>;
23
23
  }[]>;
24
24
  keyField: PropTypes.Requireable<string>;
25
25
  loading: PropTypes.Requireable<boolean>;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ColumnType } from "./Table.types";
3
- declare type TableHeadProps = {
3
+ type TableHeadProps = {
4
4
  columns: ColumnType[];
5
5
  compact?: boolean;
6
6
  sticky?: boolean;
@@ -1,11 +1,11 @@
1
1
  declare namespace _default {
2
- export const title: string;
2
+ const title: string;
3
3
  }
4
4
  export default _default;
5
5
  export function WithExpandableRows(): JSX.Element;
6
6
  export namespace WithExpandableRows {
7
- export namespace story {
8
- export const name: string;
7
+ namespace story {
8
+ const name: string;
9
9
  }
10
10
  }
11
11
  export function WithRowsExpandedByDefault(): JSX.Element;
@@ -1,12 +1,12 @@
1
1
  import React from "react";
2
2
  import { DefaultNDSThemeType } from "../theme.type";
3
- declare type TabButtonProps = React.ComponentPropsWithRef<"button"> & {
3
+ type TabButtonProps = React.ComponentPropsWithRef<"button"> & {
4
4
  selected?: boolean;
5
5
  disabled?: boolean;
6
6
  fullWidth?: boolean;
7
7
  theme?: DefaultNDSThemeType;
8
8
  };
9
- declare type TabProps = TabButtonProps & {
9
+ type TabProps = TabButtonProps & {
10
10
  label?: React.ReactNode;
11
11
  };
12
12
  declare const Tab: React.FC<TabProps>;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type TabScrollIndicatorProps = {
2
+ type TabScrollIndicatorProps = {
3
3
  onClick?: (...args: any[]) => any;
4
4
  side?: "left" | "right";
5
5
  width?: string | number;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- declare type TabScrollIndicatorsProps = {
2
+ type TabScrollIndicatorsProps = {
3
3
  tabRefs?: {
4
4
  offsetWidth?: number;
5
5
  }[];
@@ -8,7 +8,7 @@ declare type TabScrollIndicatorsProps = {
8
8
  };
9
9
  indicatorWidth?: number;
10
10
  };
11
- declare type TabScrollIndicatorsState = {
11
+ type TabScrollIndicatorsState = {
12
12
  contentHiddenLeft: boolean;
13
13
  contentHiddenRight: boolean;
14
14
  };
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- export declare type TabsProps = {
2
+ export type TabsProps = {
3
3
  className?: string;
4
4
  selectedIndex?: number;
5
5
  defaultSelectedIndex?: number;
@@ -7,7 +7,7 @@ export declare type TabsProps = {
7
7
  fitted?: boolean;
8
8
  onTabClick?: (...args: any[]) => any;
9
9
  };
10
- export declare type TabsState = {
10
+ export type TabsState = {
11
11
  selectedIndex: any;
12
12
  };
13
13
  declare class Tabs extends React.Component<TabsProps, TabsState> {
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { SpaceProps } from "styled-system";
3
3
  import { DefaultNDSThemeType } from "../theme.type";
4
- export declare type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & SpaceProps & {
4
+ export type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & SpaceProps & {
5
5
  theme?: DefaultNDSThemeType;
6
6
  errorMessage?: string;
7
7
  errorList?: string[];
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { StyledTextareaProps } from "./StyledTextarea";
3
- declare type TextareaProps = StyledTextareaProps & {
3
+ type TextareaProps = StyledTextareaProps & {
4
4
  className?: string;
5
5
  id?: string;
6
6
  disabled?: boolean;