@redsift/design-system 11.6.0-muiv5-alpha.12 → 11.6.0-muiv5-alpha.14
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/index.d.ts +18 -55
- package/package.json +2 -2
package/index.d.ts
CHANGED
|
@@ -466,7 +466,7 @@ declare const getMaxTextWidth: (texts: string[], font: string, angle?: number) =
|
|
|
466
466
|
* @param component React function component or the component name
|
|
467
467
|
* @return predicate returning true if value is instance of the component
|
|
468
468
|
*/
|
|
469
|
-
declare const isComponent: <C>(component:
|
|
469
|
+
declare const isComponent: <C>(component: Comp<C, any> | string) => (instance: ReactNode) => instance is ReactElement;
|
|
470
470
|
|
|
471
471
|
/**
|
|
472
472
|
* Return components based on list of predicates.
|
|
@@ -2384,9 +2384,9 @@ interface UseSideNavigationMenuBarProps {
|
|
|
2384
2384
|
items: MenuBarItems;
|
|
2385
2385
|
isActive?: (href: string) => boolean;
|
|
2386
2386
|
}
|
|
2387
|
-
declare const useSideNavigationMenuBar: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<SideNavigationMenuBarProps,
|
|
2387
|
+
declare const useSideNavigationMenuBar: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<SideNavigationMenuBarProps, "ref">;
|
|
2388
2388
|
|
|
2389
|
-
declare const useAppSidePanel: ({ items, isActive }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps,
|
|
2389
|
+
declare const useAppSidePanel: ({ items, isActive }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps, "ref">;
|
|
2390
2390
|
|
|
2391
2391
|
/**
|
|
2392
2392
|
* Context props.
|
|
@@ -2579,17 +2579,7 @@ type StyledButtonProps = ButtonProps & {
|
|
|
2579
2579
|
/**
|
|
2580
2580
|
* Component style.
|
|
2581
2581
|
*/
|
|
2582
|
-
declare const StyledButton: styled_components.StyledComponent<"button", any,
|
|
2583
|
-
$color: string | undefined;
|
|
2584
|
-
$fullWidth?: boolean | undefined;
|
|
2585
|
-
$isActive: boolean | undefined;
|
|
2586
|
-
$isDisabled: boolean | undefined;
|
|
2587
|
-
$isGradient: boolean;
|
|
2588
|
-
$isHovered: boolean | undefined;
|
|
2589
|
-
$isLoading: boolean | undefined;
|
|
2590
|
-
$theme: Theme | undefined;
|
|
2591
|
-
$variant: ButtonVariant | undefined;
|
|
2592
|
-
}, never>;
|
|
2582
|
+
declare const StyledButton: styled_components.StyledComponent<"button", any, StyledButtonProps, never>;
|
|
2593
2583
|
|
|
2594
2584
|
/**
|
|
2595
2585
|
* The Button is a semantic button that looks like a button.
|
|
@@ -2637,12 +2627,7 @@ type StyledLinkProps = Omit<LinkProps, 'isDisabled'> & {
|
|
|
2637
2627
|
/**
|
|
2638
2628
|
* Component style.
|
|
2639
2629
|
*/
|
|
2640
|
-
declare const StyledLink: styled_components.StyledComponent<"a", any,
|
|
2641
|
-
$isDisabled: boolean | undefined;
|
|
2642
|
-
$color: (string & {}) | "radar" | NotificationsColorPalette | NeutralColorPalette | undefined;
|
|
2643
|
-
$theme: Theme | undefined;
|
|
2644
|
-
$hasIcons: boolean;
|
|
2645
|
-
}, never>;
|
|
2630
|
+
declare const StyledLink: styled_components.StyledComponent<"a", any, StyledLinkProps, never>;
|
|
2646
2631
|
|
|
2647
2632
|
/**
|
|
2648
2633
|
* The Link is a semantic link that looks like a link.
|
|
@@ -3508,13 +3493,13 @@ declare function useFocusOnListItem(props: {
|
|
|
3508
3493
|
declare function useFocusOnList(): UseFocusGroupProps;
|
|
3509
3494
|
|
|
3510
3495
|
declare const StyledGradientBorder: styled_components.StyledComponent<"div", any, {
|
|
3511
|
-
$borderRadius?: string
|
|
3512
|
-
$color?: ButtonProps[
|
|
3513
|
-
$isActive?: ButtonProps[
|
|
3514
|
-
$isDisabled?: ButtonProps[
|
|
3515
|
-
$isHovered?: ButtonProps[
|
|
3516
|
-
$theme?: ButtonProps[
|
|
3517
|
-
width?: string
|
|
3496
|
+
$borderRadius?: string;
|
|
3497
|
+
$color?: ButtonProps["color"];
|
|
3498
|
+
$isActive?: ButtonProps["isActive"];
|
|
3499
|
+
$isDisabled?: ButtonProps["isDisabled"];
|
|
3500
|
+
$isHovered?: ButtonProps["isHovered"];
|
|
3501
|
+
$theme?: ButtonProps["theme"];
|
|
3502
|
+
width?: string;
|
|
3518
3503
|
}, never>;
|
|
3519
3504
|
|
|
3520
3505
|
/**
|
|
@@ -3674,11 +3659,11 @@ type StyledListboxProps = Omit<ListboxProps, 'onChange'> & {
|
|
|
3674
3659
|
|
|
3675
3660
|
declare const ActiveDescendantListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
|
|
3676
3661
|
context: ListboxContextProps;
|
|
3677
|
-
}, "
|
|
3662
|
+
}, "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "values" | "label" | "slot" | "style" | "title" | "aria-label" | "aria-labelledby" | "variant" | "key" | "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-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" | "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" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
3678
3663
|
|
|
3679
3664
|
declare const RovingTabindexListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
|
|
3680
3665
|
context: ListboxContextProps;
|
|
3681
|
-
}, "
|
|
3666
|
+
}, "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "values" | "label" | "slot" | "style" | "title" | "aria-label" | "aria-labelledby" | "variant" | "key" | "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-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" | "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" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
3682
3667
|
|
|
3683
3668
|
/**
|
|
3684
3669
|
* The Listbox component.
|
|
@@ -3755,17 +3740,7 @@ type StyledItemProps = Omit<ItemProps, 'color' | 'onClick' | 'value'> & {
|
|
|
3755
3740
|
/**
|
|
3756
3741
|
* Component style.
|
|
3757
3742
|
*/
|
|
3758
|
-
declare const StyledItem: styled_components.StyledComponent<"div", any,
|
|
3759
|
-
$borderRadius: string | undefined;
|
|
3760
|
-
$color: string | undefined;
|
|
3761
|
-
$hasBorder: boolean | undefined;
|
|
3762
|
-
$hasCheckbox: boolean | undefined;
|
|
3763
|
-
$isActive: boolean | undefined;
|
|
3764
|
-
$isDisabled: boolean | undefined;
|
|
3765
|
-
$isGradient: boolean;
|
|
3766
|
-
$isHovered: boolean | undefined;
|
|
3767
|
-
$theme: Theme | undefined;
|
|
3768
|
-
}, never>;
|
|
3743
|
+
declare const StyledItem: styled_components.StyledComponent<"div", any, StyledItemProps, never>;
|
|
3769
3744
|
|
|
3770
3745
|
declare const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement>;
|
|
3771
3746
|
/**
|
|
@@ -3949,19 +3924,7 @@ type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisa
|
|
|
3949
3924
|
/**
|
|
3950
3925
|
* Component style.
|
|
3951
3926
|
*/
|
|
3952
|
-
declare const StyledTextField: styled_components.StyledComponent<"div", any,
|
|
3953
|
-
$color: string | undefined;
|
|
3954
|
-
$isGradient: boolean;
|
|
3955
|
-
$hasLeftIcon: boolean;
|
|
3956
|
-
$hasContent: boolean;
|
|
3957
|
-
$isDisabled: boolean | undefined;
|
|
3958
|
-
$isInvalid: boolean | undefined;
|
|
3959
|
-
$isFocused: boolean;
|
|
3960
|
-
$isFocusVisible: boolean;
|
|
3961
|
-
$isRequired: boolean | undefined;
|
|
3962
|
-
$theme: Theme | undefined;
|
|
3963
|
-
$variant: TextFieldVariant | undefined;
|
|
3964
|
-
}, never>;
|
|
3927
|
+
declare const StyledTextField: styled_components.StyledComponent<"div", any, StyledTextFieldProps, never>;
|
|
3965
3928
|
|
|
3966
3929
|
/**
|
|
3967
3930
|
* The TextField component.
|
|
@@ -4476,10 +4439,10 @@ type StyledTextAreaProps = StyledTextFieldProps;
|
|
|
4476
4439
|
declare const TextArea: Comp<TextAreaProps, HTMLDivElement>;
|
|
4477
4440
|
|
|
4478
4441
|
declare const ThemeContext: React$1.Context<{
|
|
4479
|
-
theme?: Theme
|
|
4442
|
+
theme?: Theme;
|
|
4480
4443
|
} | null>;
|
|
4481
4444
|
declare const ThemeProvider: React$1.Provider<{
|
|
4482
|
-
theme?: Theme
|
|
4445
|
+
theme?: Theme;
|
|
4483
4446
|
} | null>;
|
|
4484
4447
|
|
|
4485
4448
|
declare function useTheme(theme?: Theme): Theme;
|
package/package.json
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
|
|
34
34
|
},
|
|
35
35
|
"types": "index.d.ts",
|
|
36
|
-
"version": "11.6.0-muiv5-alpha.
|
|
36
|
+
"version": "11.6.0-muiv5-alpha.14",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@react-spring/web": "^9.7.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"react-dom": ">=17",
|
|
101
101
|
"styled-components": "^5.3.5"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "ccafa1b24a2a12d94313e9d845f8d9b32fa8446b"
|
|
104
104
|
}
|