@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.d22.ts
DELETED
|
@@ -1,52 +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, N as NotificationsColorPalette, b as ProductColorPalette } from './colors.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Component variant.
|
|
8
|
-
*/
|
|
9
|
-
declare const ShieldVariant: {
|
|
10
|
-
readonly success: "success";
|
|
11
|
-
readonly successLocked: "successLocked";
|
|
12
|
-
readonly successUnlocked: "successUnlocked";
|
|
13
|
-
readonly fail: "fail";
|
|
14
|
-
readonly failLocked: "failLocked";
|
|
15
|
-
readonly failUnlocked: "failUnlocked";
|
|
16
|
-
readonly warning: "warning";
|
|
17
|
-
readonly warningLocked: "warningLocked";
|
|
18
|
-
readonly warningUnlocked: "warningUnlocked";
|
|
19
|
-
readonly ignored: "ignored";
|
|
20
|
-
readonly noData: "noData";
|
|
21
|
-
readonly question: "question";
|
|
22
|
-
readonly email: "email";
|
|
23
|
-
};
|
|
24
|
-
type ShieldVariant = ValueOf<typeof ShieldVariant>;
|
|
25
|
-
/**
|
|
26
|
-
* Component props.
|
|
27
|
-
*/
|
|
28
|
-
interface ShieldProps extends ComponentProps<'div'>, StylingProps {
|
|
29
|
-
/** Indicates whether the element is exposed to an accessibility API. */
|
|
30
|
-
'aria-hidden'?: boolean | 'false' | 'true';
|
|
31
|
-
/** A screen reader only label for the Icon. */
|
|
32
|
-
'aria-label'?: string;
|
|
33
|
-
/** Additional properties to forward to the SVG tag. */
|
|
34
|
-
svgProps?: ComponentProps<'svg'>;
|
|
35
|
-
/** Whether the shield has an outline or not. */
|
|
36
|
-
isOutlined?: boolean;
|
|
37
|
-
/** Whether the shield has its colors reversed or not. */
|
|
38
|
-
isReversed?: boolean;
|
|
39
|
-
/** Theme. */
|
|
40
|
-
theme?: Theme;
|
|
41
|
-
/** Shield variant. */
|
|
42
|
-
variant?: ShieldVariant;
|
|
43
|
-
}
|
|
44
|
-
type StyledShieldProps = Omit<ShieldProps, 'color'> & {
|
|
45
|
-
$color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
46
|
-
$isOutlined: ShieldProps['isOutlined'];
|
|
47
|
-
$isReversed: ShieldProps['isReversed'];
|
|
48
|
-
$theme: ShieldProps['theme'];
|
|
49
|
-
$variant: ShieldProps['variant'];
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export { ShieldVariant as S, ShieldProps as a, StyledShieldProps as b };
|
package/_internal/types.d23.ts
DELETED
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, MutableRefObject, ElementType, RefObject, Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import { b as IconProps } from './types.d17.ts';
|
|
3
|
-
import { a as BadgeProps } from './types.d2.ts';
|
|
4
|
-
import { T as Theme } from './colors.js';
|
|
5
|
-
import { V as ValueOf } from './helpers.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Context props.
|
|
9
|
-
*/
|
|
10
|
-
type SideNavigationMenuContextProps = {
|
|
11
|
-
menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Reducer props.
|
|
15
|
-
*/
|
|
16
|
-
type SideNavigationMenuReducerState = {
|
|
17
|
-
isExpanded: boolean;
|
|
18
|
-
currentIndex: number;
|
|
19
|
-
previousIndex: number;
|
|
20
|
-
};
|
|
21
|
-
declare enum SideNavigationMenuReducerActionType {
|
|
22
|
-
Expand = "expand",
|
|
23
|
-
Collapse = "collapse",
|
|
24
|
-
Move = "move"
|
|
25
|
-
}
|
|
26
|
-
type SideNavigationMenuReducerAction = {
|
|
27
|
-
type: SideNavigationMenuReducerActionType;
|
|
28
|
-
index?: number;
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* Component props.
|
|
32
|
-
*/
|
|
33
|
-
interface SideNavigationMenuProps extends ComponentProps<'div'> {
|
|
34
|
-
/** Custom props to pass to the button. */
|
|
35
|
-
buttonProps?: ComponentProps<'button'>;
|
|
36
|
-
/** Custom ref to pass to the button. */
|
|
37
|
-
buttonRef?: MutableRefObject<HTMLButtonElement>;
|
|
38
|
-
/** Custom props to pass to the Badge component, if any. */
|
|
39
|
-
badgeProps?: Omit<BadgeProps, 'ref'>;
|
|
40
|
-
/** Whether or not the menu contains children that have a badge. */
|
|
41
|
-
hasBadge?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
44
|
-
* Can also be a ReactElement.
|
|
45
|
-
*/
|
|
46
|
-
icon?: IconProps['icon'];
|
|
47
|
-
/** Custom props to pass to the Icon component. */
|
|
48
|
-
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
49
|
-
/** Custom ref to pass to the Icon component. */
|
|
50
|
-
iconRef?: MutableRefObject<HTMLElement>;
|
|
51
|
-
/** Whether the component is disabled or not. */
|
|
52
|
-
isDisabled?: boolean;
|
|
53
|
-
/** Whether the menu is expanded or not. */
|
|
54
|
-
isExpanded?: boolean;
|
|
55
|
-
/** By default, the badge is hidden when the menu is expanded. This prop controls this behavior. */
|
|
56
|
-
keepBadgeVisible?: boolean;
|
|
57
|
-
/** Custom props to pass to the menu. */
|
|
58
|
-
menuProps?: ComponentProps<'ul'>;
|
|
59
|
-
/** Custom ref to pass to the menu. */
|
|
60
|
-
menuRef?: MutableRefObject<HTMLUListElement>;
|
|
61
|
-
/** Theme. */
|
|
62
|
-
theme?: Theme;
|
|
63
|
-
}
|
|
64
|
-
type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'> & {
|
|
65
|
-
$isDisabled: SideNavigationMenuProps['isDisabled'];
|
|
66
|
-
$isExpanded: SideNavigationMenuProps['isExpanded'];
|
|
67
|
-
$numberOfChildren: number;
|
|
68
|
-
$variant: SideNavigationMenuBarVariant;
|
|
69
|
-
$theme: SideNavigationMenuProps['theme'];
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Component props.
|
|
74
|
-
*/
|
|
75
|
-
interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
|
|
76
|
-
/** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
|
|
77
|
-
as?: 'a' | ElementType;
|
|
78
|
-
/** Text or number that should be displayed inside a badge next to the menu item text. */
|
|
79
|
-
badge?: number | string;
|
|
80
|
-
/** Custom props to pass to the Badge component, if any. */
|
|
81
|
-
badgeProps?: Omit<BadgeProps, 'ref'>;
|
|
82
|
-
/** Color variant. */
|
|
83
|
-
color?: string;
|
|
84
|
-
/** Whether the menu item has a border or not. */
|
|
85
|
-
hasBorder?: boolean;
|
|
86
|
-
/** Href is required for this component. */
|
|
87
|
-
href: ComponentProps<'a'>['href'];
|
|
88
|
-
/**
|
|
89
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
90
|
-
* Can also be a ReactElement.
|
|
91
|
-
*/
|
|
92
|
-
icon?: IconProps['icon'];
|
|
93
|
-
/** Custom props to pass to the Icon component. */
|
|
94
|
-
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
95
|
-
/** Custom ref to pass to the Icon component. */
|
|
96
|
-
iconRef?: RefObject<HTMLElement>;
|
|
97
|
-
/** Whether the component is active or not. */
|
|
98
|
-
isCurrent?: boolean;
|
|
99
|
-
/** Whether the component is disabled or not. */
|
|
100
|
-
isDisabled?: boolean;
|
|
101
|
-
/** Whether the component is a second-level menu item. */
|
|
102
|
-
isSecondLevel?: boolean;
|
|
103
|
-
/** Theme. */
|
|
104
|
-
theme?: Theme;
|
|
105
|
-
}
|
|
106
|
-
type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel' | 'hasBorder'> & {
|
|
107
|
-
$color: SideNavigationMenuItemProps['color'];
|
|
108
|
-
$hasIcon: boolean;
|
|
109
|
-
$isCurrent: SideNavigationMenuItemProps['isCurrent'];
|
|
110
|
-
$isDisabled: SideNavigationMenuItemProps['isDisabled'];
|
|
111
|
-
$isSecondLevel: SideNavigationMenuItemProps['isSecondLevel'];
|
|
112
|
-
$variant: SideNavigationMenuBarVariant;
|
|
113
|
-
$theme: SideNavigationMenuItemProps['theme'];
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* Component variant.
|
|
118
|
-
*/
|
|
119
|
-
declare const SideNavigationMenuBarVariant: {
|
|
120
|
-
readonly shrinked: "shrinked";
|
|
121
|
-
readonly standard: "standard";
|
|
122
|
-
};
|
|
123
|
-
type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;
|
|
124
|
-
/**
|
|
125
|
-
* Context props.
|
|
126
|
-
*/
|
|
127
|
-
type SideNavigationMenuBarContextProps = {
|
|
128
|
-
/** List of menu items. */
|
|
129
|
-
menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
|
|
130
|
-
/** Side navigation variant. */
|
|
131
|
-
sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;
|
|
132
|
-
/** Change side navigation variant. */
|
|
133
|
-
setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;
|
|
134
|
-
/** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */
|
|
135
|
-
currentOpenMenuId?: string;
|
|
136
|
-
/** Change current open menu id. */
|
|
137
|
-
setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;
|
|
138
|
-
};
|
|
139
|
-
/**
|
|
140
|
-
* Component props.
|
|
141
|
-
*/
|
|
142
|
-
interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {
|
|
143
|
-
/** Whether or not opening a menu closes the others. */
|
|
144
|
-
canHaveMultipleMenuOpenAtOnce?: boolean;
|
|
145
|
-
/** Whether the component is disabled or not. */
|
|
146
|
-
isDisabled?: boolean;
|
|
147
|
-
/** Custom props to pass to the menubar. */
|
|
148
|
-
menubarProps?: ComponentProps<'ul'>;
|
|
149
|
-
/** Custom ref to pass to the menubar. */
|
|
150
|
-
menubarRef?: MutableRefObject<HTMLUListElement>;
|
|
151
|
-
/** Theme. */
|
|
152
|
-
theme?: Theme;
|
|
153
|
-
/** Variant. */
|
|
154
|
-
variant?: SideNavigationMenuBarVariant;
|
|
155
|
-
}
|
|
156
|
-
type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {
|
|
157
|
-
$isDisabled: SideNavigationMenuBarProps['isDisabled'];
|
|
158
|
-
$marginTop?: number;
|
|
159
|
-
$variant: SideNavigationMenuBarProps['variant'];
|
|
160
|
-
$theme: SideNavigationMenuBarProps['theme'];
|
|
161
|
-
};
|
|
162
|
-
/**
|
|
163
|
-
* Hook props.
|
|
164
|
-
*/
|
|
165
|
-
interface MenuItem extends Omit<SideNavigationMenuItemProps, 'children'> {
|
|
166
|
-
title: string;
|
|
167
|
-
}
|
|
168
|
-
interface Menu extends Omit<SideNavigationMenuProps, 'children'> {
|
|
169
|
-
title: string;
|
|
170
|
-
children: MenuItem[];
|
|
171
|
-
}
|
|
172
|
-
type MenuBarItems = (Menu | MenuItem)[];
|
|
173
|
-
|
|
174
|
-
export { MenuItem as M, SideNavigationMenuBarVariant as S, SideNavigationMenuBarContextProps as a, SideNavigationMenuBarProps as b, StyledSideNavigationMenuBarProps as c, Menu as d, MenuBarItems as e, SideNavigationMenuItemProps as f, StyledSideNavigationMenuItemProps as g, SideNavigationMenuContextProps as h, SideNavigationMenuReducerState as i, SideNavigationMenuReducerActionType as j, SideNavigationMenuReducerAction as k, SideNavigationMenuProps as l, StyledSideNavigationMenuProps as m };
|
package/_internal/types.d24.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { h as StylingProps, I as InternalSpacingProps } from './styles.d2.ts';
|
|
3
|
-
import { T as Theme } from './colors.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Component props.
|
|
7
|
-
*/
|
|
8
|
-
interface SkeletonProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps {
|
|
9
|
-
/** Whether the content is loaded and should be displayed instead of the skeleton. */
|
|
10
|
-
isLoaded?: boolean;
|
|
11
|
-
/** Theme. */
|
|
12
|
-
theme?: Theme;
|
|
13
|
-
}
|
|
14
|
-
type StyledSkeletonProps = SkeletonProps & {
|
|
15
|
-
$theme: SkeletonProps['theme'];
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { SkeletonProps as S, StyledSkeletonProps as a };
|
package/_internal/types.d25.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { S as SkeletonProps } from './types.d24.ts';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component props.
|
|
5
|
-
*/
|
|
6
|
-
interface SkeletonCircleProps extends SkeletonProps {
|
|
7
|
-
}
|
|
8
|
-
type StyledSkeletonCircleProps = SkeletonCircleProps & {
|
|
9
|
-
$theme: SkeletonProps['theme'];
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { SkeletonCircleProps as S, StyledSkeletonCircleProps as a };
|
package/_internal/types.d26.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { S as SkeletonProps } from './types.d24.ts';
|
|
2
|
-
import { V as ValueOf } from './helpers.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component variant.
|
|
6
|
-
*/
|
|
7
|
-
declare const SkeletonTextVariant: {
|
|
8
|
-
readonly h1: "h1";
|
|
9
|
-
readonly h2: "h2";
|
|
10
|
-
readonly h3: "h3";
|
|
11
|
-
readonly h4: "h4";
|
|
12
|
-
readonly h5: "h5";
|
|
13
|
-
readonly body: "body";
|
|
14
|
-
readonly button: "button";
|
|
15
|
-
readonly caption: "caption";
|
|
16
|
-
};
|
|
17
|
-
type SkeletonTextVariant = ValueOf<typeof SkeletonTextVariant>;
|
|
18
|
-
/**
|
|
19
|
-
* Component props.
|
|
20
|
-
*/
|
|
21
|
-
interface SkeletonTextProps extends SkeletonProps {
|
|
22
|
-
/** Font size. */
|
|
23
|
-
fontSize?: string;
|
|
24
|
-
/** Line height. */
|
|
25
|
-
lineHeight?: string;
|
|
26
|
-
/** Variant. */
|
|
27
|
-
variant?: SkeletonTextVariant;
|
|
28
|
-
}
|
|
29
|
-
type StyledSkeletonTextProps = Omit<SkeletonTextProps, 'fontSize' | 'lineHeight' | 'variant'> & {
|
|
30
|
-
$fontSize: SkeletonTextProps['fontSize'];
|
|
31
|
-
$lineHeight: SkeletonTextProps['lineHeight'];
|
|
32
|
-
$variant: SkeletonTextProps['variant'];
|
|
33
|
-
$theme: SkeletonProps['theme'];
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export { SkeletonTextVariant as S, SkeletonTextProps as a, StyledSkeletonTextProps as b };
|
package/_internal/types.d27.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 SwitchGroupState = {
|
|
10
|
-
/** Adds a value to the set of selected values. */
|
|
11
|
-
addValue(value: string): void;
|
|
12
|
-
/** Whether the switch group is disabled or not. */
|
|
13
|
-
readonly isDisabled: boolean;
|
|
14
|
-
/** Whether the switch 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 SwitchGroupOrientation: {
|
|
27
|
-
readonly horizontal: "horizontal";
|
|
28
|
-
readonly vertical: "vertical";
|
|
29
|
-
};
|
|
30
|
-
type SwitchGroupOrientation = ValueOf<typeof SwitchGroupOrientation>;
|
|
31
|
-
/**
|
|
32
|
-
* Component props.
|
|
33
|
-
*/
|
|
34
|
-
interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
35
|
-
/**
|
|
36
|
-
* Default selected values.
|
|
37
|
-
* Used for uncontrolled version.
|
|
38
|
-
*/
|
|
39
|
-
defaultValues?: string[];
|
|
40
|
-
/** Description of the switch 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 switch group. */
|
|
51
|
-
label?: string;
|
|
52
|
-
/** Method to handle component change. */
|
|
53
|
-
onChange?(values: string[]): void;
|
|
54
|
-
/** Method to handle component change. */
|
|
55
|
-
orientation?: SwitchGroupOrientation;
|
|
56
|
-
/** Theme. */
|
|
57
|
-
theme?: Theme;
|
|
58
|
-
/**
|
|
59
|
-
* Currently selected values.
|
|
60
|
-
* Used for controlled version.
|
|
61
|
-
*/
|
|
62
|
-
value?: string[];
|
|
63
|
-
}
|
|
64
|
-
type StyledSwitchGroupProps = Omit<SwitchGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
|
|
65
|
-
$isDisabled: SwitchGroupProps['isDisabled'];
|
|
66
|
-
$isInvalid: SwitchGroupProps['isInvalid'];
|
|
67
|
-
$isReadOnly: SwitchGroupProps['isReadOnly'];
|
|
68
|
-
$orientation: SwitchGroupProps['orientation'];
|
|
69
|
-
$theme: SwitchGroupProps['theme'];
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export { SwitchGroupState as S, SwitchGroupOrientation as a, SwitchGroupProps as b, StyledSwitchGroupProps as c };
|
package/_internal/types.d28.ts
DELETED
|
@@ -1,73 +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 { N as NotificationsColorPalette, d as NeutralColorPalette, T as Theme } from './colors.js';
|
|
5
|
-
import { F as FontFamily } from './fonts.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Component variant.
|
|
9
|
-
*/
|
|
10
|
-
declare const TextVariant: {
|
|
11
|
-
readonly body: "body";
|
|
12
|
-
readonly button: "button";
|
|
13
|
-
readonly caption: "caption";
|
|
14
|
-
readonly helper: "helper";
|
|
15
|
-
readonly inherit: "inherit";
|
|
16
|
-
};
|
|
17
|
-
type TextVariant = ValueOf<typeof TextVariant>;
|
|
18
|
-
declare const TextComponent: {
|
|
19
|
-
readonly p: "p";
|
|
20
|
-
readonly b: "b";
|
|
21
|
-
readonly i: "i";
|
|
22
|
-
readonly u: "u";
|
|
23
|
-
readonly abbr: "abbr";
|
|
24
|
-
readonly cite: "cite";
|
|
25
|
-
readonly del: "del";
|
|
26
|
-
readonly em: "em";
|
|
27
|
-
readonly ins: "ins";
|
|
28
|
-
readonly kbd: "kbd";
|
|
29
|
-
readonly mark: "mark";
|
|
30
|
-
readonly s: "s";
|
|
31
|
-
readonly samp: "samp";
|
|
32
|
-
readonly sub: "sub";
|
|
33
|
-
readonly sup: "sup";
|
|
34
|
-
};
|
|
35
|
-
type TextComponent = ValueOf<typeof TextComponent>;
|
|
36
|
-
/**
|
|
37
|
-
* Component props.
|
|
38
|
-
*/
|
|
39
|
-
interface TextProps extends ComponentProps<'span'>, StylingProps {
|
|
40
|
-
/** Override component. */
|
|
41
|
-
as?: TextComponent;
|
|
42
|
-
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
43
|
-
color?: NotificationsColorPalette | NeutralColorPalette | 'radar' | (string & {});
|
|
44
|
-
/** Font family. */
|
|
45
|
-
fontFamily?: FontFamily;
|
|
46
|
-
/** Font size. */
|
|
47
|
-
fontSize?: string;
|
|
48
|
-
/** Font weight. */
|
|
49
|
-
fontWeight?: string;
|
|
50
|
-
/** Line height. */
|
|
51
|
-
lineHeight?: string;
|
|
52
|
-
/** Whether the text will truncate with a text overflow ellipsis or wrap. */
|
|
53
|
-
noWrap?: boolean;
|
|
54
|
-
/** Theme. */
|
|
55
|
-
theme?: Theme;
|
|
56
|
-
/** Variant. */
|
|
57
|
-
variant?: TextVariant;
|
|
58
|
-
/** Word break CSS properties */
|
|
59
|
-
wordBreak?: string;
|
|
60
|
-
}
|
|
61
|
-
type StyledTextProps = Omit<TextProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'noWrap' | 'variant'> & {
|
|
62
|
-
$as: TextProps['as'];
|
|
63
|
-
$color: TextProps['color'];
|
|
64
|
-
$fontFamily?: TextProps['fontFamily'];
|
|
65
|
-
$fontSize: TextProps['fontSize'];
|
|
66
|
-
$fontWeight: TextProps['fontWeight'];
|
|
67
|
-
$lineHeight: TextProps['lineHeight'];
|
|
68
|
-
$noWrap: TextProps['noWrap'];
|
|
69
|
-
$variant: TextProps['variant'];
|
|
70
|
-
$theme: TextProps['theme'];
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
export { StyledTextProps as S, TextVariant as T, TextComponent as a, TextProps as b };
|
package/_internal/types.d29.ts
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, ReactNode, MutableRefObject, ChangeEvent } from 'react';
|
|
2
|
-
import { b as IconProps } from './types.d17.ts';
|
|
3
|
-
import { b as IconButtonProps } from './types.d16.ts';
|
|
4
|
-
import { a as PillProps } from './types.d20.ts';
|
|
5
|
-
import { V as ValueOf } from './helpers.js';
|
|
6
|
-
import { B as ButtonsColorPalette, T as Theme } from './colors.js';
|
|
7
|
-
import { h as StylingProps } from './styles.d2.ts';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Component variant.
|
|
11
|
-
*/
|
|
12
|
-
declare const TextFieldVariant: {
|
|
13
|
-
readonly default: "default";
|
|
14
|
-
readonly underline: "underline";
|
|
15
|
-
};
|
|
16
|
-
type TextFieldVariant = ValueOf<typeof TextFieldVariant>;
|
|
17
|
-
/**
|
|
18
|
-
* Component color.
|
|
19
|
-
*/
|
|
20
|
-
type TextFieldColor = ButtonsColorPalette;
|
|
21
|
-
/**
|
|
22
|
-
* Component props.
|
|
23
|
-
*/
|
|
24
|
-
interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
25
|
-
/** Whether the component can be autofocused. */
|
|
26
|
-
autoFocus?: boolean;
|
|
27
|
-
/** Color variant. */
|
|
28
|
-
color?: TextFieldColor;
|
|
29
|
-
/** Force color even when not focused. */
|
|
30
|
-
forceColor?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Default value.
|
|
33
|
-
* Used for uncontrolled version.
|
|
34
|
-
*/
|
|
35
|
-
defaultValue?: string;
|
|
36
|
-
/** Whether the clear button is displayed or not. */
|
|
37
|
-
hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;
|
|
38
|
-
/** Place for icon buttons between the clear button and the separator. */
|
|
39
|
-
internal?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
|
|
40
|
-
/** Place for icon buttons after the separator. */
|
|
41
|
-
after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
|
|
42
|
-
/** Custom props to pass to the input element. */
|
|
43
|
-
inputProps?: ComponentProps<'input'>;
|
|
44
|
-
/** Custom ref object to pass to the input element. */
|
|
45
|
-
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
46
|
-
/** @deprecated Whether the component should use the product colors or shades of grey. */
|
|
47
|
-
isColored?: boolean;
|
|
48
|
-
/** Whether the component is disabled or not. */
|
|
49
|
-
isDisabled?: boolean;
|
|
50
|
-
/** Whether the component is invalid or not. */
|
|
51
|
-
isInvalid?: boolean;
|
|
52
|
-
/** Whether the component is read only or not. */
|
|
53
|
-
isReadOnly?: boolean;
|
|
54
|
-
/** Whether the component is required or not. */
|
|
55
|
-
isRequired?: boolean;
|
|
56
|
-
/** Label */
|
|
57
|
-
label?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
60
|
-
* Can also be a ReactElement.
|
|
61
|
-
*/
|
|
62
|
-
leftIcon?: Omit<IconProps, 'ref'>;
|
|
63
|
-
/** Name to pass to the input element. */
|
|
64
|
-
name?: string;
|
|
65
|
-
/** Method to handle component change. */
|
|
66
|
-
onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
|
|
67
|
-
/** Method to handle component clear. */
|
|
68
|
-
onClear?(): void;
|
|
69
|
-
/** List of Pills. */
|
|
70
|
-
pills?: Omit<PillProps, 'ref'>[];
|
|
71
|
-
/** Placeholder. */
|
|
72
|
-
placeholder?: string;
|
|
73
|
-
/** Theme. */
|
|
74
|
-
theme?: Theme;
|
|
75
|
-
/** Input type. */
|
|
76
|
-
type?: string;
|
|
77
|
-
/**
|
|
78
|
-
* Input value.
|
|
79
|
-
* Used for controlled version.
|
|
80
|
-
*/
|
|
81
|
-
value?: string;
|
|
82
|
-
/** TextField variant. */
|
|
83
|
-
variant?: TextFieldVariant;
|
|
84
|
-
}
|
|
85
|
-
type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
|
|
86
|
-
$color: TextFieldProps['color'];
|
|
87
|
-
$isGradient: boolean;
|
|
88
|
-
$hasLeftIcon: boolean;
|
|
89
|
-
$hasContent: boolean;
|
|
90
|
-
$isDisabled: TextFieldProps['isDisabled'];
|
|
91
|
-
$isInvalid: TextFieldProps['isInvalid'];
|
|
92
|
-
$isFocused: boolean;
|
|
93
|
-
$isFocusVisible: boolean;
|
|
94
|
-
$isRequired: TextFieldProps['isRequired'];
|
|
95
|
-
$theme: TextFieldProps['theme'];
|
|
96
|
-
$variant: TextFieldProps['variant'];
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
export { StyledTextFieldProps as S, TextFieldVariant as T, TextFieldColor as a, TextFieldProps as b };
|
package/_internal/types.d3.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, ElementType } from 'react';
|
|
2
|
-
import { T as Theme } from './colors.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component props.
|
|
6
|
-
*/
|
|
7
|
-
interface BreadcrumbItemProps extends ComponentProps<'a'> {
|
|
8
|
-
/** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
|
|
9
|
-
as?: 'a' | ElementType;
|
|
10
|
-
/** Whether the breadcrumb item is the current page. */
|
|
11
|
-
isCurrent?: boolean;
|
|
12
|
-
/** Whether the component is disabled or not. */
|
|
13
|
-
isDisabled?: boolean;
|
|
14
|
-
/** Theme. */
|
|
15
|
-
theme?: Theme;
|
|
16
|
-
}
|
|
17
|
-
type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
|
|
18
|
-
$isCurrent: BreadcrumbItemProps['isCurrent'];
|
|
19
|
-
$isDisabled: BreadcrumbItemProps['isDisabled'];
|
|
20
|
-
$theme: BreadcrumbItemProps['theme'];
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { BreadcrumbItemProps as B, StyledBreadcrumbItemProps as S };
|
package/_internal/types.d4.ts
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { b as IconProps } from './types.d17.ts';
|
|
3
|
-
import { V as ValueOf } from './helpers.js';
|
|
4
|
-
import { B as ButtonsColorPalette, T as Theme } from './colors.js';
|
|
5
|
-
import { h as StylingProps } from './styles.d2.ts';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Component variant.
|
|
9
|
-
*/
|
|
10
|
-
declare const ButtonVariant: {
|
|
11
|
-
readonly primary: "primary";
|
|
12
|
-
readonly secondary: "secondary";
|
|
13
|
-
readonly unstyled: "unstyled";
|
|
14
|
-
};
|
|
15
|
-
type ButtonVariant = ValueOf<typeof ButtonVariant>;
|
|
16
|
-
/**
|
|
17
|
-
* Component color.
|
|
18
|
-
*/
|
|
19
|
-
type ButtonColor = ButtonsColorPalette;
|
|
20
|
-
/**
|
|
21
|
-
* Component props.
|
|
22
|
-
*/
|
|
23
|
-
interface ButtonProps extends ComponentProps<'button'>, StylingProps {
|
|
24
|
-
/** Color variant. */
|
|
25
|
-
color?: ButtonColor;
|
|
26
|
-
/** Whether the component take the full width or not. */
|
|
27
|
-
fullWidth?: boolean;
|
|
28
|
-
/** Whether the component is active or not. */
|
|
29
|
-
isActive?: boolean;
|
|
30
|
-
/** Whether the component is disabled or not. */
|
|
31
|
-
isDisabled?: boolean;
|
|
32
|
-
/** Whether the component is hovered or not. */
|
|
33
|
-
isHovered?: boolean;
|
|
34
|
-
/** Whether the component is in a loading state or not. */
|
|
35
|
-
isLoading?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
38
|
-
* Can also be a ReactElement.
|
|
39
|
-
*/
|
|
40
|
-
leftIcon?: IconProps['icon'];
|
|
41
|
-
/** Props to add to the left icon. */
|
|
42
|
-
leftIconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
43
|
-
/**
|
|
44
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
45
|
-
* Can also be a ReactElement.
|
|
46
|
-
*/
|
|
47
|
-
rightIcon?: IconProps['icon'];
|
|
48
|
-
/** Props to add to the right icon. */
|
|
49
|
-
rightIconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
50
|
-
/** Theme. */
|
|
51
|
-
theme?: Theme;
|
|
52
|
-
/** Button variant. */
|
|
53
|
-
variant?: ButtonVariant;
|
|
54
|
-
}
|
|
55
|
-
type StyledButtonProps = ButtonProps & {
|
|
56
|
-
$color: ButtonProps['color'];
|
|
57
|
-
$fullWidth?: ButtonProps['fullWidth'];
|
|
58
|
-
$isActive: ButtonProps['isActive'];
|
|
59
|
-
$isDisabled: ButtonProps['isDisabled'];
|
|
60
|
-
$isGradient: boolean;
|
|
61
|
-
$isHovered: ButtonProps['isHovered'];
|
|
62
|
-
$isLoading: ButtonProps['isLoading'];
|
|
63
|
-
$theme: ButtonProps['theme'];
|
|
64
|
-
$variant: ButtonProps['variant'];
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
export { ButtonVariant as B, StyledButtonProps as S, ButtonColor as a, ButtonProps as b };
|
package/_internal/types.d5.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { C as ContainerProps } from './styles.d2.ts';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component props.
|
|
6
|
-
*/
|
|
7
|
-
interface CardActionsProps extends ComponentProps<'div'>, ContainerProps {
|
|
8
|
-
}
|
|
9
|
-
type StyledCardActionsProps = CardActionsProps;
|
|
10
|
-
|
|
11
|
-
export { CardActionsProps as C, StyledCardActionsProps as S };
|
package/_internal/types.d6.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { C as ContainerProps } from './styles.d2.ts';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component props.
|
|
6
|
-
*/
|
|
7
|
-
interface CardBodyProps extends ComponentProps<'div'>, ContainerProps {
|
|
8
|
-
}
|
|
9
|
-
type StyledCardBodyProps = CardBodyProps;
|
|
10
|
-
|
|
11
|
-
export { CardBodyProps as C, StyledCardBodyProps as S };
|