@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.
- package/dist/main.js +3485 -3315
- package/dist/main.module.js +2937 -2766
- package/dist/src/Alert/Alert.d.ts +4 -4
- package/dist/src/Alert/CloseButton.d.ts +1 -1
- package/dist/src/AsyncSelect/AsyncSelect.d.ts +1 -1
- package/dist/src/Box/Box.d.ts +4 -4
- package/dist/src/BrandedNavBar/BrandLogoContainer.d.ts +1 -1
- package/dist/src/BrandedNavBar/DesktopMenu.d.ts +1 -1
- package/dist/src/BrandedNavBar/EnvironmentBanner.d.ts +1 -1
- package/dist/src/BrandedNavBar/MenuTrigger.d.ts +2 -2
- package/dist/src/BrandedNavBar/MenuTriggerButton.d.ts +2 -2
- package/dist/src/BrandedNavBar/MobileMenu.d.ts +3 -3
- package/dist/src/BrandedNavBar/NavBar.d.ts +1 -1
- package/dist/src/BrandedNavBar/NavBarBackground.d.ts +1 -1
- package/dist/src/BrandedNavBar/NavBarDropdownMenu.d.ts +2 -2
- package/dist/src/BrandedNavBar/NulogyLogoContainer.d.ts +1 -1
- package/dist/src/BrandedNavBar/SmallNavBar.d.ts +3 -3
- package/dist/src/BrandedNavBar/SubMenuTrigger.d.ts +1 -1
- package/dist/src/BrandedNavBar/SubMenuTriggerButton.d.ts +2 -2
- package/dist/src/BrandedNavBar/TriggerFunctionProps.d.ts +1 -1
- package/dist/src/Branding/Branding.d.ts +1 -1
- package/dist/src/Branding/LettermarkLogo.d.ts +1 -1
- package/dist/src/Branding/WordmarkLogo.d.ts +1 -1
- package/dist/src/Button/Button.d.ts +2 -2
- package/dist/src/Button/ControlIcon.d.ts +4 -3
- package/dist/src/Button/IconicButton.d.ts +2 -2
- package/dist/src/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/src/DatePicker/DatePicker.d.ts +1 -1
- package/dist/src/DatePicker/DatePickerHeader.d.ts +1 -1
- package/dist/src/DatePicker/DatePickerInput.d.ts +1 -1
- package/dist/src/DateRange/DateRange.d.ts +1 -1
- package/dist/src/DateRange/DateRangeStyles.d.ts +0 -3
- package/dist/src/DateRange/EndTime.d.ts +1 -1
- package/dist/src/DateRange/StartTime.d.ts +1 -1
- package/dist/src/Divider/Divider.d.ts +1 -1
- package/dist/src/DropdownMenu/DropdownButton.d.ts +1 -1
- package/dist/src/DropdownMenu/DropdownItem.d.ts +1 -1
- package/dist/src/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/src/DropdownMenu/DropdownMenuContainer.d.ts +1 -1
- package/dist/src/FieldLabel/FieldLabel.type.d.ts +1 -1
- package/dist/src/FieldLabel/HelpText.d.ts +9 -1
- package/dist/src/Flex/Flex.d.ts +1 -1
- package/dist/src/Form/Field.d.ts +1 -1
- package/dist/src/Form/Form.d.ts +1 -1
- package/dist/src/Form/FormSection.d.ts +1 -1
- package/dist/src/Icon/Icon.d.ts +10 -2
- package/dist/src/Icon/LoadingIcon.d.ts +1 -1
- package/dist/src/Input/Input.d.ts +1 -1
- package/dist/src/Input/InputField.d.ts +1 -1
- package/dist/src/Input/InputField.type.d.ts +15 -15
- package/dist/src/Input/Prefix.d.ts +1 -1
- package/dist/src/Input/Suffix.d.ts +1 -1
- package/dist/src/Layout/ApplicationFrame.d.ts +1 -1
- package/dist/src/Layout/Header.d.ts +2 -2
- package/dist/src/Layout/Page.d.ts +1 -1
- package/dist/src/Layout/Sidebar.d.ts +1 -1
- package/dist/src/Link/Link.d.ts +15 -2
- package/dist/src/List/List.d.ts +1 -1
- package/dist/src/List/ListItem.d.ts +1 -1
- package/dist/src/LoadingAnimation/LoadingAnimation.d.ts +1 -1
- package/dist/src/Modal/Modal.d.ts +1 -1
- package/dist/src/Modal/ModalContent.d.ts +1 -1
- package/dist/src/NDSProvider/GlobalStyles.d.ts +1 -1
- package/dist/src/NDSProvider/NDSProvider.d.ts +1 -1
- package/dist/src/NavBar/MenuTrigger.d.ts +2 -2
- package/dist/src/NavBar/NavBar.d.ts +1 -1
- package/dist/src/Overlay/Overlay.d.ts +1 -1
- package/dist/src/Popper/Popper.d.ts +1 -1
- package/dist/src/Radio/Radio.d.ts +2 -2
- package/dist/src/RangeContainer/RangeContainer.d.ts +1 -1
- package/dist/src/Select/Select.d.ts +2 -2
- package/dist/src/Select/customReactSelectStyles.d.ts +1 -1
- package/dist/src/SortingTable/SortingTable.d.ts +1 -1
- package/dist/src/StatusIndicator/StatusIndicator.d.ts +2 -2
- package/dist/src/StyledProps/cursor.d.ts +1 -1
- package/dist/src/StyledProps/index.d.ts +1 -1
- package/dist/src/StyledProps/textOverflow.d.ts +1 -1
- package/dist/src/StyledProps/transform.d.ts +1 -1
- package/dist/src/StyledProps/transition.d.ts +1 -1
- package/dist/src/StyledProps/visibility.d.ts +1 -1
- package/dist/src/Summary/Summary.d.ts +1 -1
- package/dist/src/Summary/SummaryContext.d.ts +1 -1
- package/dist/src/Summary/SummaryItem.d.ts +1 -1
- package/dist/src/Switcher/Switch.d.ts +2 -2
- package/dist/src/Switcher/Switcher.d.ts +2 -2
- package/dist/src/Table/BaseTable.d.ts +1 -1
- package/dist/src/Table/StatefulTable.d.ts +2 -2
- package/dist/src/Table/StyledTh.d.ts +1 -1
- package/dist/src/Table/Table.d.ts +4 -4
- package/dist/src/Table/Table.types.d.ts +6 -6
- package/dist/src/Table/TableBody.d.ts +1 -1
- package/dist/src/Table/TableCell.d.ts +1 -1
- package/dist/src/Table/TableFoot.d.ts +1 -1
- package/dist/src/Table/TableHead.d.ts +1 -1
- package/dist/src/Table/TableWithExpandableRows.story.d.ts +3 -3
- package/dist/src/Tabs/Tab.d.ts +2 -2
- package/dist/src/Tabs/TabScrollIndicator.d.ts +1 -1
- package/dist/src/Tabs/TabScrollIndicators.d.ts +2 -2
- package/dist/src/Tabs/Tabs.d.ts +2 -2
- package/dist/src/Textarea/StyledTextarea.d.ts +1 -1
- package/dist/src/Textarea/Textarea.d.ts +1 -1
- package/dist/src/TimePicker/TimePicker.d.ts +1 -1
- package/dist/src/TimeRange/TimeRange.d.ts +1 -1
- package/dist/src/Toast/Toast.d.ts +31 -7
- package/dist/src/ToastContainer/ToastContainer.d.ts +21 -0
- package/dist/src/ToastContainer/ToastContainer.story.d.ts +6 -0
- package/dist/src/ToastContainer/ToastFunction.d.ts +14 -0
- package/dist/src/ToastContainer/index.d.ts +2 -0
- package/dist/src/Toggle/Toggle.d.ts +3 -3
- package/dist/src/Toggle/ToggleButton.d.ts +1 -1
- package/dist/src/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/TruncatedText/MaybeTooltip.d.ts +1 -1
- package/dist/src/TruncatedText/TruncatedTextProps.d.ts +1 -1
- package/dist/src/Type/Headings.d.ts +33 -4
- package/dist/src/Type/Text.d.ts +9 -2
- package/dist/src/Validation/InlineValidation.d.ts +1 -1
- package/dist/src/constants/keyCodes.d.ts +12 -12
- package/dist/src/index.d.ts +1 -0
- package/dist/src/theme.type.d.ts +14 -14
- package/dist/src/utils/DetectOutsideClick.d.ts +8 -5
- package/dist/src/utils/PopperArrow.d.ts +1 -1
- package/dist/src/utils/PreventBodyElementScrolling.d.ts +7 -4
- package/dist/src/utils/ScrollIndicators.d.ts +8 -2
- package/dist/src/utils/numberFromDimension/index.d.ts +5 -0
- package/dist/src/utils/numberFromDimension/numberFromDimension.spec.d.ts +1 -0
- package/dist/src/utils/ts/FocusManager.d.ts +3 -3
- package/dist/src/utils/ts/recursivePartial.d.ts +1 -1
- package/dist/src/utils/useWindowDimension.story.d.ts +1 -1
- package/dist/src/utils/withMenuState.d.ts +2 -2
- package/package.json +15 -14
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FlexProps } from "../Flex/Flex";
|
|
3
|
+
type NotificationType = "danger" | "informative" | "success" | "warning";
|
|
4
|
+
export type AlertProps = FlexProps & {
|
|
5
5
|
isCloseable?: boolean;
|
|
6
6
|
closeAriaLabel?: string;
|
|
7
7
|
title?: string;
|
package/dist/src/Box/Box.d.ts
CHANGED
|
@@ -7,18 +7,18 @@ import { TransformProps } from "../StyledProps/transform";
|
|
|
7
7
|
import { CursorProps } from "../StyledProps/cursor";
|
|
8
8
|
import { VisibilityProps } from "../StyledProps/visibility";
|
|
9
9
|
import { ThemeType } from "../theme.type";
|
|
10
|
-
|
|
10
|
+
type SharedBoxProps = ColorProps & SpaceProps & LayoutProps & BoxShadowProps & TextAlignProps & OrderProps & FlexGrowProps & PositionProps & BorderProps & FlexboxProps & BackgroundProps & TransformProps & CursorProps & VisibilityProps & OverflowProps & TypographyProps & {
|
|
11
11
|
boxSizing?: string;
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
type CssArg = {
|
|
14
14
|
theme: ThemeType;
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export type BoxProps = SharedBoxProps & TransitionProps & React.ComponentPropsWithRef<"div"> & {
|
|
17
17
|
as?: string;
|
|
18
18
|
css?: (props: CssArg) => any;
|
|
19
19
|
};
|
|
20
20
|
declare const Box: React.FC<BoxProps>;
|
|
21
|
-
export
|
|
21
|
+
export type AnimatedBoxProps = SharedBoxProps & MotionProps & {
|
|
22
22
|
role?: string;
|
|
23
23
|
ref?: any;
|
|
24
24
|
onClick?: (event: React.MouseEvent<any>) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TriggerFunctionProps } from "./TriggerFunctionProps";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type MenuType = "primary" | "secondary";
|
|
4
|
+
export type MenuTriggerProps = {
|
|
5
5
|
name?: string;
|
|
6
6
|
"aria-label"?: string;
|
|
7
7
|
color?: string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type MenuTriggerButtonProps = React.ComponentPropsWithRef<"button"> & {
|
|
3
3
|
name?: React.ReactNode;
|
|
4
4
|
color?: string;
|
|
5
5
|
hoverColor?: string;
|
|
6
6
|
hoverBackground?: string;
|
|
7
7
|
};
|
|
8
|
-
declare const MenuTriggerButton: React.ForwardRefExoticComponent<Pick<MenuTriggerButtonProps, "
|
|
8
|
+
declare const MenuTriggerButton: React.ForwardRefExoticComponent<Pick<MenuTriggerButtonProps, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "hoverColor" | "hoverBackground"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
export default MenuTriggerButton;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type ThemeColorObject = {
|
|
3
3
|
textColor?: string;
|
|
4
4
|
background?: string;
|
|
5
5
|
logoColor?: string;
|
|
6
6
|
};
|
|
7
|
-
|
|
7
|
+
type MenuData = {
|
|
8
8
|
primaryMenu?: any[];
|
|
9
9
|
secondaryMenu?: any[];
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
type BaseMobileMenuProps = {
|
|
12
12
|
menuData: MenuData;
|
|
13
13
|
subtext?: string;
|
|
14
14
|
closeMenu?: Function;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DefaultNDSThemeType } from "../theme.type";
|
|
3
3
|
import { StyledProps } from "../StyledProps";
|
|
4
|
-
export
|
|
4
|
+
export type NavBarBackgroundProps = {
|
|
5
5
|
theme?: DefaultNDSThemeType;
|
|
6
6
|
} & StyledProps;
|
|
7
7
|
declare const NavBarBackground: import("styled-components").StyledComponent<import("react").FC<import("../Flex/Flex").FlexProps>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type MenuState = {
|
|
3
3
|
isOpen?: boolean;
|
|
4
4
|
openMenu?: Function;
|
|
5
5
|
closeMenu?: Function;
|
|
6
6
|
toggleMenu?: Function;
|
|
7
7
|
};
|
|
8
|
-
|
|
8
|
+
type NavBarDropdownMenuProps = {
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
trigger?: Function;
|
|
11
11
|
menuState?: MenuState;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { WithMenuStateProps, AcceptsMenuStateProps } from "../utils";
|
|
3
|
-
export
|
|
3
|
+
export type RenderMenuButtonProps = {
|
|
4
4
|
themeColorObject: any;
|
|
5
5
|
onClick: () => void;
|
|
6
6
|
ariaExpanded: true | null;
|
|
7
7
|
isOpen: boolean;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
type SmallNavBarNoStateProps = {
|
|
10
10
|
menuData?: any;
|
|
11
11
|
subtext?: string;
|
|
12
12
|
breakpointLower?: number | string;
|
|
@@ -32,5 +32,5 @@ declare const SmallNavBar: React.JSXElementConstructor<{
|
|
|
32
32
|
showNulogyLogo?: boolean;
|
|
33
33
|
renderMenuButton?: (props: RenderMenuButtonProps) => React.ReactElement;
|
|
34
34
|
} & AcceptsMenuStateProps & WithMenuStateProps>;
|
|
35
|
-
export
|
|
35
|
+
export type SmallNavBarProps = SmallNavBarNoStateProps & WithMenuStateProps;
|
|
36
36
|
export default SmallNavBar;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TriggerFunctionProps } from "./TriggerFunctionProps";
|
|
3
3
|
import type { MenuType } from "./MenuTrigger";
|
|
4
|
-
|
|
4
|
+
type SubMenuTriggerProps = React.ComponentPropsWithRef<"button"> & {
|
|
5
5
|
name?: string;
|
|
6
6
|
isOpen?: boolean;
|
|
7
7
|
onItemClick?: any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type SubMenuTriggerButtonProps = React.ComponentPropsWithRef<"button"> & {
|
|
3
3
|
name?: string;
|
|
4
4
|
isOpen: boolean;
|
|
5
5
|
};
|
|
6
|
-
declare const SubMenuTriggerButton: React.ForwardRefExoticComponent<Pick<SubMenuTriggerButtonProps, "
|
|
6
|
+
declare const SubMenuTriggerButton: React.ForwardRefExoticComponent<Pick<SubMenuTriggerButtonProps, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "isOpen"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
export default SubMenuTriggerButton;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps } from "styled-system";
|
|
3
3
|
import { DefaultNDSThemeType } from "../theme.type";
|
|
4
|
-
|
|
5
|
-
export
|
|
4
|
+
type SizeType = "small" | "medium" | "large" | undefined;
|
|
5
|
+
export type ButtonProps = SpaceProps & React.ComponentPropsWithRef<"button"> & {
|
|
6
6
|
className?: string;
|
|
7
7
|
icon?: any;
|
|
8
8
|
iconSide?: "left" | "right";
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps } from "styled-system";
|
|
3
|
-
declare
|
|
3
|
+
declare const ControlIcon: React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
|
|
4
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
5
|
+
} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
|
4
6
|
onClick?: (...args: any[]) => any;
|
|
5
7
|
icon: string;
|
|
6
8
|
toggled?: boolean;
|
|
@@ -8,6 +10,5 @@ declare type ControlIconProps = React.ComponentPropsWithRef<"button"> & SpacePro
|
|
|
8
10
|
size?: string;
|
|
9
11
|
type?: string;
|
|
10
12
|
label?: string;
|
|
11
|
-
}
|
|
12
|
-
declare const ControlIcon: React.ForwardRefExoticComponent<Pick<ControlIconProps, "form" | "label" | "p" | "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" | "toggled" | "icon" | "size" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY"> & React.RefAttributes<unknown>>;
|
|
13
|
+
}, "label" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "toggled" | "icon" | "size" | keyof SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>> & React.RefAttributes<unknown>>;
|
|
13
14
|
export default ControlIcon;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps } from "styled-system";
|
|
3
|
-
|
|
3
|
+
type BaseProps = {
|
|
4
4
|
color?: string;
|
|
5
5
|
labelHidden?: boolean;
|
|
6
6
|
icon?: any;
|
|
@@ -9,6 +9,6 @@ declare type BaseProps = {
|
|
|
9
9
|
fontSize?: string;
|
|
10
10
|
tooltip?: string;
|
|
11
11
|
};
|
|
12
|
-
declare const IconicButton: React.ForwardRefExoticComponent<BaseProps & SpaceProps<Required<import("styled-system").Theme<
|
|
12
|
+
declare const IconicButton: React.ForwardRefExoticComponent<BaseProps & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
export declare const iconNames: string[];
|
|
14
14
|
export default IconicButton;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FieldProps } from "../Form/Field";
|
|
3
|
-
|
|
3
|
+
type DateRangeProps = FieldProps & {
|
|
4
4
|
dateFormat?: string;
|
|
5
5
|
onRangeChange?: (...args: any[]) => any;
|
|
6
6
|
onStartDateChange?: (...args: any[]) => any;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
declare const IN_RANGE_CLASS = "nds-datepicker-day--in-range";
|
|
2
|
-
declare const TWO_DAY_RANGE_CLASS = "nds-datepicker-two-day-range";
|
|
3
1
|
export declare const highlightDates: (startDate: any, endDate: any) => ({
|
|
4
2
|
"nds-datepicker-day--start-date": Date[];
|
|
5
3
|
"nds-datepicker-day--end-date"?: undefined;
|
|
@@ -22,4 +20,3 @@ export declare const highlightDates: (startDate: any, endDate: any) => ({
|
|
|
22
20
|
"nds-datepicker-day--in-range"?: undefined;
|
|
23
21
|
})[];
|
|
24
22
|
export declare const DateRangeStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
|
|
25
|
-
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("
|
|
2
|
+
declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
value?: string;
|
|
5
5
|
timeFormat?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("
|
|
2
|
+
declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
value?: string;
|
|
5
5
|
timeFormat?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DefaultNDSThemeType } from "../theme.type";
|
|
3
3
|
import { StyledProps } from "../StyledProps";
|
|
4
|
-
|
|
4
|
+
type DropdownButtonProps = React.ComponentPropsWithRef<"button"> & StyledProps & {
|
|
5
5
|
color?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
theme?: DefaultNDSThemeType;
|
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const HelpText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
|
|
3
|
+
inline?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
|
|
6
|
+
fontSize?: string;
|
|
7
|
+
} & 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>>> & {
|
|
8
|
+
theme?: import("../theme.type").DefaultNDSThemeType;
|
|
9
|
+
}, never>;
|
|
2
10
|
export default HelpText;
|
package/dist/src/Flex/Flex.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { CSSProperties } from "react";
|
|
2
2
|
import { BoxProps } from "../Box/Box";
|
|
3
|
-
export
|
|
3
|
+
export type FlexProps = BoxProps & {
|
|
4
4
|
gap?: CSSProperties["gap"];
|
|
5
5
|
rowGap?: CSSProperties["rowGap"];
|
|
6
6
|
columnGap?: CSSProperties["columnGap"];
|
package/dist/src/Form/Field.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BoxProps } from "../Box/Box";
|
|
3
|
-
export
|
|
3
|
+
export type FieldProps = BoxProps;
|
|
4
4
|
declare const Field: import("styled-components").StyledComponent<import("react").FC<BoxProps>, import("styled-components").DefaultTheme, {}, never>;
|
|
5
5
|
export default Field;
|
package/dist/src/Form/Form.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type BaseFormSectionProps = React.ComponentPropsWithRef<"fieldset"> & {
|
|
3
3
|
title?: string;
|
|
4
4
|
};
|
|
5
5
|
declare const FormSection: import("styled-components").StyledComponent<React.FC<BaseFormSectionProps>, import("styled-components").DefaultTheme, {}, never>;
|
package/dist/src/Icon/Icon.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps } from "styled-system";
|
|
3
|
-
|
|
3
|
+
type IconProps = SpaceProps & {
|
|
4
4
|
icon: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
size?: string;
|
|
@@ -17,6 +17,14 @@ declare const Icon: import("styled-components").StyledComponent<React.ForwardRef
|
|
|
17
17
|
color?: string;
|
|
18
18
|
focusable?: boolean;
|
|
19
19
|
style?: React.CSSProperties;
|
|
20
|
-
} & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme,
|
|
20
|
+
} & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
|
21
|
+
icon: string;
|
|
22
|
+
className?: string;
|
|
23
|
+
size?: string;
|
|
24
|
+
title?: string;
|
|
25
|
+
color?: string;
|
|
26
|
+
focusable?: boolean;
|
|
27
|
+
style?: React.CSSProperties;
|
|
28
|
+
}, never>;
|
|
21
29
|
export declare const InlineIcon: (props: IconProps) => JSX.Element;
|
|
22
30
|
export default Icon;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps } from "styled-system";
|
|
3
3
|
import { InputFieldProps } from "./InputField";
|
|
4
|
-
|
|
4
|
+
type InputProps = InputFieldProps & SpaceProps & {
|
|
5
5
|
errorMessage?: string;
|
|
6
6
|
helpText?: React.ReactNode;
|
|
7
7
|
errorList?: string[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TextAlignProps } from "styled-system";
|
|
3
|
-
export
|
|
3
|
+
export type InputFieldProps = React.ComponentPropsWithRef<"input"> & {
|
|
4
4
|
icon?: string;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
error?: boolean;
|