@redsift/design-system 11.6.0-muiv5-alpha.6 → 11.6.0-muiv5-alpha.8
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 +3026 -97
- package/package.json +2 -2
- package/_internal/Alert.d2.ts +0 -54
- package/_internal/AppBar.d.ts +0 -37
- package/_internal/AppContainer.d.ts +0 -96
- package/_internal/AppContent.d.ts +0 -25
- package/_internal/Badge.d2.ts +0 -9
- package/_internal/BreadcrumbItem.d.ts +0 -9
- package/_internal/Breadcrumbs.d2.ts +0 -29
- package/_internal/Button.d2.ts +0 -30
- package/_internal/ButtonGroup.d.ts +0 -41
- package/_internal/ButtonLink.d.ts +0 -28
- package/_internal/Card.d2.ts +0 -35
- package/_internal/CardActions.d.ts +0 -9
- package/_internal/CardBody.d.ts +0 -9
- package/_internal/CardHeader.d.ts +0 -9
- package/_internal/Checkbox.d2.ts +0 -68
- package/_internal/CheckboxGroup.d.ts +0 -10
- package/_internal/ConditionalWrapper.d.ts +0 -14
- package/_internal/DetailedCard.d.ts +0 -52
- package/_internal/DetailedCardCollapsibleSectionItems.d.ts +0 -9
- package/_internal/DetailedCardHeader.d.ts +0 -9
- package/_internal/DetailedCardSection.d.ts +0 -9
- package/_internal/DetailedCardSectionItem.d.ts +0 -9
- package/_internal/Flexbox.d2.ts +0 -30
- package/_internal/Grid.d2.ts +0 -32
- package/_internal/GridItem.d.ts +0 -9
- package/_internal/Heading.d2.ts +0 -9
- package/_internal/Icon.d2.ts +0 -10
- package/_internal/IconButton.d.ts +0 -12
- package/_internal/IconButtonLink.d.ts +0 -28
- package/_internal/Item.d2.ts +0 -82
- package/_internal/Link.d2.ts +0 -26
- package/_internal/LinkButton.d.ts +0 -23
- package/_internal/Number.d2.ts +0 -69
- package/_internal/NumberField.d.ts +0 -80
- package/_internal/Pill.d2.ts +0 -9
- package/_internal/ProgressBar.d.ts +0 -26
- package/_internal/Radio.d2.ts +0 -66
- package/_internal/RadioGroup.d.ts +0 -10
- package/_internal/Shield.d2.ts +0 -9
- package/_internal/SideNavigationMenu.d.ts +0 -9
- package/_internal/SideNavigationMenuBar.d.ts +0 -9
- package/_internal/SideNavigationMenuItem.d.ts +0 -9
- package/_internal/Skeleton.d2.ts +0 -15
- package/_internal/SkeletonCircle.d.ts +0 -9
- package/_internal/SkeletonText.d.ts +0 -9
- package/_internal/Spinner.d2.ts +0 -43
- package/_internal/Switch.d2.ts +0 -66
- package/_internal/SwitchGroup.d.ts +0 -10
- package/_internal/Text.d2.ts +0 -9
- package/_internal/TextArea.d.ts +0 -34
- package/_internal/TextField.d.ts +0 -29
- package/_internal/alert.d.ts +0 -5
- package/_internal/app-bar.d.ts +0 -8
- package/_internal/app-container.d.ts +0 -9
- package/_internal/app-content.d.ts +0 -5
- package/_internal/app-side-panel.d.ts +0 -11
- package/_internal/badge.d.ts +0 -6
- package/_internal/breadcrumb-item.d.ts +0 -5
- package/_internal/breadcrumbs.d.ts +0 -6
- package/_internal/button-group.d.ts +0 -5
- package/_internal/button-link.d.ts +0 -8
- package/_internal/button.d.ts +0 -8
- package/_internal/card-actions.d.ts +0 -5
- package/_internal/card-body.d.ts +0 -5
- package/_internal/card-header.d.ts +0 -9
- package/_internal/card.d.ts +0 -11
- package/_internal/checkbox-group.d.ts +0 -6
- package/_internal/checkbox.d.ts +0 -6
- package/_internal/colors.d.ts +0 -102
- package/_internal/conditional-wrapper.d.ts +0 -2
- package/_internal/detailed-card-collapsible-section-items.d.ts +0 -4
- package/_internal/detailed-card-header.d.ts +0 -8
- package/_internal/detailed-card-section-item.d.ts +0 -11
- package/_internal/detailed-card-section.d.ts +0 -7
- package/_internal/detailed-card.d.ts +0 -16
- package/_internal/flexbox.d.ts +0 -5
- package/_internal/focus-within-group.d.ts +0 -3
- package/_internal/fonts.d.ts +0 -12
- package/_internal/gradient-border.d.ts +0 -19
- package/_internal/grid-item.d.ts +0 -5
- package/_internal/grid.d.ts +0 -6
- package/_internal/heading.d.ts +0 -7
- package/_internal/helpers.d.ts +0 -23
- package/_internal/icon-button-link.d.ts +0 -8
- package/_internal/icon-button.d.ts +0 -7
- package/_internal/icon.d.ts +0 -6
- package/_internal/item.d.ts +0 -8
- package/_internal/link-button.d.ts +0 -8
- package/_internal/link.d.ts +0 -8
- package/_internal/listbox.d.ts +0 -6
- package/_internal/number-field.d.ts +0 -9
- package/_internal/number.d.ts +0 -7
- package/_internal/pill.d.ts +0 -6
- package/_internal/progress-bar.d.ts +0 -5
- package/_internal/radio-group.d.ts +0 -6
- package/_internal/radio.d.ts +0 -6
- package/_internal/shared.d.ts +0 -5
- package/_internal/shield.d.ts +0 -6
- package/_internal/side-navigation-menu-bar.d.ts +0 -9
- package/_internal/side-navigation-menu-item.d.ts +0 -8
- package/_internal/side-navigation-menu.d.ts +0 -8
- package/_internal/skeleton-circle.d.ts +0 -7
- package/_internal/skeleton-text.d.ts +0 -7
- package/_internal/skeleton.d.ts +0 -8
- package/_internal/spinner.d.ts +0 -5
- package/_internal/styles.d.ts +0 -17
- package/_internal/styles.d2.ts +0 -283
- package/_internal/switch-group.d.ts +0 -6
- package/_internal/switch.d.ts +0 -6
- package/_internal/text-area.d.ts +0 -9
- package/_internal/text-field.d.ts +0 -10
- package/_internal/text.d.ts +0 -7
- package/_internal/theme.d.ts +0 -4
- package/_internal/types.d.ts +0 -39
- package/_internal/types.d10.ts +0 -20
- package/_internal/types.d11.ts +0 -27
- package/_internal/types.d12.ts +0 -35
- package/_internal/types.d13.ts +0 -143
- package/_internal/types.d14.ts +0 -11
- package/_internal/types.d15.ts +0 -62
- package/_internal/types.d16.ts +0 -56
- package/_internal/types.d17.ts +0 -57
- package/_internal/types.d18.ts +0 -40
- package/_internal/types.d19.ts +0 -101
- package/_internal/types.d2.ts +0 -37
- package/_internal/types.d20.ts +0 -47
- package/_internal/types.d21.ts +0 -68
- package/_internal/types.d22.ts +0 -52
- package/_internal/types.d23.ts +0 -174
- package/_internal/types.d24.ts +0 -18
- package/_internal/types.d25.ts +0 -12
- package/_internal/types.d26.ts +0 -36
- package/_internal/types.d27.ts +0 -72
- package/_internal/types.d28.ts +0 -73
- package/_internal/types.d29.ts +0 -99
- package/_internal/types.d3.ts +0 -23
- package/_internal/types.d4.ts +0 -67
- package/_internal/types.d5.ts +0 -11
- package/_internal/types.d6.ts +0 -11
- package/_internal/types.d7.ts +0 -28
- package/_internal/types.d8.ts +0 -72
- package/_internal/types.d9.ts +0 -16
- package/_internal/useAppSidePanel.d.ts +0 -12
- package/_internal/useFocusOnList.d.ts +0 -83
- package/_internal/useListboxItem.d.ts +0 -32
- package/_internal/useSideNavigationMenuBar.d.ts +0 -9
- package/_internal/useTheme.d.ts +0 -13
package/_internal/types.d7.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { b as HeadingProps } from './types.d15.ts';
|
|
3
|
-
import { b as IconProps } from './types.d17.ts';
|
|
4
|
-
import { h as StylingProps, g as FlexLayoutProps } from './styles.d2.ts';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Component props.
|
|
8
|
-
*/
|
|
9
|
-
interface CardHeaderProps extends ComponentProps<'div'>, StylingProps, Omit<FlexLayoutProps, 'inline'> {
|
|
10
|
-
/** Header. */
|
|
11
|
-
header?: string;
|
|
12
|
-
/** Heading props allowing to override the component rendered by the heading without changing its style. */
|
|
13
|
-
headingProps?: Pick<HeadingProps, 'as' | 'noWrap' | 'variant'>;
|
|
14
|
-
/** Subheader */
|
|
15
|
-
subheader?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
18
|
-
* Can also be a ReactElement.
|
|
19
|
-
*/
|
|
20
|
-
icon?: IconProps['icon'];
|
|
21
|
-
/** Custom props to pass to the Icon component. */
|
|
22
|
-
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
23
|
-
/** Whether the card is loading or not. */
|
|
24
|
-
isLoading?: boolean;
|
|
25
|
-
}
|
|
26
|
-
type StyledCardHeaderProps = CardHeaderProps;
|
|
27
|
-
|
|
28
|
-
export { CardHeaderProps as C, StyledCardHeaderProps as S };
|
package/_internal/types.d8.ts
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { V as ValueOf } from './helpers.js';
|
|
3
|
-
import { h as StylingProps } from './styles.d2.ts';
|
|
4
|
-
import { T as Theme } from './colors.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Context props.
|
|
8
|
-
*/
|
|
9
|
-
type CheckboxGroupState = {
|
|
10
|
-
/** Adds a value to the set of selected values. */
|
|
11
|
-
addValue(value: string): void;
|
|
12
|
-
/** Whether the checkbox group is disabled or not. */
|
|
13
|
-
readonly isDisabled: boolean;
|
|
14
|
-
/** Whether the checkbox group is read only or not. */
|
|
15
|
-
readonly isReadOnly: boolean;
|
|
16
|
-
/** Removes a value from the set of selected values. */
|
|
17
|
-
removeValue(value: string): void;
|
|
18
|
-
/** Sets the selected values. */
|
|
19
|
-
setValue(value: string[]): void;
|
|
20
|
-
/** Current selected values. */
|
|
21
|
-
readonly value: readonly string[];
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* Component orientation.
|
|
25
|
-
*/
|
|
26
|
-
declare const CheckboxGroupOrientation: {
|
|
27
|
-
readonly vertical: "vertical";
|
|
28
|
-
readonly horizontal: "horizontal";
|
|
29
|
-
};
|
|
30
|
-
type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;
|
|
31
|
-
/**
|
|
32
|
-
* Component props.
|
|
33
|
-
*/
|
|
34
|
-
interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
35
|
-
/**
|
|
36
|
-
* Default selected values.
|
|
37
|
-
* Used for uncontrolled version.
|
|
38
|
-
*/
|
|
39
|
-
defaultValues?: string[];
|
|
40
|
-
/** Description of the checkbox group. */
|
|
41
|
-
description?: string;
|
|
42
|
-
/** Whether the component is disabled or not. */
|
|
43
|
-
isDisabled?: boolean;
|
|
44
|
-
/** Whether the component is invalid or not. */
|
|
45
|
-
isInvalid?: boolean;
|
|
46
|
-
/** Whether the component is read only or not. */
|
|
47
|
-
isReadOnly?: boolean;
|
|
48
|
-
/** Whether the component is required or not. */
|
|
49
|
-
isRequired?: boolean;
|
|
50
|
-
/** Label of the checkbox group. */
|
|
51
|
-
label?: string;
|
|
52
|
-
/** Method to handle component change. */
|
|
53
|
-
onChange?(values: string[]): void;
|
|
54
|
-
/** Method to handle component change. */
|
|
55
|
-
orientation?: CheckboxGroupOrientation;
|
|
56
|
-
/** Theme. */
|
|
57
|
-
theme?: Theme;
|
|
58
|
-
/**
|
|
59
|
-
* Currently selected values.
|
|
60
|
-
* Used for controlled version.
|
|
61
|
-
*/
|
|
62
|
-
value?: string[];
|
|
63
|
-
}
|
|
64
|
-
type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
|
|
65
|
-
$isDisabled: CheckboxGroupProps['isDisabled'];
|
|
66
|
-
$isInvalid: CheckboxGroupProps['isInvalid'];
|
|
67
|
-
$isReadOnly: CheckboxGroupProps['isReadOnly'];
|
|
68
|
-
$orientation: CheckboxGroupProps['orientation'];
|
|
69
|
-
$theme: CheckboxGroupProps['theme'];
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export { CheckboxGroupState as C, StyledCheckboxGroupProps as S, CheckboxGroupOrientation as a, CheckboxGroupProps as b };
|
package/_internal/types.d9.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component props.
|
|
5
|
-
*/
|
|
6
|
-
interface DetailedCardCollapsibleSectionItemsProps extends ComponentProps<'div'> {
|
|
7
|
-
/** Small caption at the bottom right corner of the collapsible area. */
|
|
8
|
-
caption?: string;
|
|
9
|
-
/** Whether the background should be hidden or not. */
|
|
10
|
-
hideBackground?: boolean;
|
|
11
|
-
}
|
|
12
|
-
type StyledDetailedCardCollapsibleSectionItemsProps = Omit<DetailedCardCollapsibleSectionItemsProps, 'hideBackground'> & {
|
|
13
|
-
$hideBackground: DetailedCardCollapsibleSectionItemsProps['hideBackground'];
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export { DetailedCardCollapsibleSectionItemsProps as D, StyledDetailedCardCollapsibleSectionItemsProps as S };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { a as AppSidePanelProps } from './types.js';
|
|
2
|
-
import { C as Comp } from './helpers.js';
|
|
3
|
-
import { U as UseSideNavigationMenuBarProps } from './useSideNavigationMenuBar.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* The AppSidePanel component.
|
|
7
|
-
*/
|
|
8
|
-
declare const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement>;
|
|
9
|
-
|
|
10
|
-
declare const useAppSidePanel: ({ items, isActive }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps, 'ref'>;
|
|
11
|
-
|
|
12
|
-
export { AppSidePanel as A, useAppSidePanel as u };
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import React, { RefObject } from 'react';
|
|
2
|
-
import { f as FocusWithinGroupProps, F as FocusWithinGroupState, e as FocusWithinGroupContextProps, c as FocusWithinGroupAction, U as UseFocusWithinGroupProps, d as UseFocusGroupProps } from './types.d13.ts';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* The FocusWithinGroup component.
|
|
6
|
-
*
|
|
7
|
-
* @param {ReactNode} children - The child content, which will
|
|
8
|
-
* include the DOM elements to rove between using the tab key.
|
|
9
|
-
* @param {KeyDirection} direction - An optional direction value
|
|
10
|
-
* that only applies when the roving tabindex is not being
|
|
11
|
-
* used within a grid. This value specifies the arrow key behaviour.
|
|
12
|
-
* The default value is 'horizontal'.
|
|
13
|
-
* When set to 'horizontal' then only the ArrowLeft and ArrowRight
|
|
14
|
-
* keys move to the previous and next tab stop respectively.
|
|
15
|
-
* When set to 'vertical' then only the ArrowUp and ArrowDown keys
|
|
16
|
-
* move to the previous and next tab stop respectively. When set
|
|
17
|
-
* to 'both' then both the ArrowLeft and ArrowUp keys can be used
|
|
18
|
-
* to move to the previous tab stop, and both the ArrowRight
|
|
19
|
-
* and ArrowDown keys can be used to move to the next tab stop.
|
|
20
|
-
* If you do not pass an explicit value then the 'horizontal'
|
|
21
|
-
* behaviour applies.
|
|
22
|
-
* @param {boolean} focusOnClick - An optional flag for indicating
|
|
23
|
-
* if `focus()` should invoked on an item in the roving tabindex
|
|
24
|
-
* when it is clicked. The default value for this flag is `false`,
|
|
25
|
-
* meaning that `focus()` will not be invoked on click.
|
|
26
|
-
* Browsers are
|
|
27
|
-
* [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)
|
|
28
|
-
* when a button is clicked so you will see some variation between
|
|
29
|
-
* the browsers with the default value. Prior to version 3 of this library,
|
|
30
|
-
* the behaviour was to always invoke `focus()` on click; this behaviour
|
|
31
|
-
* can be maintained by passing `true`.
|
|
32
|
-
* @param {boolean} loopAround - An optional flag that,
|
|
33
|
-
* when set to `true`, will loop the tabindex around when the user
|
|
34
|
-
* tries to tab to the first or last elements in the roving tabindex,
|
|
35
|
-
* rather than stopping. The default value is `false` (no looping).
|
|
36
|
-
* Note that this option does not apply if the roving tabindex
|
|
37
|
-
* is being used on a grid.
|
|
38
|
-
*/
|
|
39
|
-
declare const FocusWithinGroup: React.FC<FocusWithinGroupProps>;
|
|
40
|
-
|
|
41
|
-
declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
|
|
42
|
-
declare const FocusWithinGroupContext: React.Context<FocusWithinGroupContextProps>;
|
|
43
|
-
|
|
44
|
-
declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
|
|
45
|
-
|
|
46
|
-
declare function uniqueId(): string;
|
|
47
|
-
/**
|
|
48
|
-
* Includes the given DOM element in the current roving tabindex.
|
|
49
|
-
* @param {RefObject<Element>} domElementRef The DOM element to include.
|
|
50
|
-
* This must be the same DOM element for the lifetime of the containing
|
|
51
|
-
* component.
|
|
52
|
-
* @param {boolean} isDisabled Whether or not the DOM element is currently
|
|
53
|
-
* enabled. This value can be updated as appropriate throughout the lifetime
|
|
54
|
-
* of the containing component.
|
|
55
|
-
* @param {number?} rowIndex An optional integer value that must be
|
|
56
|
-
* populated if the roving tabindex is being used in a grid. In that case,
|
|
57
|
-
* set it to the zero-based index of the row that the given DOM element
|
|
58
|
-
* is currently part of. You can update this row index as appropriate
|
|
59
|
-
* throughout the lifetime of the containing component, for example if
|
|
60
|
-
* the shape of the grid can change dynamically.
|
|
61
|
-
* @returns A tuple of values to be applied by the containing
|
|
62
|
-
* component for the roving tabindex to work correctly.
|
|
63
|
-
* First tuple value: The tabIndex value to apply to the tab stop
|
|
64
|
-
* element.
|
|
65
|
-
* Second tuple value: Whether or not focus() should be invoked on the
|
|
66
|
-
* tab stop element.
|
|
67
|
-
* Third tuple value: The onKeyDown callback to apply to the tab
|
|
68
|
-
* stop element. If the key press is relevant to the hook then
|
|
69
|
-
* event.preventDefault() will be invoked on the event.
|
|
70
|
-
* Fourth tuple value: The onClick callback to apply to the tab
|
|
71
|
-
* stop element.
|
|
72
|
-
*/
|
|
73
|
-
declare function useFocusOnListItem(props: {
|
|
74
|
-
domElementRef: RefObject<Element>;
|
|
75
|
-
isDisabled: boolean;
|
|
76
|
-
id?: string;
|
|
77
|
-
value?: string;
|
|
78
|
-
rowIndex?: number | null;
|
|
79
|
-
}): UseFocusWithinGroupProps;
|
|
80
|
-
|
|
81
|
-
declare function useFocusOnList(): UseFocusGroupProps;
|
|
82
|
-
|
|
83
|
-
export { FocusWithinGroup as F, FOCUS_WITHING_GROUP_INITIAL_STATE as a, FocusWithinGroupContext as b, FocusWithinGroupReducer as c, useFocusOnListItem as d, useFocusOnList as e, uniqueId as u };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React, { RefObject } from 'react';
|
|
2
|
-
import { f as ListboxProps, d as ListboxContextProps, a as ListboxState, c as ListboxAction, U as UseListboxItemProps } from './types.d19.ts';
|
|
3
|
-
import { C as Comp } from './helpers.js';
|
|
4
|
-
|
|
5
|
-
declare const ActiveDescendantListbox: React.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
|
|
6
|
-
context: ListboxContextProps;
|
|
7
|
-
}, "label" | "slot" | "style" | "title" | "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" | "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" | "values" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
|
|
9
|
-
declare const RovingTabindexListbox: React.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
|
|
10
|
-
context: ListboxContextProps;
|
|
11
|
-
}, "label" | "slot" | "style" | "title" | "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" | "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" | "values" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* The Listbox component.
|
|
15
|
-
* Can be used as controlled or uncontrolled.
|
|
16
|
-
*/
|
|
17
|
-
declare const Listbox: Comp<ListboxProps, HTMLDivElement>;
|
|
18
|
-
|
|
19
|
-
declare const LISTBOX_INITIAL_STATE: ListboxState;
|
|
20
|
-
declare const ListboxContext: React.Context<ListboxContextProps>;
|
|
21
|
-
|
|
22
|
-
declare const ListboxReducer: (state: ListboxState, action: ListboxAction) => ListboxState;
|
|
23
|
-
|
|
24
|
-
declare function useListboxItem(props: {
|
|
25
|
-
domElementRef: RefObject<Element>;
|
|
26
|
-
value: string;
|
|
27
|
-
id?: string;
|
|
28
|
-
isDisabled?: boolean;
|
|
29
|
-
propsIsSelected?: boolean;
|
|
30
|
-
}): UseListboxItemProps;
|
|
31
|
-
|
|
32
|
-
export { ActiveDescendantListbox as A, Listbox as L, RovingTabindexListbox as R, LISTBOX_INITIAL_STATE as a, ListboxContext as b, ListboxReducer as c, useListboxItem as u };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { e as MenuBarItems, b as SideNavigationMenuBarProps } from './types.d23.ts';
|
|
2
|
-
|
|
3
|
-
interface UseSideNavigationMenuBarProps {
|
|
4
|
-
items: MenuBarItems;
|
|
5
|
-
isActive?: (href: string) => boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const useSideNavigationMenuBar: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<SideNavigationMenuBarProps, 'ref'>;
|
|
8
|
-
|
|
9
|
-
export { UseSideNavigationMenuBarProps as U, useSideNavigationMenuBar as u };
|
package/_internal/useTheme.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { T as Theme } from './colors.js';
|
|
3
|
-
|
|
4
|
-
declare const ThemeContext: React.Context<{
|
|
5
|
-
theme?: Theme | undefined;
|
|
6
|
-
} | null>;
|
|
7
|
-
declare const ThemeProvider: React.Provider<{
|
|
8
|
-
theme?: Theme | undefined;
|
|
9
|
-
} | null>;
|
|
10
|
-
|
|
11
|
-
declare function useTheme(theme?: Theme): Theme;
|
|
12
|
-
|
|
13
|
-
export { ThemeContext as T, ThemeProvider as a, useTheme as u };
|