@czi-sds/components 23.7.0 → 23.8.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/README.md +25 -338
- package/dist/index.cjs.d.ts +2009 -1787
- package/dist/index.cjs.js +18613 -15449
- package/dist/index.esm.d.ts +2009 -1787
- package/dist/index.esm.js +18268 -15213
- package/dist/variables.css +0 -1
- package/package.json +10 -11
- package/dist/tsconfig.tsbuildinfo +0 -1
package/dist/index.esm.d.ts
CHANGED
|
@@ -1,408 +1,372 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import
|
|
3
|
-
import { AccordionProps as RawAccordionProps } from "@mui/material";
|
|
4
|
-
import { AccordionDetailsProps as RawAccordionDetailsProps } from "@mui/material";
|
|
5
|
-
import { AccordionSummaryProps as RawAccordionSummaryProps } from "@mui/material";
|
|
6
|
-
import { AutocompleteChangeDetails as AutocompleteChangeDetails$0 } from "@mui/material";
|
|
7
|
-
import { AutocompleteChangeReason as AutocompleteChangeReason$0 } from "@mui/material";
|
|
8
|
-
import { AutocompleteCloseReason as AutocompleteCloseReason$0 } from "@mui/material";
|
|
9
|
-
import { AutocompleteValue as AutocompleteValue$0 } from "@mui/material";
|
|
10
|
-
import { AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
|
|
11
|
-
import { TextFieldProps as RawTextFieldSearchProps } from "@mui/material";
|
|
12
|
-
import { MenuItemProps as RawMenuItemProps } from "@mui/material";
|
|
13
|
-
import { ClickAwayListenerProps as MUIClickAwayListenerProps } from "@mui/material";
|
|
14
|
-
import { ButtonProps as RawButtonProps } from "@mui/material";
|
|
15
|
-
import { ButtonGroupProps as RawButtonGroupProps } from "@mui/material";
|
|
16
|
-
import { IconButtonProps as RawButtonIconProps } from "@mui/material";
|
|
17
|
-
import { ButtonProps as ButtonProps$0 } from "@mui/material";
|
|
18
|
-
import { TooltipProps as RawTooltipProps } from "@mui/material";
|
|
19
|
-
import { ChipProps as RawChipProps } from "@mui/material";
|
|
20
|
-
import { DialogProps as RawDialogProps } from "@mui/material";
|
|
21
|
-
import { DialogActionsProps as RawDialogActionsProps } from "@mui/material";
|
|
22
|
-
import { DialogContentProps as RawDialogContentProps } from "@mui/material";
|
|
23
|
-
import { DialogTitleProps as RawDialogTitleProps } from "@mui/material";
|
|
24
|
-
import { CheckboxProps as MUICheckboxProps } from "@mui/material";
|
|
25
|
-
import { RadioProps as MUIRadioProps } from "@mui/material";
|
|
26
|
-
import { TextFieldProps as RawTextFieldProps } from "@mui/material";
|
|
27
|
-
import { LinkProps as RawLinkProps } from "@mui/material";
|
|
28
|
-
import { ListProps as RawListProps } from "@mui/material";
|
|
29
|
-
import { ListItemProps as RawListItemProps } from "@mui/material";
|
|
30
|
-
import { ListSubheaderProps as RawListSubheaderProps } from "@mui/material";
|
|
31
|
-
import { MenuProps as RawMenuProps } from "@mui/material";
|
|
32
|
-
import { ChipProps as ChipProps$0 } from "@mui/material";
|
|
33
|
-
import { LinkProps as LinkProps$0 } from "@mui/material";
|
|
34
|
-
import { MenuProps as MenuProps$0 } from "@mui/material";
|
|
35
|
-
import { PopoverProps as RawPopoverProps } from "@mui/material";
|
|
36
|
-
import { TabProps as RawTabProps } from "@mui/material";
|
|
37
|
-
import { TabsProps as RawTabsProps } from "@mui/material";
|
|
38
|
-
import React from "react";
|
|
39
|
-
import { CSSProperties, ReactElement, ReactNode, SyntheticEvent, HTMLAttributeAnchorTarget, ComponentType, HTMLAttributes, ElementType } from "react";
|
|
40
|
-
import { Theme, ThemeOptions, TypographyStyle, Breakpoints, PaletteOptions } from "@mui/material/styles";
|
|
2
|
+
import React$1, { CSSProperties, ComponentType, ElementType, HTMLAttributeAnchorTarget, HTMLAttributes, ReactElement, ReactNode, SyntheticEvent } from "react";
|
|
41
3
|
import { SerializedStyles } from "@emotion/react";
|
|
42
|
-
import { AlertProps } from "@mui/
|
|
43
|
-
import {
|
|
4
|
+
import { AccordionDetailsProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, AlertProps, AppBarProps, Autocomplete as Autocomplete$1, AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteCloseReason, AutocompleteInputChangeReason, AutocompleteProps as AutocompleteProps$1, AutocompleteRenderInputParams, AutocompleteValue, ButtonGroupProps as ButtonGroupProps$1, ButtonProps as ButtonProps$1, CardMedia, CardMediaProps, CardProps, CheckboxProps as CheckboxProps$1, ChipProps as ChipProps$1, ClickAwayListenerProps, DialogActionsProps as DialogActionsProps$1, DialogContentProps as DialogContentProps$1, DialogProps as DialogProps$1, DialogTitleProps as DialogTitleProps$1, DrawerProps, IconButtonProps as IconButtonProps$1, LinkProps as LinkProps$1, ListItemProps as ListItemProps$1, ListProps as ListProps$1, ListSubheaderProps as ListSubheaderProps$1, MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$1, PaletteMode, PaperProps, PopoverProps as PopoverProps$1, PopperProps, RadioProps as RadioProps$1, SliderProps, Switch, SwitchProps, TabProps as TabProps$1, TabsProps as TabsProps$1, TextFieldProps, ToggleButtonGroupProps, TooltipProps as TooltipProps$1 } from "@mui/material";
|
|
5
|
+
import { Breakpoints, PaletteOptions, Theme as Theme$1, ThemeOptions, TypographyStyle } from "@mui/material/styles";
|
|
6
|
+
import { Column, ColumnDef, RowData, Table as Table$2, TableOptions } from "@tanstack/react-table";
|
|
7
|
+
import { AutocompleteChangeDetails as AutocompleteChangeDetails$1, AutocompleteChangeReason as AutocompleteChangeReason$1, AutocompleteCloseReason as AutocompleteCloseReason$1, AutocompleteValue as AutocompleteValue$1 } from "@mui/material/useAutocomplete";
|
|
44
8
|
import { AlertTitleProps } from "@mui/material/AlertTitle";
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
import { Column, ColumnDef, TableOptions, RowData } from "@tanstack/react-table";
|
|
48
|
-
import { Table as TanstackTable } from "@tanstack/react-table";
|
|
9
|
+
|
|
10
|
+
//#region src/core/Accordion/components/AccordionDetails/index.d.ts
|
|
49
11
|
interface SdsAccordionDetailsProps {
|
|
50
|
-
|
|
12
|
+
id?: string;
|
|
51
13
|
}
|
|
52
|
-
type AccordionDetailsProps =
|
|
53
|
-
declare const AccordionDetails: (props: AccordionDetailsProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
type AccordionDetailsProps$1 = AccordionDetailsProps & SdsAccordionDetailsProps;
|
|
15
|
+
declare const AccordionDetails: (props: AccordionDetailsProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/core/Accordion/components/AccordionHeader/index.d.ts
|
|
54
18
|
interface SdsAccordionHeaderProps {
|
|
55
|
-
|
|
56
|
-
|
|
19
|
+
subtitle?: string;
|
|
20
|
+
chevronSize?: "xs" | "s";
|
|
57
21
|
}
|
|
58
|
-
type AccordionHeaderProps =
|
|
22
|
+
type AccordionHeaderProps = AccordionSummaryProps & SdsAccordionHeaderProps;
|
|
59
23
|
declare const AccordionHeader: (props: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/core/styles/common/types.d.ts
|
|
60
26
|
interface AccentColor {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
27
|
+
surfacePrimary: string;
|
|
28
|
+
surfaceSecondary: string;
|
|
29
|
+
surfaceSecondaryOnDark: string;
|
|
30
|
+
textAction: string;
|
|
31
|
+
textActionHover: string;
|
|
32
|
+
textActionPressed: string;
|
|
33
|
+
fillHover: string;
|
|
34
|
+
fillPressed: string;
|
|
35
|
+
fillPrimary: string;
|
|
36
|
+
foreground: string;
|
|
37
|
+
foregroundOnDark: string;
|
|
38
|
+
foregroundInteraction: string;
|
|
39
|
+
foregroundInteractionOnDark: string;
|
|
40
|
+
foregroundPressed: string;
|
|
41
|
+
foregroundPressedOnDark: string;
|
|
42
|
+
foregroundActive: string;
|
|
43
|
+
fillInteraction: string;
|
|
44
|
+
border: string;
|
|
45
|
+
borderHover: string;
|
|
46
|
+
borderPressed: string;
|
|
47
|
+
borderOpen: string;
|
|
48
|
+
borderFocus: string;
|
|
49
|
+
borderSelected: string;
|
|
50
|
+
ornament: string;
|
|
51
|
+
ornamentHover: string;
|
|
52
|
+
ornamentPressed: string;
|
|
53
|
+
ornamentOpen: string;
|
|
54
|
+
ornamentFocus: string;
|
|
55
|
+
ornamentSelected: string;
|
|
90
56
|
}
|
|
91
57
|
interface BaseColor {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
58
|
+
backgroundPrimary: string;
|
|
59
|
+
backgroundPrimaryDark: string;
|
|
60
|
+
backgroundPrimaryInverse: string;
|
|
61
|
+
backgroundSecondary: string;
|
|
62
|
+
backgroundSecondaryDark: string;
|
|
63
|
+
backgroundSecondaryInverse: string;
|
|
64
|
+
backgroundTertiary: string;
|
|
65
|
+
surfacePrimary: string;
|
|
66
|
+
surfaceSecondary: string;
|
|
67
|
+
surfacePrimaryDark: string;
|
|
68
|
+
surfaceInverse: string;
|
|
69
|
+
textPrimary: string;
|
|
70
|
+
textPrimaryOnDark: string;
|
|
71
|
+
textPrimaryInverse: string;
|
|
72
|
+
textSecondary: string;
|
|
73
|
+
textSecondaryOnDark: string;
|
|
74
|
+
textSecondaryInverse: string;
|
|
75
|
+
textTertiary: string;
|
|
76
|
+
textTertiaryOnDark: string;
|
|
77
|
+
textTertiaryInverse: string;
|
|
78
|
+
textDisabled: string;
|
|
79
|
+
textDisabledOnDark: string;
|
|
80
|
+
textDisabledInverse: string;
|
|
81
|
+
textOnFill: string;
|
|
82
|
+
fillPrimaryInteraction: string;
|
|
83
|
+
fillPrimaryInteractionOnDark: string;
|
|
84
|
+
fillHoverInverse: string;
|
|
85
|
+
fillPrimaryPressed: string;
|
|
86
|
+
fillPrimaryPressedOnDark: string;
|
|
87
|
+
fillPressedInverse: string;
|
|
88
|
+
fillPrimary: string;
|
|
89
|
+
fillOpenInverse: string;
|
|
90
|
+
fillSelected: string;
|
|
91
|
+
fillDisabled: string;
|
|
92
|
+
fillSecondary: string;
|
|
93
|
+
fillSecondaryInteraction: string;
|
|
94
|
+
fillSecondaryPressed: string;
|
|
95
|
+
fillSecondaryOnDark: string;
|
|
96
|
+
fillSecondaryInteractionOnDark: string;
|
|
97
|
+
fillSecondaryPressedOnDark: string;
|
|
98
|
+
fillDisabledOnDark: string;
|
|
99
|
+
divider: string;
|
|
100
|
+
dividerOnDark: string;
|
|
101
|
+
dividerInverse: string;
|
|
102
|
+
borderPrimary: string;
|
|
103
|
+
borderPrimaryOnDark: string;
|
|
104
|
+
borderPrimaryInverse: string;
|
|
105
|
+
borderSecondary: string;
|
|
106
|
+
borderPrimaryInteraction: string;
|
|
107
|
+
borderPrimaryInteractionOnDark: string;
|
|
108
|
+
borderPrimaryHoverInverse: string;
|
|
109
|
+
borderOnFill: string;
|
|
110
|
+
borderPrimaryPressedInverse: string;
|
|
111
|
+
borderPrimaryDisabled: string;
|
|
112
|
+
borderPrimaryDisabledOnDark: string;
|
|
113
|
+
borderPrimaryDisabledInverse: string;
|
|
114
|
+
borderSecondaryOnDark: string;
|
|
115
|
+
ornamentDisabled: string;
|
|
116
|
+
ornamentDisabledOnDark: string;
|
|
117
|
+
ornamentDisabledInverse: string;
|
|
118
|
+
ornamentOnFill: string;
|
|
119
|
+
ornamentPrimary: string;
|
|
120
|
+
ornamentPrimaryOnDark: string;
|
|
121
|
+
ornamentPrimaryInverse: string;
|
|
122
|
+
ornamentSecondary: string;
|
|
123
|
+
ornamentSecondaryOnDark: string;
|
|
124
|
+
ornamentSecondaryInverse: string;
|
|
125
|
+
ornamentSecondaryInteraction: string;
|
|
126
|
+
ornamentSecondaryInteractionOnDark: string;
|
|
127
|
+
ornamentSecondaryHoverInverse: string;
|
|
128
|
+
ornamentSecondaryPressedInverse: string;
|
|
163
129
|
}
|
|
164
130
|
interface IntentColor {
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
131
|
+
surfacePrimary: string;
|
|
132
|
+
surfaceSecondary: string;
|
|
133
|
+
text: string;
|
|
134
|
+
fillPrimary: string;
|
|
135
|
+
fillSecondary: string;
|
|
136
|
+
fillHover: string;
|
|
137
|
+
fillPressed: string;
|
|
138
|
+
border: string;
|
|
139
|
+
ornament: string;
|
|
140
|
+
foreground: string;
|
|
141
|
+
foregroundOnDark: string;
|
|
142
|
+
foregroundInteraction: string;
|
|
143
|
+
foregroundInteractionOnDark: string;
|
|
144
|
+
foregroundPressed: string;
|
|
145
|
+
foregroundPressedOnDark: string;
|
|
146
|
+
fillInteraction: string;
|
|
181
147
|
}
|
|
182
148
|
/**
|
|
183
149
|
* (masoudmanson): The SDSPalette is a custom palette based on
|
|
184
150
|
* the semantic design tokens for the SDS components.
|
|
185
151
|
*/
|
|
186
152
|
interface SDSPalette {
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
153
|
+
accent: AccentColor;
|
|
154
|
+
base: BaseColor;
|
|
155
|
+
beta: IntentColor;
|
|
156
|
+
info: IntentColor;
|
|
157
|
+
negative: IntentColor;
|
|
158
|
+
notice: IntentColor;
|
|
159
|
+
neutral: IntentColor;
|
|
160
|
+
positive: IntentColor;
|
|
195
161
|
}
|
|
196
162
|
/**
|
|
197
163
|
* (masoudmanson): Using module augmentation to extend the MUI Palette
|
|
198
164
|
* https://mui.com/material-ui/customization/palette/#typescript
|
|
199
165
|
*/
|
|
200
166
|
declare module "@mui/material/styles" {
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
interface SDSTheme extends Theme {
|
|
223
|
-
app?: AppTheme;
|
|
167
|
+
interface Palette {
|
|
168
|
+
sds: SDSPalette;
|
|
169
|
+
}
|
|
170
|
+
interface PaletteOptions {
|
|
171
|
+
sds?: SDSPalette;
|
|
172
|
+
}
|
|
173
|
+
/**
|
|
174
|
+
* @see https://mui.com/material-ui/customization/breakpoints/#custom-breakpoints
|
|
175
|
+
* (masoudmanson): ModuleAugmentation is required for TypeScript to recognize the
|
|
176
|
+
* custom breakpoints added to the theme.
|
|
177
|
+
*/
|
|
178
|
+
interface BreakpointOverrides {
|
|
179
|
+
xs: false;
|
|
180
|
+
sm: true;
|
|
181
|
+
md: true;
|
|
182
|
+
lg: true;
|
|
183
|
+
xl: false;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
interface SDSTheme extends Theme$1 {
|
|
187
|
+
app?: AppTheme;
|
|
224
188
|
}
|
|
225
189
|
interface SDSThemeOptions extends ThemeOptions {
|
|
226
|
-
|
|
190
|
+
app?: AppTheme;
|
|
227
191
|
}
|
|
228
192
|
interface AppTheme {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
193
|
+
borders?: Borders;
|
|
194
|
+
colors: Colors;
|
|
195
|
+
corners: Corners;
|
|
196
|
+
fontWeights: FontWeights;
|
|
197
|
+
iconSizes: IconSizes;
|
|
198
|
+
shadows: Shadows;
|
|
199
|
+
spacing: Spaces;
|
|
200
|
+
typography: Typography;
|
|
237
201
|
}
|
|
238
202
|
interface Shadows {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
203
|
+
none: "none";
|
|
204
|
+
s: string;
|
|
205
|
+
m: string;
|
|
206
|
+
l: string;
|
|
243
207
|
}
|
|
244
208
|
interface TypographyStyles {
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
};
|
|
255
|
-
medium: {
|
|
256
|
-
l: TypographyStyle;
|
|
257
|
-
m: TypographyStyle;
|
|
258
|
-
s: TypographyStyle;
|
|
259
|
-
xs: TypographyStyle;
|
|
260
|
-
xxs: TypographyStyle;
|
|
261
|
-
xxxs: TypographyStyle;
|
|
262
|
-
xxxxs: TypographyStyle;
|
|
263
|
-
};
|
|
264
|
-
semibold: {
|
|
265
|
-
l: TypographyStyle;
|
|
266
|
-
m: TypographyStyle;
|
|
267
|
-
s: TypographyStyle;
|
|
268
|
-
xs: TypographyStyle;
|
|
269
|
-
xxs: TypographyStyle;
|
|
270
|
-
xxxs: TypographyStyle;
|
|
271
|
-
xxxxs: TypographyStyle;
|
|
272
|
-
};
|
|
209
|
+
body: {
|
|
210
|
+
regular: {
|
|
211
|
+
l: TypographyStyle;
|
|
212
|
+
m: TypographyStyle;
|
|
213
|
+
s: TypographyStyle;
|
|
214
|
+
xs: TypographyStyle;
|
|
215
|
+
xxs: TypographyStyle;
|
|
216
|
+
xxxs: TypographyStyle;
|
|
217
|
+
xxxxs: TypographyStyle;
|
|
273
218
|
};
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
219
|
+
medium: {
|
|
220
|
+
l: TypographyStyle;
|
|
221
|
+
m: TypographyStyle;
|
|
222
|
+
s: TypographyStyle;
|
|
223
|
+
xs: TypographyStyle;
|
|
224
|
+
xxs: TypographyStyle;
|
|
225
|
+
xxxs: TypographyStyle;
|
|
226
|
+
xxxxs: TypographyStyle;
|
|
280
227
|
};
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
};
|
|
290
|
-
semibold: {
|
|
291
|
-
s: TypographyStyle;
|
|
292
|
-
xs: TypographyStyle;
|
|
293
|
-
};
|
|
228
|
+
semibold: {
|
|
229
|
+
l: TypographyStyle;
|
|
230
|
+
m: TypographyStyle;
|
|
231
|
+
s: TypographyStyle;
|
|
232
|
+
xs: TypographyStyle;
|
|
233
|
+
xxs: TypographyStyle;
|
|
234
|
+
xxxs: TypographyStyle;
|
|
235
|
+
xxxxs: TypographyStyle;
|
|
294
236
|
};
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
s: TypographyStyle;
|
|
302
|
-
xs: TypographyStyle;
|
|
303
|
-
xxs: TypographyStyle;
|
|
304
|
-
xxxs: TypographyStyle;
|
|
305
|
-
};
|
|
237
|
+
};
|
|
238
|
+
caps: {
|
|
239
|
+
semibold: {
|
|
240
|
+
xxs: TypographyStyle;
|
|
241
|
+
xxxs: TypographyStyle;
|
|
242
|
+
xxxxs: TypographyStyle;
|
|
306
243
|
};
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
xs: TypographyStyle;
|
|
313
|
-
xxs: TypographyStyle;
|
|
314
|
-
xxxs: TypographyStyle;
|
|
315
|
-
xxxxs: TypographyStyle;
|
|
316
|
-
};
|
|
317
|
-
medium: {
|
|
318
|
-
l: TypographyStyle;
|
|
319
|
-
m: TypographyStyle;
|
|
320
|
-
s: TypographyStyle;
|
|
321
|
-
xs: TypographyStyle;
|
|
322
|
-
xxs: TypographyStyle;
|
|
323
|
-
xxxs: TypographyStyle;
|
|
324
|
-
xxxxs: TypographyStyle;
|
|
325
|
-
};
|
|
326
|
-
semibold: {
|
|
327
|
-
l: TypographyStyle;
|
|
328
|
-
m: TypographyStyle;
|
|
329
|
-
s: TypographyStyle;
|
|
330
|
-
xs: TypographyStyle;
|
|
331
|
-
xxs: TypographyStyle;
|
|
332
|
-
xxxs: TypographyStyle;
|
|
333
|
-
xxxxs: TypographyStyle;
|
|
334
|
-
};
|
|
244
|
+
};
|
|
245
|
+
code: {
|
|
246
|
+
regular: {
|
|
247
|
+
s: TypographyStyle;
|
|
248
|
+
xs: TypographyStyle;
|
|
335
249
|
};
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
xs: TypographyStyle;
|
|
340
|
-
xxs: TypographyStyle;
|
|
341
|
-
xxxs: TypographyStyle;
|
|
342
|
-
xxxxs: TypographyStyle;
|
|
343
|
-
};
|
|
344
|
-
medium: {
|
|
345
|
-
s: TypographyStyle;
|
|
346
|
-
xs: TypographyStyle;
|
|
347
|
-
xxs: TypographyStyle;
|
|
348
|
-
xxxs: TypographyStyle;
|
|
349
|
-
xxxxs: TypographyStyle;
|
|
350
|
-
};
|
|
351
|
-
semibold: {
|
|
352
|
-
s: TypographyStyle;
|
|
353
|
-
xs: TypographyStyle;
|
|
354
|
-
xxs: TypographyStyle;
|
|
355
|
-
xxxs: TypographyStyle;
|
|
356
|
-
xxxxs: TypographyStyle;
|
|
357
|
-
};
|
|
250
|
+
medium: {
|
|
251
|
+
s: TypographyStyle;
|
|
252
|
+
xs: TypographyStyle;
|
|
358
253
|
};
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
254
|
+
semibold: {
|
|
255
|
+
s: TypographyStyle;
|
|
256
|
+
xs: TypographyStyle;
|
|
257
|
+
};
|
|
258
|
+
};
|
|
259
|
+
header: {
|
|
260
|
+
semibold: {
|
|
261
|
+
xxl: TypographyStyle;
|
|
262
|
+
xl: TypographyStyle;
|
|
263
|
+
l: TypographyStyle;
|
|
264
|
+
m: TypographyStyle;
|
|
265
|
+
s: TypographyStyle;
|
|
266
|
+
xs: TypographyStyle;
|
|
267
|
+
xxs: TypographyStyle;
|
|
268
|
+
xxxs: TypographyStyle;
|
|
269
|
+
};
|
|
270
|
+
};
|
|
271
|
+
link: {
|
|
272
|
+
regular: {
|
|
273
|
+
l: TypographyStyle;
|
|
274
|
+
m: TypographyStyle;
|
|
275
|
+
s: TypographyStyle;
|
|
276
|
+
xs: TypographyStyle;
|
|
277
|
+
xxs: TypographyStyle;
|
|
278
|
+
xxxs: TypographyStyle;
|
|
279
|
+
xxxxs: TypographyStyle;
|
|
280
|
+
};
|
|
281
|
+
medium: {
|
|
282
|
+
l: TypographyStyle;
|
|
283
|
+
m: TypographyStyle;
|
|
284
|
+
s: TypographyStyle;
|
|
285
|
+
xs: TypographyStyle;
|
|
286
|
+
xxs: TypographyStyle;
|
|
287
|
+
xxxs: TypographyStyle;
|
|
288
|
+
xxxxs: TypographyStyle;
|
|
289
|
+
};
|
|
290
|
+
semibold: {
|
|
291
|
+
l: TypographyStyle;
|
|
292
|
+
m: TypographyStyle;
|
|
293
|
+
s: TypographyStyle;
|
|
294
|
+
xs: TypographyStyle;
|
|
295
|
+
xxs: TypographyStyle;
|
|
296
|
+
xxxs: TypographyStyle;
|
|
297
|
+
xxxxs: TypographyStyle;
|
|
298
|
+
};
|
|
299
|
+
};
|
|
300
|
+
tabular: {
|
|
301
|
+
regular: {
|
|
302
|
+
s: TypographyStyle;
|
|
303
|
+
xs: TypographyStyle;
|
|
304
|
+
xxs: TypographyStyle;
|
|
305
|
+
xxxs: TypographyStyle;
|
|
306
|
+
xxxxs: TypographyStyle;
|
|
307
|
+
};
|
|
308
|
+
medium: {
|
|
309
|
+
s: TypographyStyle;
|
|
310
|
+
xs: TypographyStyle;
|
|
311
|
+
xxs: TypographyStyle;
|
|
312
|
+
xxxs: TypographyStyle;
|
|
313
|
+
xxxxs: TypographyStyle;
|
|
365
314
|
};
|
|
315
|
+
semibold: {
|
|
316
|
+
s: TypographyStyle;
|
|
317
|
+
xs: TypographyStyle;
|
|
318
|
+
xxs: TypographyStyle;
|
|
319
|
+
xxxs: TypographyStyle;
|
|
320
|
+
xxxxs: TypographyStyle;
|
|
321
|
+
};
|
|
322
|
+
};
|
|
323
|
+
title: {
|
|
324
|
+
bold: {
|
|
325
|
+
s: TypographyStyle;
|
|
326
|
+
m: TypographyStyle;
|
|
327
|
+
l: TypographyStyle;
|
|
328
|
+
};
|
|
329
|
+
};
|
|
366
330
|
}
|
|
367
331
|
interface Typography {
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
332
|
+
fontFamily: {
|
|
333
|
+
body: CSSProperties["fontFamily"];
|
|
334
|
+
caps?: CSSProperties["fontFamily"];
|
|
335
|
+
code?: CSSProperties["fontFamily"];
|
|
336
|
+
header?: CSSProperties["fontFamily"];
|
|
337
|
+
link?: CSSProperties["fontFamily"];
|
|
338
|
+
tabular?: CSSProperties["fontFamily"];
|
|
339
|
+
title?: CSSProperties["fontFamily"];
|
|
340
|
+
};
|
|
341
|
+
wideStyles: TypographyStyles;
|
|
342
|
+
narrowStyles: TypographyStyles;
|
|
379
343
|
}
|
|
380
344
|
interface FontWeights {
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
345
|
+
bold: number;
|
|
346
|
+
light: number;
|
|
347
|
+
medium: number;
|
|
348
|
+
regular: number;
|
|
349
|
+
semibold: number;
|
|
386
350
|
}
|
|
387
351
|
interface Corners {
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
352
|
+
none: number;
|
|
353
|
+
s: number;
|
|
354
|
+
m: number;
|
|
355
|
+
l: number;
|
|
356
|
+
xl: number;
|
|
357
|
+
rounded: number;
|
|
394
358
|
}
|
|
395
359
|
interface Spaces {
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
360
|
+
default: number;
|
|
361
|
+
xxxs: number;
|
|
362
|
+
xxs: number;
|
|
363
|
+
xs: number;
|
|
364
|
+
s: number;
|
|
365
|
+
m: number;
|
|
366
|
+
l: number;
|
|
367
|
+
xl: number;
|
|
368
|
+
xxl: number;
|
|
369
|
+
xxxl: number;
|
|
406
370
|
}
|
|
407
371
|
/**
|
|
408
372
|
* @deprecated
|
|
@@ -412,84 +376,90 @@ interface Spaces {
|
|
|
412
376
|
*/
|
|
413
377
|
type Spacings = Spaces;
|
|
414
378
|
interface Color {
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
379
|
+
900?: string;
|
|
380
|
+
800: string;
|
|
381
|
+
700: string;
|
|
382
|
+
600: string;
|
|
383
|
+
500: string;
|
|
384
|
+
400: string;
|
|
385
|
+
300: string;
|
|
386
|
+
200: string;
|
|
387
|
+
100: string;
|
|
388
|
+
75?: string;
|
|
389
|
+
50?: string;
|
|
426
390
|
}
|
|
427
391
|
interface Colors {
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
392
|
+
blue: Color;
|
|
393
|
+
gray: Color;
|
|
394
|
+
indigo: Color;
|
|
395
|
+
green: Color;
|
|
396
|
+
purple: Color;
|
|
397
|
+
red: Color;
|
|
398
|
+
yellow: Color;
|
|
435
399
|
}
|
|
436
400
|
interface IconSize {
|
|
437
|
-
|
|
438
|
-
|
|
401
|
+
height: number;
|
|
402
|
+
width: number;
|
|
439
403
|
}
|
|
440
404
|
interface IconSizes {
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
405
|
+
xxs: IconSize;
|
|
406
|
+
xs: IconSize;
|
|
407
|
+
s: IconSize;
|
|
408
|
+
l: IconSize;
|
|
409
|
+
xl: IconSize;
|
|
410
|
+
input: IconSize;
|
|
447
411
|
}
|
|
448
412
|
interface Border {
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
413
|
+
default?: string;
|
|
414
|
+
divider?: string;
|
|
415
|
+
dividerInverse?: string;
|
|
416
|
+
black?: string;
|
|
417
|
+
solid?: string;
|
|
418
|
+
dashed?: string;
|
|
419
|
+
hover?: string;
|
|
420
|
+
inverse?: string;
|
|
421
|
+
disabled?: string;
|
|
422
|
+
table?: string;
|
|
423
|
+
pressed?: string;
|
|
424
|
+
open?: string;
|
|
425
|
+
focused?: string;
|
|
426
|
+
selected?: string;
|
|
427
|
+
thick?: string;
|
|
428
|
+
extraThick?: string;
|
|
465
429
|
}
|
|
466
430
|
interface Borders {
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
}
|
|
431
|
+
accent: Border;
|
|
432
|
+
base: Border;
|
|
433
|
+
beta: Border;
|
|
434
|
+
info: Border;
|
|
435
|
+
link: Border;
|
|
436
|
+
negative: Border;
|
|
437
|
+
neutral: Border;
|
|
438
|
+
none: string;
|
|
439
|
+
notice: Border;
|
|
440
|
+
positive: Border;
|
|
441
|
+
}
|
|
442
|
+
//#endregion
|
|
443
|
+
//#region src/core/styles/common/defaultTheme.d.ts
|
|
478
444
|
/**
|
|
479
445
|
* Theme adaptor with light/dark mode support.
|
|
480
446
|
*
|
|
481
447
|
* @param t The theme to use. Currently supports a light and dark variant.
|
|
482
448
|
* @returns The selected theme object to be used in the ThemeProvider
|
|
483
449
|
*/
|
|
484
|
-
declare const Theme
|
|
450
|
+
declare const Theme: (t: PaletteMode) => import("@mui/material").Theme;
|
|
485
451
|
/**
|
|
486
452
|
* Default theme, uses light mode with no option to change it.
|
|
487
453
|
*
|
|
488
454
|
* Use the `theme` export to get a flexible light/dark mode theme function
|
|
489
455
|
*/
|
|
490
456
|
declare const defaultTheme: import("@mui/material").Theme;
|
|
457
|
+
//#endregion
|
|
458
|
+
//#region src/core/styles/common/constants/colors.d.ts
|
|
491
459
|
declare const SDSLightThemeColors: Colors;
|
|
492
460
|
declare const SDSDarkThemeColors: Colors;
|
|
461
|
+
//#endregion
|
|
462
|
+
//#region src/core/styles/common/SDSAppTheme.d.ts
|
|
493
463
|
/**
|
|
494
464
|
* Create a SDS App Theme with custom colors that follows the SDS color model.
|
|
495
465
|
*/
|
|
@@ -511,63 +481,94 @@ declare const SDSChooseTheme: (theme: PaletteMode) => AppTheme;
|
|
|
511
481
|
* Please use `SDSAppTheme` instead. This export will be removed in the future.
|
|
512
482
|
*/
|
|
513
483
|
declare const defaultAppTheme: AppTheme;
|
|
484
|
+
//#endregion
|
|
485
|
+
//#region src/core/styles/common/makeThemeOptions.d.ts
|
|
514
486
|
declare const SDSPaletteLight: (appTheme: AppTheme) => SDSPalette;
|
|
515
487
|
declare const SDSPaletteDark: (appTheme: AppTheme) => SDSPalette;
|
|
516
488
|
/**
|
|
517
489
|
* This function creates the theme options for the MUI theme provider
|
|
518
490
|
*/
|
|
519
491
|
declare function makeThemeOptions(appTheme: AppTheme, mode: PaletteMode): SDSThemeOptions;
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
// Might be related to using `rollup-plugin-ts`, which does code splitting?
|
|
492
|
+
//#endregion
|
|
493
|
+
//#region src/core/styles/common/selectors/theme.d.ts
|
|
523
494
|
interface CommonThemeProps {
|
|
524
|
-
|
|
495
|
+
theme?: SDSTheme;
|
|
525
496
|
}
|
|
526
|
-
declare const getSpaces: ({
|
|
497
|
+
declare const getSpaces: ({
|
|
498
|
+
theme
|
|
499
|
+
}: CommonThemeProps) => Spaces | null;
|
|
527
500
|
/**
|
|
528
501
|
* @deprecated getSpacings() is deprecated and may be removed in a future release. Please use getSpaces()
|
|
529
502
|
*/
|
|
530
|
-
declare const getSpacings: ({
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
declare const
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
declare const
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
declare const
|
|
540
|
-
|
|
541
|
-
|
|
503
|
+
declare const getSpacings: ({
|
|
504
|
+
theme
|
|
505
|
+
}: CommonThemeProps) => Spaces | null;
|
|
506
|
+
declare const getTypography: ({
|
|
507
|
+
theme
|
|
508
|
+
}: CommonThemeProps) => Typography | null;
|
|
509
|
+
declare const getMode: ({
|
|
510
|
+
theme
|
|
511
|
+
}: CommonThemeProps) => "light" | "dark";
|
|
512
|
+
declare const getPalette: ({
|
|
513
|
+
theme
|
|
514
|
+
}: CommonThemeProps) => PaletteOptions;
|
|
515
|
+
declare const getColors: ({
|
|
516
|
+
theme
|
|
517
|
+
}: CommonThemeProps) => Colors | null;
|
|
518
|
+
declare const getSemanticColors: ({
|
|
519
|
+
theme
|
|
520
|
+
}: CommonThemeProps) => SDSPalette | null;
|
|
521
|
+
declare const getShadows: ({
|
|
522
|
+
theme
|
|
523
|
+
}: CommonThemeProps) => Shadows | null;
|
|
524
|
+
declare const getCorners: ({
|
|
525
|
+
theme
|
|
526
|
+
}: CommonThemeProps) => Corners | null;
|
|
527
|
+
declare const getFontWeights: ({
|
|
528
|
+
theme
|
|
529
|
+
}: CommonThemeProps) => FontWeights | null;
|
|
530
|
+
declare const getIconSizes: ({
|
|
531
|
+
theme
|
|
532
|
+
}: CommonThemeProps) => IconSizes | null;
|
|
533
|
+
declare const getBorders: ({
|
|
534
|
+
theme
|
|
535
|
+
}: CommonThemeProps) => Borders | null;
|
|
536
|
+
declare const getBreakpoints: ({
|
|
537
|
+
theme
|
|
538
|
+
}: CommonThemeProps) => Breakpoints | null;
|
|
539
|
+
//#endregion
|
|
540
|
+
//#region src/core/styles/common/mixins/a11y.d.ts
|
|
542
541
|
declare function focusVisibleA11yStyle(props: CommonThemeProps): string;
|
|
542
|
+
//#endregion
|
|
543
|
+
//#region src/core/styles/common/mixins/fonts.d.ts
|
|
543
544
|
declare const fontBody: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
545
|
+
regular: {
|
|
546
|
+
l: import("@mui/material").CSSProperties;
|
|
547
|
+
m: import("@mui/material").CSSProperties;
|
|
548
|
+
s: import("@mui/material").CSSProperties;
|
|
549
|
+
xs: import("@mui/material").CSSProperties;
|
|
550
|
+
xxs: import("@mui/material").CSSProperties;
|
|
551
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
552
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
553
|
+
};
|
|
554
|
+
medium: {
|
|
555
|
+
l: import("@mui/material").CSSProperties;
|
|
556
|
+
m: import("@mui/material").CSSProperties;
|
|
557
|
+
s: import("@mui/material").CSSProperties;
|
|
558
|
+
xs: import("@mui/material").CSSProperties;
|
|
559
|
+
xxs: import("@mui/material").CSSProperties;
|
|
560
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
561
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
562
|
+
};
|
|
563
|
+
semibold: {
|
|
564
|
+
l: import("@mui/material").CSSProperties;
|
|
565
|
+
m: import("@mui/material").CSSProperties;
|
|
566
|
+
s: import("@mui/material").CSSProperties;
|
|
567
|
+
xs: import("@mui/material").CSSProperties;
|
|
568
|
+
xxs: import("@mui/material").CSSProperties;
|
|
569
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
570
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
571
|
+
};
|
|
571
572
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
572
573
|
declare const fontBodyL: (props: CommonThemeProps) => SerializedStyles | null;
|
|
573
574
|
declare const fontBodyM: (props: CommonThemeProps) => SerializedStyles | null;
|
|
@@ -591,26 +592,26 @@ declare const fontBodySemiboldXxs: (props: CommonThemeProps) => SerializedStyles
|
|
|
591
592
|
declare const fontBodySemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
592
593
|
declare const fontBodySemiboldXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
593
594
|
declare const fontCaps: <W extends "semibold">(fontSize: keyof {
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
595
|
+
semibold: {
|
|
596
|
+
xxs: import("@mui/material").CSSProperties;
|
|
597
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
598
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
599
|
+
};
|
|
599
600
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
600
601
|
declare const fontCapsXxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
601
602
|
declare const fontCapsXxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
602
603
|
declare const fontCapsXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
603
604
|
declare const fontHeader: <W extends "semibold">(fontSize: keyof {
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
605
|
+
semibold: {
|
|
606
|
+
xxl: import("@mui/material").CSSProperties;
|
|
607
|
+
xl: import("@mui/material").CSSProperties;
|
|
608
|
+
l: import("@mui/material").CSSProperties;
|
|
609
|
+
m: import("@mui/material").CSSProperties;
|
|
610
|
+
s: import("@mui/material").CSSProperties;
|
|
611
|
+
xs: import("@mui/material").CSSProperties;
|
|
612
|
+
xxs: import("@mui/material").CSSProperties;
|
|
613
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
614
|
+
};
|
|
614
615
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
615
616
|
declare const fontHeaderXxl: (props: CommonThemeProps) => SerializedStyles | null;
|
|
616
617
|
declare const fontHeaderXl: (props: CommonThemeProps) => SerializedStyles | null;
|
|
@@ -621,18 +622,18 @@ declare const fontHeaderXs: (props: CommonThemeProps) => SerializedStyles | null
|
|
|
621
622
|
declare const fontHeaderXxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
622
623
|
declare const fontHeaderXxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
623
624
|
declare const fontCode: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
625
|
+
regular: {
|
|
626
|
+
s: import("@mui/material").CSSProperties;
|
|
627
|
+
xs: import("@mui/material").CSSProperties;
|
|
628
|
+
};
|
|
629
|
+
medium: {
|
|
630
|
+
s: import("@mui/material").CSSProperties;
|
|
631
|
+
xs: import("@mui/material").CSSProperties;
|
|
632
|
+
};
|
|
633
|
+
semibold: {
|
|
634
|
+
s: import("@mui/material").CSSProperties;
|
|
635
|
+
xs: import("@mui/material").CSSProperties;
|
|
636
|
+
};
|
|
636
637
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
637
638
|
declare const fontCodeXs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
638
639
|
declare const fontCodeS: (props: CommonThemeProps) => SerializedStyles | null;
|
|
@@ -641,27 +642,27 @@ declare const fontCodeMediumS: (props: CommonThemeProps) => SerializedStyles | n
|
|
|
641
642
|
declare const fontCodeSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
642
643
|
declare const fontCodeSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
|
|
643
644
|
declare const fontTabular: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
645
|
+
regular: {
|
|
646
|
+
s: import("@mui/material").CSSProperties;
|
|
647
|
+
xs: import("@mui/material").CSSProperties;
|
|
648
|
+
xxs: import("@mui/material").CSSProperties;
|
|
649
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
650
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
651
|
+
};
|
|
652
|
+
medium: {
|
|
653
|
+
s: import("@mui/material").CSSProperties;
|
|
654
|
+
xs: import("@mui/material").CSSProperties;
|
|
655
|
+
xxs: import("@mui/material").CSSProperties;
|
|
656
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
657
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
658
|
+
};
|
|
659
|
+
semibold: {
|
|
660
|
+
s: import("@mui/material").CSSProperties;
|
|
661
|
+
xs: import("@mui/material").CSSProperties;
|
|
662
|
+
xxs: import("@mui/material").CSSProperties;
|
|
663
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
664
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
665
|
+
};
|
|
665
666
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
666
667
|
declare const fontTabularXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
667
668
|
declare const fontTabularXxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
@@ -679,43 +680,43 @@ declare const fontTabularSemiboldXxs: (props: CommonThemeProps) => SerializedSty
|
|
|
679
680
|
declare const fontTabularSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
680
681
|
declare const fontTabularSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
|
|
681
682
|
declare const fontTitle: <W extends "bold">(fontSize: keyof {
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
683
|
+
bold: {
|
|
684
|
+
s: import("@mui/material").CSSProperties;
|
|
685
|
+
m: import("@mui/material").CSSProperties;
|
|
686
|
+
l: import("@mui/material").CSSProperties;
|
|
687
|
+
};
|
|
687
688
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
688
689
|
declare const fontTitleBoldS: (props: CommonThemeProps) => SerializedStyles | null;
|
|
689
690
|
declare const fontTitleBoldM: (props: CommonThemeProps) => SerializedStyles | null;
|
|
690
691
|
declare const fontTitleBoldL: (props: CommonThemeProps) => SerializedStyles | null;
|
|
691
692
|
declare const fontLink: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
693
|
+
regular: {
|
|
694
|
+
l: import("@mui/material").CSSProperties;
|
|
695
|
+
m: import("@mui/material").CSSProperties;
|
|
696
|
+
s: import("@mui/material").CSSProperties;
|
|
697
|
+
xs: import("@mui/material").CSSProperties;
|
|
698
|
+
xxs: import("@mui/material").CSSProperties;
|
|
699
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
700
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
701
|
+
};
|
|
702
|
+
medium: {
|
|
703
|
+
l: import("@mui/material").CSSProperties;
|
|
704
|
+
m: import("@mui/material").CSSProperties;
|
|
705
|
+
s: import("@mui/material").CSSProperties;
|
|
706
|
+
xs: import("@mui/material").CSSProperties;
|
|
707
|
+
xxs: import("@mui/material").CSSProperties;
|
|
708
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
709
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
710
|
+
};
|
|
711
|
+
semibold: {
|
|
712
|
+
l: import("@mui/material").CSSProperties;
|
|
713
|
+
m: import("@mui/material").CSSProperties;
|
|
714
|
+
s: import("@mui/material").CSSProperties;
|
|
715
|
+
xs: import("@mui/material").CSSProperties;
|
|
716
|
+
xxs: import("@mui/material").CSSProperties;
|
|
717
|
+
xxxs: import("@mui/material").CSSProperties;
|
|
718
|
+
xxxxs: import("@mui/material").CSSProperties;
|
|
719
|
+
};
|
|
719
720
|
}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
|
|
720
721
|
declare const fontLinkL: (props: CommonThemeProps) => SerializedStyles | null;
|
|
721
722
|
declare const fontLinkM: (props: CommonThemeProps) => SerializedStyles | null;
|
|
@@ -738,18 +739,24 @@ declare const fontLinkSemiboldXs: (props: CommonThemeProps) => SerializedStyles
|
|
|
738
739
|
declare const fontLinkSemiboldXxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
739
740
|
declare const fontLinkSemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
740
741
|
declare const fontLinkSemiboldXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
|
|
742
|
+
//#endregion
|
|
743
|
+
//#region src/core/Accordion/style.d.ts
|
|
741
744
|
interface AccordionExtraProps extends CommonThemeProps {
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
}
|
|
746
|
-
|
|
747
|
-
|
|
745
|
+
useDivider?: boolean;
|
|
746
|
+
togglePosition?: "right" | "left";
|
|
747
|
+
chevronSize?: "xs" | "s" | "l" | "xl";
|
|
748
|
+
}
|
|
749
|
+
//#endregion
|
|
750
|
+
//#region src/core/Accordion/index.d.ts
|
|
751
|
+
type AccordionProps = AccordionProps$1 & AccordionExtraProps & {
|
|
752
|
+
id: string;
|
|
748
753
|
};
|
|
749
754
|
/**
|
|
750
755
|
* @see https://mui.com/material-ui/react-accordion/
|
|
751
756
|
*/
|
|
752
|
-
declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
757
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
758
|
+
//#endregion
|
|
759
|
+
//#region src/core/Alert/index.d.ts
|
|
753
760
|
/**
|
|
754
761
|
* @see https://mui.com/material-ui/react-alert/
|
|
755
762
|
*
|
|
@@ -758,390 +765,399 @@ declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "r
|
|
|
758
765
|
* Please use `Callout` or `Notification` instead.
|
|
759
766
|
*/
|
|
760
767
|
declare const Alert: (props: AlertProps) => JSX.Element;
|
|
768
|
+
//#endregion
|
|
769
|
+
//#region src/core/Icon/map.d.ts
|
|
761
770
|
interface IconNameToSizes {
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
}
|
|
771
|
+
ArrowsDiagonalIn: "xxs" | "xs" | "s";
|
|
772
|
+
ArrowsDiagonalOut: "xxs" | "xs" | "s";
|
|
773
|
+
ArrowsUpDown: "xxs" | "xs" | "s";
|
|
774
|
+
Bacteria: "xxs" | "xs" | "s" | "l" | "xl";
|
|
775
|
+
BarChartHorizontal3: "xxs" | "xs" | "s";
|
|
776
|
+
BarChartVertical3: "xxs" | "xs" | "s" | "l" | "xl";
|
|
777
|
+
BarChartVertical4: "xxs" | "xs" | "s";
|
|
778
|
+
Book: "xxs" | "xs" | "s" | "l" | "xl";
|
|
779
|
+
Check: "xxs" | "xs" | "s";
|
|
780
|
+
CheckCircle: "xxs" | "xs" | "s" | "l" | "xl";
|
|
781
|
+
ChevronDown: "xxs" | "xs" | "s" | "l" | "xl";
|
|
782
|
+
ChevronDown2: "xxs" | "xs" | "s";
|
|
783
|
+
ChevronLeft2: "xxs" | "xs" | "s";
|
|
784
|
+
ChevronLeft: "xxs" | "xs" | "s" | "l" | "xl";
|
|
785
|
+
ChevronRight2: "xxs" | "xs" | "s";
|
|
786
|
+
ChevronRight: "xxs" | "xs" | "s" | "l" | "xl";
|
|
787
|
+
ChevronUp: "xxs" | "xs" | "s" | "l" | "xl";
|
|
788
|
+
ChevronUp2: "xxs" | "xs" | "s";
|
|
789
|
+
CirclesOverlap2: "xxs" | "xs" | "s" | "l" | "xl";
|
|
790
|
+
Cli: "l" | "xl";
|
|
791
|
+
Code: "xxs" | "xs" | "s" | "l" | "xl";
|
|
792
|
+
Compass: "l" | "xl";
|
|
793
|
+
Copy: "xxs" | "xs" | "s" | "l" | "xl";
|
|
794
|
+
Cube: "xxs" | "xs" | "s" | "l" | "xl";
|
|
795
|
+
DNA: "l" | "xl";
|
|
796
|
+
Document: "xxs" | "xs" | "s";
|
|
797
|
+
DotPlot: "xxs" | "xs" | "s";
|
|
798
|
+
DotsHorizontal: "xxs" | "xs" | "s" | "l" | "xl";
|
|
799
|
+
Download: "xxs" | "xs" | "s" | "l" | "xl";
|
|
800
|
+
Droplet: "xxs" | "xs" | "s";
|
|
801
|
+
Edit: "xxs" | "xs" | "s" | "l" | "xl";
|
|
802
|
+
Envelope: "xxs" | "xs" | "s";
|
|
803
|
+
ExclamationMarkCircle: "xxs" | "xs" | "s" | "l" | "xl";
|
|
804
|
+
ExclamationMarkSpeechBubble: "l" | "xl";
|
|
805
|
+
EyeClosed: "xxs" | "xs" | "s";
|
|
806
|
+
EyeOpen: "xxs" | "xs" | "s";
|
|
807
|
+
Filter: "xxs" | "xs" | "s";
|
|
808
|
+
FlagCheck: "xxs" | "xs" | "s";
|
|
809
|
+
FlagOutline: "xxs" | "xs" | "s";
|
|
810
|
+
FlagQuestionMark: "xxs" | "xs" | "s";
|
|
811
|
+
FlagXMark: "xxs" | "xs" | "s";
|
|
812
|
+
Flask: "l" | "xl";
|
|
813
|
+
FlaskPrivate: "l" | "xl";
|
|
814
|
+
FlaskPublic: "l" | "xl";
|
|
815
|
+
Gear: "xxs" | "xs" | "s";
|
|
816
|
+
Gene: "xxs" | "xs" | "s";
|
|
817
|
+
Github: "xxs" | "xs" | "s";
|
|
818
|
+
Globe: "xxs" | "xs" | "s";
|
|
819
|
+
GlobeBasic: "l" | "xl";
|
|
820
|
+
Grid: "l" | "xl";
|
|
821
|
+
GridDots3: "l" | "xl";
|
|
822
|
+
GridPrivate: "l" | "xl";
|
|
823
|
+
GridPublic: "l" | "xl";
|
|
824
|
+
House: "xxs" | "xs" | "s";
|
|
825
|
+
Hand: "xxs" | "xs" | "s";
|
|
826
|
+
HandOpen: "xxs" | "xs" | "s";
|
|
827
|
+
HandPointer: "xxs" | "xs" | "s";
|
|
828
|
+
Image: "xxs" | "xs" | "s";
|
|
829
|
+
InfoCircle: "xxs" | "xs" | "s" | "l" | "xl";
|
|
830
|
+
InfoSpeechBubble: "l" | "xl";
|
|
831
|
+
Label: "xxs" | "xs" | "s";
|
|
832
|
+
Lasso: "xxs" | "xs" | "s";
|
|
833
|
+
LifeRing: "xxs" | "xs" | "s";
|
|
834
|
+
LightBulb: "xxs" | "xs" | "s" | "l" | "xl";
|
|
835
|
+
LinesDashed3Solid1: "xxs" | "xs" | "s";
|
|
836
|
+
LinesHorizontal3: "xxs" | "xs" | "s" | "l" | "xl";
|
|
837
|
+
Link: "xxs" | "xs" | "s";
|
|
838
|
+
List: "xxs" | "xs" | "s";
|
|
839
|
+
Loading: "xxs" | "xs" | "s" | "l" | "xl";
|
|
840
|
+
Lock: "xxs" | "xs" | "s" | "l" | "xl";
|
|
841
|
+
LockCircle: "xxs" | "xs" | "s";
|
|
842
|
+
Maximize: "xxs" | "xs" | "s";
|
|
843
|
+
Minimize: "xxs" | "xs" | "s";
|
|
844
|
+
Minus: "xxs" | "xs" | "s";
|
|
845
|
+
Open: "xxs" | "xs" | "s";
|
|
846
|
+
Package: "l" | "xl";
|
|
847
|
+
Pause: "l" | "xl";
|
|
848
|
+
People: "xxs" | "xs" | "s" | "l" | "xl";
|
|
849
|
+
Percentage: "xxs" | "xs" | "s";
|
|
850
|
+
Person: "xxs" | "xs" | "s" | "l" | "xl";
|
|
851
|
+
PieChart: "xxs" | "xs" | "s";
|
|
852
|
+
PieChartXMark: "xxs" | "xs" | "s";
|
|
853
|
+
Pin: "xxs" | "xs" | "s";
|
|
854
|
+
PinLocation: "xxs" | "xs" | "s";
|
|
855
|
+
Play: "l" | "xl";
|
|
856
|
+
Plus: "xxs" | "xs" | "s";
|
|
857
|
+
PlusCircle: "xxs" | "xs" | "s";
|
|
858
|
+
ProjectPrivate: "l" | "xl";
|
|
859
|
+
ProjectPublic: "l" | "xl";
|
|
860
|
+
PuzzlePiece: "xxs" | "xs" | "s";
|
|
861
|
+
QuestionMark: "l" | "xl";
|
|
862
|
+
QuestionMarkCircle: "xxs" | "xs" | "s";
|
|
863
|
+
Quote: "l" | "xl";
|
|
864
|
+
Read: "l" | "xl";
|
|
865
|
+
Refresh: "xxs" | "xs" | "s" | "l" | "xl";
|
|
866
|
+
Report: "l" | "xl";
|
|
867
|
+
Rocket: "l" | "xl";
|
|
868
|
+
RotateLeft: "xxs" | "xs" | "s";
|
|
869
|
+
RotateRight: "xxs" | "xs" | "s";
|
|
870
|
+
Save: "l" | "xl";
|
|
871
|
+
Scale: "xxs" | "xs" | "s";
|
|
872
|
+
ScatterPlot: "xxs" | "xs" | "s";
|
|
873
|
+
Search: "xxs" | "xs" | "s" | "l" | "xl";
|
|
874
|
+
SearchLinesHorizontal3: "xxs" | "xs" | "s" | "l" | "xl";
|
|
875
|
+
Send: "l" | "xl";
|
|
876
|
+
Share: "l" | "xl";
|
|
877
|
+
SlidersHorizontal: "l" | "xl";
|
|
878
|
+
Sparkle: "xxs" | "xs" | "s" | "l" | "xl";
|
|
879
|
+
Sparkles: "xxs" | "xs" | "s" | "l" | "xl";
|
|
880
|
+
SpeechBubbles: "l" | "xl";
|
|
881
|
+
SquareOnDashedSquare: "l" | "xl";
|
|
882
|
+
SquareOnSquareArrowDownRight: "xxs" | "xs" | "s";
|
|
883
|
+
Starburst: "xxs" | "xs" | "s";
|
|
884
|
+
Star: "l" | "xl";
|
|
885
|
+
Table: "xxs" | "xs" | "s";
|
|
886
|
+
ThumbsDown: "xxs" | "xs" | "s";
|
|
887
|
+
ThumbsUp: "xxs" | "xs" | "s";
|
|
888
|
+
TrashCan: "xxs" | "xs" | "s" | "l" | "xl";
|
|
889
|
+
TreeDendogram: "l" | "xl";
|
|
890
|
+
TreeHorizontal: "xxs" | "xs" | "s" | "l" | "xl";
|
|
891
|
+
TreeHorizontalPrivate: "l" | "xl";
|
|
892
|
+
TreeHorizontalPublic: "l" | "xl";
|
|
893
|
+
TreeHorizontalTopRightFilled: "l" | "xl";
|
|
894
|
+
TreeVertical: "xxs" | "xs" | "s";
|
|
895
|
+
TriangleDown: "xxs" | "xs" | "s";
|
|
896
|
+
TriangleLeft: "xxs" | "xs" | "s";
|
|
897
|
+
TriangleRight: "xxs" | "xs" | "s";
|
|
898
|
+
TriangleUp: "xxs" | "xs" | "s";
|
|
899
|
+
Update: "l" | "xl";
|
|
900
|
+
Umap: "xxs" | "xs" | "s";
|
|
901
|
+
Upload: "l" | "xl";
|
|
902
|
+
Virus: "l" | "xl";
|
|
903
|
+
VirusCircleS: "l" | "xl";
|
|
904
|
+
Widget: "l" | "xl";
|
|
905
|
+
XMark: "xxs" | "xs" | "s" | "l" | "xl";
|
|
906
|
+
XMarkCircle: "xxs" | "xs" | "s";
|
|
907
|
+
}
|
|
908
|
+
//#endregion
|
|
909
|
+
//#region src/core/Icon/style.d.ts
|
|
899
910
|
interface IconExtraProps<IconName extends keyof IconNameToSizes> extends CommonThemeProps {
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
911
|
+
className?: string;
|
|
912
|
+
sdsIcon: IconName;
|
|
913
|
+
sdsSize: IconNameToSizes[IconName];
|
|
903
914
|
}
|
|
904
915
|
type SdsIconColorType = "blue" | "gray" | "green" | "purple" | "indigo" | "red" | "yellow";
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
916
|
+
//#endregion
|
|
917
|
+
//#region src/core/Icon/index.d.ts
|
|
918
|
+
interface SdsIconWithColor {
|
|
919
|
+
color?: SdsIconColorType;
|
|
920
|
+
shade?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
|
|
908
921
|
}
|
|
909
|
-
type IconProps<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName> & SdsIconWithColor
|
|
922
|
+
type IconProps<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName> & SdsIconWithColor;
|
|
910
923
|
/**
|
|
911
924
|
* @see https://mui.com/material-ui/icons/#icons
|
|
912
925
|
*/
|
|
913
|
-
declare const Icon: import("react").ForwardRefExoticComponent<IconExtraProps<keyof IconNameToSizes> & SdsIconWithColor
|
|
914
|
-
|
|
926
|
+
declare const Icon: import("react").ForwardRefExoticComponent<IconExtraProps<keyof IconNameToSizes> & SdsIconWithColor & import("react").RefAttributes<HTMLDivElement | null>>;
|
|
927
|
+
//#endregion
|
|
928
|
+
//#region src/core/InputSearch/style.d.ts
|
|
929
|
+
type IntentType$2 = "negative" | "notice" | "positive";
|
|
915
930
|
interface InputSearchExtraProps extends CommonThemeProps {
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
931
|
+
disabled?: boolean;
|
|
932
|
+
intent?: IntentType$2 | "default";
|
|
933
|
+
sdsStyle?: "rounded" | "square";
|
|
934
|
+
value?: string;
|
|
920
935
|
}
|
|
936
|
+
//#endregion
|
|
937
|
+
//#region src/core/InputSearch/index.d.ts
|
|
921
938
|
interface AccessibleInputSearchProps {
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
}
|
|
938
|
-
type InputSearchProps =
|
|
939
|
+
label: string;
|
|
940
|
+
placeholder?: string;
|
|
941
|
+
id: string;
|
|
942
|
+
handleSubmit?: (value: string) => void;
|
|
943
|
+
onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
944
|
+
customTheme?: "light" | "dark" | "auto";
|
|
945
|
+
classes?: {
|
|
946
|
+
root?: string;
|
|
947
|
+
label?: string;
|
|
948
|
+
input?: string;
|
|
949
|
+
endAdornment?: string;
|
|
950
|
+
startAdornment?: string;
|
|
951
|
+
clearButton?: string;
|
|
952
|
+
searchButton?: string;
|
|
953
|
+
};
|
|
954
|
+
}
|
|
955
|
+
type InputSearchProps = TextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps;
|
|
939
956
|
/**
|
|
940
957
|
* @see https://mui.com/material-ui/react-text-field/
|
|
941
958
|
*/
|
|
942
|
-
declare const InputSearch: React.ForwardRefExoticComponent<(Omit<import("@mui/material").
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
with 'xs' | 's' | 'l' | 'xl' sizes to 'xs' | 's', allowing for easy
|
|
948
|
-
filtering of items with 'l' | 'xl' sizes only later on
|
|
949
|
-
*/
|
|
950
|
-
type ModifiedIconNameToSizes = {
|
|
951
|
-
[K in keyof IconNameToSizes]: IconNameToSizes[K] extends "xs" | "s" | "l" | "xl" ? IconNameToSizes[K] extends "l" | "xl" ? "l" | "xl" : "xs" | "s" : IconNameToSizes[K];
|
|
952
|
-
};
|
|
953
|
-
/*
|
|
954
|
-
In the second step we create a TypeScript interface that is a subset of
|
|
955
|
-
the IconNameToSizes interface, containing only those icons that can be "xxs", "xs" or "s" in size.
|
|
956
|
-
|
|
957
|
-
As a result, the MenuItem component accepts a bacteria icon with a
|
|
958
|
-
size value of "xxs" | "xs" | "s" | "l" | "xl" or a check icon with a size value of "xxs" | "xs" | "s",
|
|
959
|
-
but not a book icon since it has a size value of "l" | "xl".
|
|
960
|
-
*/
|
|
961
|
-
type IconNameToSmallSizes = {
|
|
962
|
-
[K in keyof ModifiedIconNameToSizes as ModifiedIconNameToSizes[K] extends "xxs" | "xs" | "s" ? K : never]: IconNameToSizes[K];
|
|
963
|
-
};
|
|
959
|
+
declare const InputSearch: React$1.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
|
|
960
|
+
//#endregion
|
|
961
|
+
//#region src/core/MenuItem/index.d.ts
|
|
962
|
+
type ModifiedIconNameToSizes = { [K in keyof IconNameToSizes]: IconNameToSizes[K] extends "xs" | "s" | "l" | "xl" ? IconNameToSizes[K] extends "l" | "xl" ? "l" | "xl" : "xs" | "s" : IconNameToSizes[K] };
|
|
963
|
+
type IconNameToSmallSizes = { [K in keyof ModifiedIconNameToSizes as ModifiedIconNameToSizes[K] extends "xxs" | "xs" | "s" ? K : never]: IconNameToSizes[K] };
|
|
964
964
|
interface MenuItemExtraProps<IconName extends keyof IconNameToSmallSizes> {
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
}
|
|
978
|
-
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> &
|
|
965
|
+
column?: React$1.ReactNode;
|
|
966
|
+
isMultiSelect?: boolean;
|
|
967
|
+
icon?: IconName | React$1.ReactElement<CustomSVGProps>;
|
|
968
|
+
/**
|
|
969
|
+
* @deprecated Use `icon` instead.
|
|
970
|
+
* (masoudmanson): This prop is deprecated and will be removed in the next major version.
|
|
971
|
+
* Please replace instances of `sdsIcon` with `icon`.
|
|
972
|
+
*/
|
|
973
|
+
sdsIcon?: IconName | React$1.ReactElement<CustomSVGProps>;
|
|
974
|
+
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
975
|
+
sdsStyle?: "determinate" | "indeterminate";
|
|
976
|
+
sdsType?: "default" | "action";
|
|
977
|
+
}
|
|
978
|
+
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> & MenuItemProps$1;
|
|
979
979
|
/**
|
|
980
980
|
* @see https://mui.com/material-ui/react-menu/
|
|
981
981
|
*/
|
|
982
|
-
declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"ArrowsDiagonalIn" | "ArrowsDiagonalOut" | "ArrowsUpDown" | "BarChartHorizontal3" | "BarChartVertical4" | "Check" | "ChevronDown2" | "ChevronLeft2" | "ChevronRight2" | "ChevronUp2" | "Document" | "DotPlot" | "Droplet" | "Envelope" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Gene" | "Github" | "Globe" | "House" | "Hand" | "HandOpen" | "HandPointer" | "Image" | "Label" | "Lasso" | "LifeRing" | "LinesDashed3Solid1" | "Link" | "List" | "LockCircle" | "Maximize" | "Minimize" | "Minus" | "Open" | "Percentage" | "PieChart" | "PieChartXMark" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "QuestionMarkCircle" | "RotateLeft" | "RotateRight" | "Scale" | "ScatterPlot" | "SquareOnSquareArrowDownRight" | "Starburst" | "Table" | "ThumbsDown" | "ThumbsUp" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "Umap" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
982
|
+
declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps<"ArrowsDiagonalIn" | "ArrowsDiagonalOut" | "ArrowsUpDown" | "BarChartHorizontal3" | "BarChartVertical4" | "Check" | "ChevronDown2" | "ChevronLeft2" | "ChevronRight2" | "ChevronUp2" | "Document" | "DotPlot" | "Droplet" | "Envelope" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Gene" | "Github" | "Globe" | "House" | "Hand" | "HandOpen" | "HandPointer" | "Image" | "Label" | "Lasso" | "LifeRing" | "LinesDashed3Solid1" | "Link" | "List" | "LockCircle" | "Maximize" | "Minimize" | "Minus" | "Open" | "Percentage" | "PieChart" | "PieChartXMark" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "QuestionMarkCircle" | "RotateLeft" | "RotateRight" | "Scale" | "ScatterPlot" | "SquareOnSquareArrowDownRight" | "Starburst" | "Table" | "ThumbsDown" | "ThumbsUp" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "Umap" | "XMarkCircle">, "ref"> & React$1.RefAttributes<HTMLLIElement | null>>;
|
|
983
|
+
//#endregion
|
|
984
|
+
//#region src/core/Autocomplete/components/AutocompleteBase/style.d.ts
|
|
985
|
+
interface StyleProps$3 extends CommonThemeProps {
|
|
986
|
+
count?: number;
|
|
987
|
+
icon?: ReactElement;
|
|
988
|
+
search?: boolean;
|
|
989
|
+
groupBy?: AutocompleteProps$1<DefaultAutocompleteOption, boolean, boolean, boolean>["groupBy"];
|
|
990
|
+
}
|
|
991
|
+
declare const StyledPaper: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
992
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
993
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant"> & {
|
|
994
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
995
|
+
} & CommonThemeProps, {}, {}>;
|
|
996
|
+
//#endregion
|
|
997
|
+
//#region src/core/Autocomplete/components/AutocompleteBase/index.d.ts
|
|
991
998
|
interface AutocompleteOptionGeneral {
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
999
|
+
name: string;
|
|
1000
|
+
section?: string;
|
|
1001
|
+
disabled?: boolean;
|
|
995
1002
|
}
|
|
996
|
-
// (masoudmanson): Represents a basic autocomplete option.
|
|
997
1003
|
interface AutocompleteOptionBasic extends AutocompleteOptionGeneral {
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1004
|
+
count?: number;
|
|
1005
|
+
details?: string;
|
|
1006
|
+
icon?: keyof IconNameToSmallSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1007
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSmallSizes>>;
|
|
1002
1008
|
}
|
|
1003
|
-
// (masoudmanson): Represents an autocomplete option that includes a custom React component.
|
|
1004
1009
|
interface AutocompleteOptionComponent extends AutocompleteOptionGeneral {
|
|
1005
|
-
|
|
1006
|
-
}
|
|
1007
|
-
|
|
1008
|
-
type Exclusive<
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
icon?: ReactElement;
|
|
1031
|
-
search?: boolean;
|
|
1032
|
-
title?: string;
|
|
1033
|
-
width?: number;
|
|
1010
|
+
component?: ReactNode;
|
|
1011
|
+
}
|
|
1012
|
+
type Exclusive<T, U> = T & { [K in Exclude<keyof U, keyof T>]?: undefined };
|
|
1013
|
+
type DefaultAutocompleteOption = Exclusive<AutocompleteOptionBasic, AutocompleteOptionComponent> | Exclusive<AutocompleteOptionComponent, AutocompleteOptionBasic>;
|
|
1014
|
+
interface ExtraAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> extends Omit<StyleProps$3, "groupBy"> {
|
|
1015
|
+
keepSearchOnSelect?: boolean;
|
|
1016
|
+
renderInput?: (params: AutocompleteRenderInputParams) => React$1.ReactNode;
|
|
1017
|
+
onInputChange?: (event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void;
|
|
1018
|
+
onChange?: (event: React$1.SyntheticEvent, value: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<T>) => void;
|
|
1019
|
+
InputBaseProps?: Partial<InputSearchProps>;
|
|
1020
|
+
label?: string;
|
|
1021
|
+
intent?: InputSearchProps["intent"];
|
|
1022
|
+
onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason) => void;
|
|
1023
|
+
onClick?: (event?: TouchEvent | MouseEvent) => void;
|
|
1024
|
+
}
|
|
1025
|
+
type CustomAutocompleteProps$4<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "nonce" | "rev" | "rel" | "autoFocus" | "content">;
|
|
1026
|
+
type AutocompleteBaseProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$4<T, Multiple, DisableClearable, FreeSolo> & ExtraAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo>;
|
|
1027
|
+
//#endregion
|
|
1028
|
+
//#region src/core/Autocomplete/components/AutocompleteMultiColumn/style.d.ts
|
|
1029
|
+
interface StyleProps$2 extends CommonThemeProps {
|
|
1030
|
+
count?: number;
|
|
1031
|
+
icon?: ReactElement;
|
|
1032
|
+
search?: boolean;
|
|
1033
|
+
title?: string;
|
|
1034
|
+
width?: number;
|
|
1034
1035
|
}
|
|
1035
1036
|
declare const StyledPopper: import("@emotion/styled").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
1036
|
-
|
|
1037
|
-
} & StyleProps$
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
type AutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo> & ExtraAutocompleteMultiColumnProps<T, Multiple, DisableClearable, FreeSolo>;
|
|
1037
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1038
|
+
} & StyleProps$2, {}, {}>;
|
|
1039
|
+
//#endregion
|
|
1040
|
+
//#region src/core/Autocomplete/components/AutocompleteMultiColumn/index.d.ts
|
|
1041
|
+
interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends StyleProps$2 {
|
|
1042
|
+
keepSearchOnSelect?: boolean;
|
|
1043
|
+
renderInput?: (params: AutocompleteRenderInputParams) => React$1.ReactNode;
|
|
1044
|
+
onInputChange?: (event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void;
|
|
1045
|
+
InputBaseProps?: Partial<InputSearchProps>;
|
|
1046
|
+
PopperBaseProps?: Partial<PopperProps>;
|
|
1047
|
+
label?: string;
|
|
1048
|
+
PopperComponent?: React$1.JSXElementConstructor<PopperProps>;
|
|
1049
|
+
PopperPlacement?: "bottom-start" | "top-start" | "bottom-end" | "top-end";
|
|
1050
|
+
children?: JSX.Element | null;
|
|
1051
|
+
onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason) => void;
|
|
1052
|
+
onClick?: (event?: TouchEvent | MouseEvent) => void;
|
|
1053
|
+
ClickAwayListenerProps?: Partial<ClickAwayListenerProps>;
|
|
1054
|
+
options: AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[];
|
|
1055
|
+
value?: AutocompleteMultiColumnValue<T, Multiple, DisableClearable, FreeSolo>;
|
|
1056
|
+
onChange?: (event: React$1.SyntheticEvent, value: AutocompleteMultiColumnValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<T>) => void;
|
|
1057
|
+
}
|
|
1058
|
+
type CustomAutocompleteProps$3<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteBaseProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "options" | "value" | "onChange" | "nonce" | "rev" | "rel" | "autoFocus" | "content">;
|
|
1059
|
+
type AutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$3<T, Multiple, DisableClearable, FreeSolo> & ExtraAutocompleteMultiColumnProps<T, Multiple, DisableClearable, FreeSolo>;
|
|
1060
|
+
//#endregion
|
|
1061
|
+
//#region src/core/Autocomplete/index.d.ts
|
|
1062
1062
|
type AutocompleteSingleColumnOption<T> = T;
|
|
1063
1063
|
type AutocompleteMultiColumnOption<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = {
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1064
|
+
options: T[];
|
|
1065
|
+
props?: Partial<AutocompleteBaseProps<T, Multiple, DisableClearable, FreeSolo>>;
|
|
1066
|
+
width?: number;
|
|
1067
|
+
name: string;
|
|
1068
|
+
icon?: React$1.ReactNode;
|
|
1069
1069
|
};
|
|
1070
1070
|
type SDSAutocompleteOptions<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = AutocompleteSingleColumnOption<T>[] | AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[];
|
|
1071
|
-
type AutocompleteMultiColumnValue<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Record<string | number | symbol, AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>> | undefined;
|
|
1072
|
-
type AutocompleteSingleColumnValue<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>;
|
|
1071
|
+
type AutocompleteMultiColumnValue<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Record<string | number | symbol, AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>> | undefined;
|
|
1072
|
+
type AutocompleteSingleColumnValue<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>;
|
|
1073
1073
|
type SDSAutocompleteValue<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = AutocompleteSingleColumnValue<T, Multiple, DisableClearable, FreeSolo> | AutocompleteMultiColumnValue<T, Multiple, DisableClearable, FreeSolo>;
|
|
1074
|
-
type AutocompleteSingleColumnOnChange<T, Multiple, DisableClearable, FreeSolo> = (event: React.SyntheticEvent, value: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<T>) => void;
|
|
1075
|
-
type AutocompleteMultiColumnOnChange<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = (event: React.SyntheticEvent, value: AutocompleteMultiColumnValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<T>) => void;
|
|
1074
|
+
type AutocompleteSingleColumnOnChange<T, Multiple, DisableClearable, FreeSolo> = (event: React$1.SyntheticEvent, value: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason$1, details?: AutocompleteChangeDetails$1<T>) => void;
|
|
1075
|
+
type AutocompleteMultiColumnOnChange<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = (event: React$1.SyntheticEvent, value: AutocompleteMultiColumnValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason$1, details?: AutocompleteChangeDetails$1<T>) => void;
|
|
1076
1076
|
type SDSAutocompleteOnChange<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = AutocompleteSingleColumnOnChange<T, Multiple, DisableClearable, FreeSolo> | AutocompleteMultiColumnOnChange<T, Multiple, DisableClearable, FreeSolo>;
|
|
1077
|
-
interface ExtraAutocompleteProps
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
}
|
|
1088
|
-
type AutocompleteProps
|
|
1089
|
-
declare const Autocomplete
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1077
|
+
interface ExtraAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
|
|
1078
|
+
options: SDSAutocompleteOptions<T, Multiple, DisableClearable, FreeSolo>;
|
|
1079
|
+
PopperBaseProps?: Partial<PopperProps>;
|
|
1080
|
+
value?: SDSAutocompleteValue<T, Multiple, DisableClearable, FreeSolo>;
|
|
1081
|
+
onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason$1) => void;
|
|
1082
|
+
onClick?: (event?: TouchEvent | MouseEvent) => void;
|
|
1083
|
+
onChange?: SDSAutocompleteOnChange<T, Multiple, DisableClearable, FreeSolo>;
|
|
1084
|
+
count?: number;
|
|
1085
|
+
icon?: ReactElement;
|
|
1086
|
+
search?: boolean;
|
|
1087
|
+
}
|
|
1088
|
+
type AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteBaseProps<T, Multiple, DisableClearable, FreeSolo>, "options" | "value" | "onChange"> & ExtraAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>;
|
|
1089
|
+
declare const Autocomplete: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
|
|
1090
|
+
//#endregion
|
|
1091
|
+
//#region src/core/Button/Button.types.d.ts
|
|
1092
|
+
interface ButtonProps extends ButtonProps$1 {
|
|
1093
|
+
sdsStyle?: "solid" | "outline" | "minimal";
|
|
1094
|
+
sdsType?: "primary" | "secondary" | "destructive";
|
|
1095
|
+
backgroundOnHover?: boolean;
|
|
1096
|
+
backgroundAppearance?: "matchBackground" | "dark";
|
|
1097
|
+
target?: HTMLAttributeAnchorTarget;
|
|
1098
|
+
}
|
|
1099
|
+
//#endregion
|
|
1100
|
+
//#region src/core/Button/index.d.ts
|
|
1097
1101
|
/**
|
|
1098
1102
|
* @see https://mui.com/material-ui/react-button/
|
|
1099
1103
|
*/
|
|
1100
|
-
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
1104
|
+
declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1105
|
+
//#endregion
|
|
1106
|
+
//#region src/core/Banner/style.d.ts
|
|
1101
1107
|
interface BannerExtraProps extends CommonThemeProps {
|
|
1102
|
-
|
|
1103
|
-
|
|
1108
|
+
sdsType: "primary" | "secondary";
|
|
1109
|
+
intent?: BannerIntentType;
|
|
1104
1110
|
}
|
|
1111
|
+
//#endregion
|
|
1112
|
+
//#region src/core/Banner/index.d.ts
|
|
1105
1113
|
type BannerIntentType = "accent" | "info" | "negative" | "notice" | "positive";
|
|
1106
1114
|
interface BannerProps extends BannerExtraProps {
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
}
|
|
1115
|
-
declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
1115
|
+
children: React$1.ReactNode;
|
|
1116
|
+
icon?: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1117
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1118
|
+
dismissed?: boolean;
|
|
1119
|
+
dismissible?: boolean;
|
|
1120
|
+
onClose?: (e: React$1.MouseEvent) => void;
|
|
1121
|
+
intent?: BannerIntentType;
|
|
1122
|
+
}
|
|
1123
|
+
declare const Banner: React$1.ForwardRefExoticComponent<BannerProps & React$1.RefAttributes<HTMLDivElement | null>>;
|
|
1124
|
+
//#endregion
|
|
1125
|
+
//#region src/core/ButtonDropdown/ButtonDropdown.types.d.ts
|
|
1116
1126
|
interface ButtonDropdownProps extends Omit<ButtonProps, "sdsType"> {
|
|
1117
|
-
|
|
1127
|
+
sdsType?: "primary" | "secondary";
|
|
1118
1128
|
}
|
|
1129
|
+
//#endregion
|
|
1130
|
+
//#region src/core/ButtonDropdown/index.d.ts
|
|
1119
1131
|
/**
|
|
1120
1132
|
* @see https://mui.com/material-ui/react-button/
|
|
1121
1133
|
*/
|
|
1122
|
-
declare const ButtonDropdown: React.ForwardRefExoticComponent<Omit<ButtonDropdownProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1134
|
+
declare const ButtonDropdown: React$1.ForwardRefExoticComponent<Omit<ButtonDropdownProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1135
|
+
//#endregion
|
|
1136
|
+
//#region src/core/ButtonGroup/ButtonGroup.types.d.ts
|
|
1137
|
+
interface ButtonGroupProps extends Omit<ButtonGroupProps$1, "variant" | "size"> {
|
|
1138
|
+
/**
|
|
1139
|
+
* The background appearance of the button group.
|
|
1140
|
+
* @default "matchBackground"
|
|
1141
|
+
*/
|
|
1142
|
+
backgroundAppearance?: "dark" | "matchBackground";
|
|
1143
|
+
/**
|
|
1144
|
+
* The style of the button group.
|
|
1145
|
+
* @default "outline"
|
|
1146
|
+
*/
|
|
1147
|
+
sdsStyle?: "outline";
|
|
1148
|
+
/**
|
|
1149
|
+
* The type of the button group that determines the color scheme.
|
|
1150
|
+
* @default "primary"
|
|
1151
|
+
*/
|
|
1152
|
+
sdsType?: "primary" | "secondary";
|
|
1153
|
+
/**
|
|
1154
|
+
* The size of the button group.
|
|
1155
|
+
* @default "medium"
|
|
1156
|
+
*/
|
|
1157
|
+
size?: "small" | "medium" | "large";
|
|
1158
|
+
}
|
|
1159
|
+
//#endregion
|
|
1160
|
+
//#region src/core/ButtonGroup/index.d.ts
|
|
1145
1161
|
/**
|
|
1146
1162
|
* Check if a button element is icon-only (has no text content, only an icon).
|
|
1147
1163
|
* A button is icon-only if:
|
|
@@ -1157,23 +1173,27 @@ declare const isIconOnlyButton: (buttonElement: ReactNode) => boolean;
|
|
|
1157
1173
|
*
|
|
1158
1174
|
* Note: Vertical orientation is only available when all buttons are icon-only.
|
|
1159
1175
|
*/
|
|
1160
|
-
declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1176
|
+
declare const ButtonGroup: React$1.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1177
|
+
//#endregion
|
|
1178
|
+
//#region src/core/ButtonIcon/style.d.ts
|
|
1161
1179
|
interface ButtonIconExtraProps extends CommonThemeProps {
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1180
|
+
disabled?: boolean;
|
|
1181
|
+
sdsSize?: "small" | "medium" | "large";
|
|
1182
|
+
sdsType?: "primary" | "secondary" | "tertiary";
|
|
1165
1183
|
}
|
|
1184
|
+
//#endregion
|
|
1185
|
+
//#region src/core/ButtonIcon/index.d.ts
|
|
1166
1186
|
interface ButtonIconInternalProps {
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
}
|
|
1176
|
-
type ButtonIconProps = ButtonIconExtraProps &
|
|
1187
|
+
icon: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
1188
|
+
/**
|
|
1189
|
+
* @deprecated
|
|
1190
|
+
* (masoudmanson): This prop is deprecated and will be removed in the next major version.
|
|
1191
|
+
* Please use `icon` instead.
|
|
1192
|
+
*/
|
|
1193
|
+
sdsIcon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
1194
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1195
|
+
}
|
|
1196
|
+
type ButtonIconProps = ButtonIconExtraProps & IconButtonProps$1 & ButtonIconInternalProps;
|
|
1177
1197
|
/**
|
|
1178
1198
|
* @see https://mui.com/material-ui/react-button/#icon-buttons
|
|
1179
1199
|
*
|
|
@@ -1182,44 +1202,50 @@ type ButtonIconProps = ButtonIconExtraProps & RawButtonIconProps & ButtonIconInt
|
|
|
1182
1202
|
* Please use `Button` or `ButtonDropdown` with `sdsStyle: icon` instead.
|
|
1183
1203
|
*/
|
|
1184
1204
|
declare const ButtonIcon: import("react").ForwardRefExoticComponent<Omit<ButtonIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
|
|
1205
|
+
//#endregion
|
|
1206
|
+
//#region src/core/ButtonToggle/ButtonToggle.types.d.ts
|
|
1185
1207
|
interface ButtonToggleProps extends ButtonProps {
|
|
1186
|
-
|
|
1187
|
-
|
|
1208
|
+
startIcon: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
1209
|
+
sdsStage?: "on" | "off";
|
|
1188
1210
|
}
|
|
1211
|
+
//#endregion
|
|
1212
|
+
//#region src/core/ButtonToggle/index.d.ts
|
|
1189
1213
|
/**
|
|
1190
1214
|
* @see https://mui.com/material-ui/react-button/
|
|
1191
1215
|
*/
|
|
1192
|
-
declare const ButtonToggle: React.ForwardRefExoticComponent<Omit<ButtonToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
1216
|
+
declare const ButtonToggle: React$1.ForwardRefExoticComponent<Omit<ButtonToggleProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1217
|
+
//#endregion
|
|
1218
|
+
//#region src/core/ButtonLegacy/index.d.ts
|
|
1193
1219
|
type ButtonLegacyType = "primary" | "secondary" | "tertiary" | "destructive";
|
|
1194
1220
|
type ButtonLegacyTypeMap = {
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1221
|
+
icon: "primary" | "secondary" | "tertiary";
|
|
1222
|
+
minimal: "primary" | "secondary";
|
|
1223
|
+
rounded: "primary" | "secondary" | "destructive";
|
|
1224
|
+
square: "primary" | "secondary" | "destructive";
|
|
1199
1225
|
};
|
|
1200
1226
|
type ButtonLegacySize = "small" | "medium" | "large";
|
|
1201
|
-
interface BaseButtonLegacyProps extends
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1227
|
+
interface BaseButtonLegacyProps extends ButtonProps$1 {
|
|
1228
|
+
children?: React$1.ReactNode;
|
|
1229
|
+
isAllCaps?: boolean;
|
|
1230
|
+
target?: HTMLAttributeAnchorTarget;
|
|
1205
1231
|
}
|
|
1206
1232
|
interface SdsIconButtonLegacyProps extends BaseButtonLegacyProps {
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1233
|
+
sdsStyle: "icon";
|
|
1234
|
+
sdsType?: ButtonLegacyTypeMap["icon"];
|
|
1235
|
+
sdsSize?: ButtonLegacySize;
|
|
1236
|
+
icon: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1237
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1212
1238
|
}
|
|
1213
1239
|
interface SdsMinimalButtonLegacyProps extends BaseButtonLegacyProps {
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1240
|
+
sdsStyle: "minimal";
|
|
1241
|
+
sdsType?: ButtonLegacyTypeMap["minimal"];
|
|
1242
|
+
children: React$1.ReactNode;
|
|
1217
1243
|
}
|
|
1218
1244
|
interface SdsButtonLegacyProps extends BaseButtonLegacyProps {
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1245
|
+
sdsStyle: "rounded" | "square";
|
|
1246
|
+
isRounded?: boolean;
|
|
1247
|
+
sdsType?: ButtonLegacyTypeMap["rounded" | "square"];
|
|
1248
|
+
children: React$1.ReactNode;
|
|
1223
1249
|
}
|
|
1224
1250
|
type SdsLegacyProps = SdsIconButtonLegacyProps | SdsMinimalButtonLegacyProps | SdsButtonLegacyProps;
|
|
1225
1251
|
type ButtonLegacyProps = SdsLegacyProps;
|
|
@@ -1227,93 +1253,110 @@ type ButtonLegacyProps = SdsLegacyProps;
|
|
|
1227
1253
|
* @see https://mui.com/material-ui/react-button/
|
|
1228
1254
|
* @deprecated Use Button instead. ButtonLegacy will be removed in a future release.
|
|
1229
1255
|
*/
|
|
1230
|
-
declare const ButtonLegacy: React.ForwardRefExoticComponent<(Omit<SdsIconButtonLegacyProps, "ref"> | Omit<SdsMinimalButtonLegacyProps, "ref"> | Omit<SdsButtonLegacyProps, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1256
|
+
declare const ButtonLegacy: React$1.ForwardRefExoticComponent<(Omit<SdsIconButtonLegacyProps, "ref"> | Omit<SdsMinimalButtonLegacyProps, "ref"> | Omit<SdsButtonLegacyProps, "ref">) & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1257
|
+
//#endregion
|
|
1258
|
+
//#region src/core/ButtonDropdownLegacy/index.d.ts
|
|
1259
|
+
type SdsLegacyProps$1 = {
|
|
1260
|
+
sdsStyle: "icon";
|
|
1261
|
+
sdsType?: ButtonLegacyTypeMap["icon"];
|
|
1262
|
+
icon: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1263
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1264
|
+
sdsSize?: ButtonLegacySize;
|
|
1237
1265
|
} | {
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1266
|
+
sdsStyle: "rounded" | "square";
|
|
1267
|
+
sdsType?: ButtonLegacyTypeMap["rounded"];
|
|
1268
|
+
icon?: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1269
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1270
|
+
sdsSize?: ButtonLegacySize;
|
|
1243
1271
|
};
|
|
1244
|
-
type ButtonDropdownLegacyProps = ButtonLegacyProps & SdsLegacyProps$
|
|
1272
|
+
type ButtonDropdownLegacyProps = ButtonLegacyProps & SdsLegacyProps$1;
|
|
1245
1273
|
/**
|
|
1246
1274
|
* @see https://mui.com/material-ui/react-button/
|
|
1247
1275
|
* @deprecated Use ButtonDropdown instead. ButtonDropdownLegacy will be removed in a future release.
|
|
1248
1276
|
*/
|
|
1249
|
-
declare const ButtonDropdownLegacy: React.ForwardRefExoticComponent<(Omit<SdsIconButtonLegacyProps & {
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1277
|
+
declare const ButtonDropdownLegacy: React$1.ForwardRefExoticComponent<(Omit<SdsIconButtonLegacyProps & {
|
|
1278
|
+
sdsStyle: "icon";
|
|
1279
|
+
sdsType?: "primary" | "secondary" | "tertiary" | undefined;
|
|
1280
|
+
icon: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1281
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>> | undefined;
|
|
1282
|
+
sdsSize?: ButtonLegacySize | undefined;
|
|
1255
1283
|
}, "ref"> | Omit<SdsButtonLegacyProps & {
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1284
|
+
sdsStyle: "rounded" | "square";
|
|
1285
|
+
sdsType?: "primary" | "secondary" | "destructive" | undefined;
|
|
1286
|
+
icon?: React$1.ReactElement<CustomSVGProps, string | React$1.JSXElementConstructor<any>> | keyof IconNameToSizes | undefined;
|
|
1287
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>> | undefined;
|
|
1288
|
+
sdsSize?: ButtonLegacySize | undefined;
|
|
1289
|
+
}, "ref">) & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1290
|
+
//#endregion
|
|
1291
|
+
//#region src/core/ButtonToggleLegacy/index.d.ts
|
|
1292
|
+
interface ButtonToggleLegacyProps extends ButtonProps$1 {
|
|
1293
|
+
disabled?: boolean;
|
|
1294
|
+
icon: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1295
|
+
sdsSize?: "small" | "medium" | "large";
|
|
1296
|
+
sdsStage?: "on" | "off";
|
|
1297
|
+
sdsType?: "primary" | "secondary";
|
|
1268
1298
|
}
|
|
1269
1299
|
/**
|
|
1270
1300
|
* @see https://mui.com/material-ui/react-button/
|
|
1271
1301
|
* @deprecated Use ButtonToggle instead. ButtonToggleLegacy will be removed in a future release.
|
|
1272
1302
|
*/
|
|
1273
|
-
declare const ButtonToggleLegacy: React.ForwardRefExoticComponent<Omit<ButtonToggleLegacyProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
1303
|
+
declare const ButtonToggleLegacy: React$1.ForwardRefExoticComponent<Omit<ButtonToggleLegacyProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1304
|
+
//#endregion
|
|
1305
|
+
//#region src/core/Callout/index.d.ts
|
|
1274
1306
|
declare const SDS_STAGE_OPEN = "open";
|
|
1275
1307
|
declare const SDS_STAGE_CLOSED = "closed";
|
|
1276
1308
|
type CalloutIntentType = "accent" | "info" | "negative" | "notice" | "positive";
|
|
1277
1309
|
type CalloutSdsStyleType = "persistent" | "expandable" | "dismissible";
|
|
1278
1310
|
interface CalloutProps {
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1311
|
+
autoDismiss?: boolean | number;
|
|
1312
|
+
dismissed?: boolean;
|
|
1313
|
+
icon?: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
1314
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1315
|
+
intent: CalloutIntentType;
|
|
1316
|
+
sdsStage?: typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN;
|
|
1317
|
+
title?: string;
|
|
1318
|
+
hideTitle?: boolean;
|
|
1319
|
+
body?: React$1.ReactNode;
|
|
1320
|
+
hideBody?: boolean;
|
|
1321
|
+
extraContent?: React$1.ReactNode;
|
|
1322
|
+
sdsStyle?: CalloutSdsStyleType;
|
|
1291
1323
|
}
|
|
1292
1324
|
type ExposedCalloutProps = Omit<AlertProps, "severity"> & CalloutProps;
|
|
1293
1325
|
/**
|
|
1294
1326
|
* @see https://mui.com/material-ui/react-alert/
|
|
1295
1327
|
*/
|
|
1296
1328
|
declare const Callout: (props: ExposedCalloutProps) => JSX.Element;
|
|
1329
|
+
//#endregion
|
|
1330
|
+
//#region src/core/Callout/components/CalloutTitle/index.d.ts
|
|
1297
1331
|
declare const CalloutTitle: {
|
|
1298
|
-
|
|
1299
|
-
|
|
1332
|
+
({
|
|
1333
|
+
children
|
|
1334
|
+
}: AlertTitleProps): JSX.Element;
|
|
1335
|
+
displayName: string;
|
|
1300
1336
|
};
|
|
1337
|
+
//#endregion
|
|
1338
|
+
//#region src/core/Tooltip/style.d.ts
|
|
1301
1339
|
interface TooltipExtraProps extends CommonThemeProps {
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1340
|
+
arrowOffset?: number;
|
|
1341
|
+
followCursor?: boolean;
|
|
1342
|
+
inverted?: boolean;
|
|
1343
|
+
sdsStyle?: "dark" | "light";
|
|
1344
|
+
hasInvertedStyle?: boolean;
|
|
1345
|
+
title?: React.ReactNode;
|
|
1346
|
+
subtitle?: React.ReactNode;
|
|
1347
|
+
width?: "default" | "wide";
|
|
1348
|
+
textAlign?: "left" | "center" | "right";
|
|
1349
|
+
componentSlot?: React.ReactNode;
|
|
1350
|
+
/**
|
|
1351
|
+
* (v9): MUI removed the Tooltip `PopperComponent` prop in favor of
|
|
1352
|
+
* `slots.popper`. We keep `PopperComponent` as an SDS prop for backward
|
|
1353
|
+
* compatibility and map it to `slots.popper` internally.
|
|
1354
|
+
*/
|
|
1355
|
+
PopperComponent?: React.ElementType;
|
|
1356
|
+
}
|
|
1357
|
+
//#endregion
|
|
1358
|
+
//#region src/core/Tooltip/index.d.ts
|
|
1359
|
+
type TooltipProps = TooltipExtraProps & TooltipProps$1;
|
|
1317
1360
|
/**
|
|
1318
1361
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
1319
1362
|
*
|
|
@@ -1322,87 +1365,103 @@ type TooltipProps = TooltipExtraProps & RawTooltipProps;
|
|
|
1322
1365
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
1323
1366
|
*/
|
|
1324
1367
|
declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
1368
|
+
//#endregion
|
|
1369
|
+
//#region src/core/CellBasic/style.d.ts
|
|
1325
1370
|
interface CellBasicExtraProps extends CommonThemeProps {
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
}
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1371
|
+
horizontalAlign?: "left" | "right";
|
|
1372
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
1373
|
+
iconVerticalAlign?: "top" | "center" | "bottom";
|
|
1374
|
+
shouldTextWrap?: boolean;
|
|
1375
|
+
primaryTextWrapLineCount?: number;
|
|
1376
|
+
secondaryTextWrapLineCount?: number;
|
|
1377
|
+
tertiaryTextWrapLineCount?: number;
|
|
1378
|
+
tabularNums?: boolean;
|
|
1379
|
+
shouldShowUnderlineOnHover?: boolean;
|
|
1380
|
+
isRowHovered?: boolean;
|
|
1381
|
+
component?: React$1.ElementType;
|
|
1382
|
+
extraRightPadding?: number;
|
|
1383
|
+
}
|
|
1384
|
+
//#endregion
|
|
1385
|
+
//#region src/core/CellBasic/index.d.ts
|
|
1386
|
+
interface CellBasicContentProps extends Omit<React$1.HTMLProps<HTMLDivElement>, "as"> {
|
|
1387
|
+
primaryText: string;
|
|
1388
|
+
primaryTextWrapLineCount?: number;
|
|
1389
|
+
secondaryText?: string;
|
|
1390
|
+
secondaryTextWrapLineCount?: number;
|
|
1391
|
+
tertiaryText?: string;
|
|
1392
|
+
tertiaryTextWrapLineCount?: number;
|
|
1393
|
+
shouldTextWrap?: boolean;
|
|
1394
|
+
icon?: React$1.ReactElement<CustomSVGProps>;
|
|
1395
|
+
iconVerticalAlign?: "top" | "center" | "bottom";
|
|
1396
|
+
primaryTextComponentSlotRight?: React$1.ReactNode;
|
|
1397
|
+
primaryTextComponentSlotBottom?: React$1.ReactNode;
|
|
1398
|
+
horizontalAlign?: "left" | "right";
|
|
1399
|
+
tabularNums?: boolean;
|
|
1400
|
+
as?: React$1.ElementType;
|
|
1401
|
+
link?: string;
|
|
1402
|
+
linkProps?: React$1.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
1403
|
+
linkComponent?: React$1.ElementType;
|
|
1357
1404
|
}
|
|
1358
1405
|
interface CellBasicRawProps {
|
|
1359
|
-
|
|
1360
|
-
|
|
1406
|
+
shouldShowTooltipOnHover?: boolean;
|
|
1407
|
+
tooltipProps?: Partial<TooltipProps>;
|
|
1361
1408
|
}
|
|
1362
1409
|
type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps;
|
|
1363
|
-
declare const CellBasic: React.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1410
|
+
declare const CellBasic: React$1.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1411
|
+
//#endregion
|
|
1412
|
+
//#region src/core/CellComponent/style.d.ts
|
|
1364
1413
|
interface CellComponentExtraProps extends CommonThemeProps {
|
|
1365
|
-
|
|
1366
|
-
|
|
1414
|
+
horizontalAlign?: "left" | "center" | "right";
|
|
1415
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
1367
1416
|
}
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1417
|
+
//#endregion
|
|
1418
|
+
//#region src/core/CellComponent/index.d.ts
|
|
1419
|
+
interface CellComponentContentProps extends Omit<React$1.HTMLProps<HTMLDivElement>, "as"> {
|
|
1420
|
+
children?: ReactNode;
|
|
1421
|
+
as?: React$1.ElementType;
|
|
1371
1422
|
}
|
|
1372
1423
|
type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
|
|
1373
|
-
declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1424
|
+
declare const CellComponent: React$1.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1425
|
+
//#endregion
|
|
1426
|
+
//#region src/core/CellHeader/style.d.ts
|
|
1374
1427
|
interface CellHeaderExtraProps extends CommonThemeProps {
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
}
|
|
1428
|
+
active?: boolean;
|
|
1429
|
+
hideSortIcon?: boolean;
|
|
1430
|
+
horizontalAlign?: "left" | "center" | "right";
|
|
1431
|
+
hover?: boolean;
|
|
1432
|
+
shouldTruncate?: boolean;
|
|
1433
|
+
}
|
|
1434
|
+
//#endregion
|
|
1435
|
+
//#region src/core/CellHeader/index.d.ts
|
|
1381
1436
|
type CellHeaderDirection = "asc" | "desc";
|
|
1382
1437
|
interface CellHeaderContentProps {
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
}
|
|
1391
|
-
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLDivElement>, "as"> {
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1438
|
+
active?: boolean;
|
|
1439
|
+
direction?: CellHeaderDirection;
|
|
1440
|
+
hideSortIcon?: boolean;
|
|
1441
|
+
horizontalAlign?: "left" | "center" | "right";
|
|
1442
|
+
children: React$1.ReactNode;
|
|
1443
|
+
hover?: boolean;
|
|
1444
|
+
shouldTruncate?: boolean;
|
|
1445
|
+
}
|
|
1446
|
+
interface CellHeaderRawProps extends Omit<React$1.HTMLProps<HTMLDivElement>, "as"> {
|
|
1447
|
+
as?: React$1.ElementType;
|
|
1448
|
+
tooltipText?: string;
|
|
1449
|
+
tooltipSubtitle?: string;
|
|
1450
|
+
shouldShowTooltipOnHover?: boolean;
|
|
1451
|
+
tooltipProps?: Partial<TooltipProps>;
|
|
1397
1452
|
}
|
|
1398
1453
|
type CellHeaderProps = CellHeaderRawProps & CellHeaderExtraProps & CellHeaderContentProps;
|
|
1399
|
-
declare const CellHeader: React.ForwardRefExoticComponent<Omit<CellHeaderProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
1454
|
+
declare const CellHeader: React$1.ForwardRefExoticComponent<Omit<CellHeaderProps, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1455
|
+
//#endregion
|
|
1456
|
+
//#region src/core/Chip/style.d.ts
|
|
1400
1457
|
interface ChipExtraProps extends CommonThemeProps {
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1458
|
+
size?: "small" | "medium";
|
|
1459
|
+
status?: "success" | "error" | "warning" | "info" | "pending" | "beta";
|
|
1460
|
+
isRounded?: boolean;
|
|
1404
1461
|
}
|
|
1405
|
-
|
|
1462
|
+
//#endregion
|
|
1463
|
+
//#region src/core/Chip/index.d.ts
|
|
1464
|
+
type ChipProps = ChipExtraProps & ChipProps$1;
|
|
1406
1465
|
/**
|
|
1407
1466
|
* @see https://mui.com/material-ui/react-chip/
|
|
1408
1467
|
*
|
|
@@ -1411,22 +1470,26 @@ type ChipProps = ChipExtraProps & RawChipProps;
|
|
|
1411
1470
|
* Please use `Tag` or `TagFilter` instead.
|
|
1412
1471
|
*/
|
|
1413
1472
|
declare const Chip: (props: ChipProps) => JSX.Element;
|
|
1473
|
+
//#endregion
|
|
1474
|
+
//#region src/core/DropdownMenu/style.d.ts
|
|
1414
1475
|
interface StyleProps$1 extends CommonThemeProps {
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1476
|
+
count?: number;
|
|
1477
|
+
icon?: ReactElement;
|
|
1478
|
+
search?: boolean;
|
|
1479
|
+
isSearchAutoFocus?: boolean;
|
|
1480
|
+
title?: React.ReactNode;
|
|
1481
|
+
isMultiColumn?: boolean;
|
|
1421
1482
|
}
|
|
1422
1483
|
declare const StyledPopper$1: import("@emotion/styled").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
1423
|
-
|
|
1484
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1424
1485
|
} & CommonThemeProps, {}, {}>;
|
|
1425
1486
|
declare const StyledPaper$1: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
1426
|
-
|
|
1427
|
-
}, "className" | "style" | "classes" | "children" | "sx" | "
|
|
1428
|
-
|
|
1487
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
1488
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant"> & {
|
|
1489
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1429
1490
|
} & StyleProps$1, {}, {}>;
|
|
1491
|
+
//#endregion
|
|
1492
|
+
//#region src/core/DropdownMenu/index.d.ts
|
|
1430
1493
|
/**
|
|
1431
1494
|
* @deprecated
|
|
1432
1495
|
* (masoudmanson): We've replaced DefaultDropdownMenuOption with DefaultAutocompleteOption
|
|
@@ -1434,538 +1497,623 @@ declare const StyledPaper$1: import("@emotion/styled").StyledComponent<import("@
|
|
|
1434
1497
|
* prevent potential TypeScript type issues for product teams using previous versions.
|
|
1435
1498
|
*/
|
|
1436
1499
|
type DefaultDropdownMenuOption = DefaultAutocompleteOption;
|
|
1437
|
-
// (masoudmanson): Represents the minimum width defined by design specifications
|
|
1438
|
-
// for the dropdownMenu's popper component
|
|
1439
1500
|
declare const MINIMUM_DROPDOWN_MENU_POPPER_WIDTH = 160;
|
|
1440
1501
|
interface ExtraDropdownMenuProps extends StyleProps$1 {
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
}
|
|
1461
|
-
type CustomAutocompleteProps$
|
|
1462
|
-
type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$
|
|
1502
|
+
keepSearchOnSelect?: boolean;
|
|
1503
|
+
renderInput?: (params: AutocompleteRenderInputParams) => React$1.ReactNode;
|
|
1504
|
+
onInputChange?: (event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void;
|
|
1505
|
+
InputBaseProps?: Partial<InputSearchProps>;
|
|
1506
|
+
PopperBaseProps?: Partial<PopperProps>;
|
|
1507
|
+
title?: React$1.ReactNode;
|
|
1508
|
+
subTitle?: React$1.ReactNode;
|
|
1509
|
+
headerComponentSlot?: JSX.Element;
|
|
1510
|
+
label?: string;
|
|
1511
|
+
anchorEl: HTMLElement | null;
|
|
1512
|
+
PopperComponent?: React$1.JSXElementConstructor<PopperProps>;
|
|
1513
|
+
PaperComponent?: React$1.JSXElementConstructor<PaperProps>;
|
|
1514
|
+
PopperPlacement?: "auto-end" | "auto-start" | "auto" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
|
|
1515
|
+
children?: JSX.Element | null;
|
|
1516
|
+
onClickAway?: (event: MouseEvent | TouchEvent) => void;
|
|
1517
|
+
ClickAwayListenerProps?: Partial<ClickAwayListenerProps>;
|
|
1518
|
+
width?: number | CSSProperties["width"];
|
|
1519
|
+
onOpen?: (event: React$1.SyntheticEvent) => void;
|
|
1520
|
+
onClose?: (event: React$1.SyntheticEvent, reason: AutocompleteCloseReason) => void;
|
|
1521
|
+
}
|
|
1522
|
+
type CustomAutocompleteProps$2<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
|
|
1523
|
+
type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$2<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
|
|
1463
1524
|
declare const DropdownMenu: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
|
|
1464
|
-
|
|
1525
|
+
//#endregion
|
|
1526
|
+
//#region src/core/InputDropdown/style.d.ts
|
|
1465
1527
|
declare const doNotForwardProps: string[];
|
|
1466
|
-
type IntentType$
|
|
1467
|
-
interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
chevronIcon?: string;
|
|
1503
|
-
minimalDetails?: string;
|
|
1504
|
-
};
|
|
1528
|
+
type IntentType$1 = "negative" | "notice" | "positive";
|
|
1529
|
+
interface InputDropdownProps$2 extends CommonThemeProps, Omit<ButtonProps, (typeof doNotForwardProps)[number]> {
|
|
1530
|
+
children?: ReactNode;
|
|
1531
|
+
disabled?: boolean;
|
|
1532
|
+
intent?: "default" | IntentType$1;
|
|
1533
|
+
label: ReactNode;
|
|
1534
|
+
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
1535
|
+
state?: "default" | "open";
|
|
1536
|
+
sdsStyle?: "minimal" | "square" | "rounded";
|
|
1537
|
+
sdsType?: "label" | "value";
|
|
1538
|
+
multiple?: boolean;
|
|
1539
|
+
details?: ReactNode;
|
|
1540
|
+
counter?: ReactNode;
|
|
1541
|
+
value?: ReactNode;
|
|
1542
|
+
shouldTruncateMinimalDetails?: boolean;
|
|
1543
|
+
shouldPutAColonAfterLabel?: boolean;
|
|
1544
|
+
width?: string;
|
|
1545
|
+
className?: string;
|
|
1546
|
+
style?: React.CSSProperties;
|
|
1547
|
+
startIcon?: ReactNode;
|
|
1548
|
+
size?: ButtonProps["size"];
|
|
1549
|
+
}
|
|
1550
|
+
//#endregion
|
|
1551
|
+
//#region src/core/InputDropdown/index.d.ts
|
|
1552
|
+
type InputDropdownProps$1 = InputDropdownProps$2 & {
|
|
1553
|
+
classes?: {
|
|
1554
|
+
root?: string;
|
|
1555
|
+
label?: string;
|
|
1556
|
+
labelDetailsWrapper?: string;
|
|
1557
|
+
contentWrapper?: string;
|
|
1558
|
+
details?: string;
|
|
1559
|
+
counter?: string;
|
|
1560
|
+
iconWrapper?: string;
|
|
1561
|
+
chevronIcon?: string;
|
|
1562
|
+
minimalDetails?: string;
|
|
1563
|
+
};
|
|
1505
1564
|
};
|
|
1506
1565
|
/**
|
|
1507
1566
|
* @see https://mui.com/material-ui/react-button/
|
|
1508
1567
|
*/
|
|
1509
|
-
declare const InputDropdown: (props: InputDropdownProps$
|
|
1510
|
-
|
|
1568
|
+
declare const InputDropdown: (props: InputDropdownProps$1) => JSX.Element;
|
|
1569
|
+
//#endregion
|
|
1570
|
+
//#region src/core/Dropdown/index.d.ts
|
|
1511
1571
|
interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
}
|
|
1531
|
-
type CustomAutocompleteProps$
|
|
1532
|
-
type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$
|
|
1572
|
+
buttonPosition?: "left" | "right";
|
|
1573
|
+
buttons?: boolean;
|
|
1574
|
+
closeOnBlur?: boolean;
|
|
1575
|
+
disabled?: boolean;
|
|
1576
|
+
label: ReactNode;
|
|
1577
|
+
options: AutocompleteSingleColumnOption<T>[] | AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[];
|
|
1578
|
+
search?: boolean;
|
|
1579
|
+
isSearchAutoFocus?: boolean;
|
|
1580
|
+
title?: React$1.ReactNode;
|
|
1581
|
+
DropdownMenuProps?: Partial<DropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>>;
|
|
1582
|
+
InputDropdownProps?: Partial<InputDropdownProps$1>;
|
|
1583
|
+
value?: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>;
|
|
1584
|
+
style?: React$1.CSSProperties;
|
|
1585
|
+
className?: string;
|
|
1586
|
+
InputDropdownComponent?: typeof InputDropdown;
|
|
1587
|
+
isTriggerChangeOnOptionClick?: boolean;
|
|
1588
|
+
onOpen?: (event: React$1.SyntheticEvent) => void;
|
|
1589
|
+
onClose?: (event: React$1.SyntheticEvent, reason: AutocompleteCloseReason$1) => void;
|
|
1590
|
+
}
|
|
1591
|
+
type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "options">;
|
|
1592
|
+
type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownProps<T, Multiple, DisableClearable, FreeSolo>;
|
|
1533
1593
|
declare const Dropdown: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
|
|
1534
|
-
|
|
1594
|
+
//#endregion
|
|
1595
|
+
//#region src/core/ComplexFilter/index.d.ts
|
|
1535
1596
|
interface ComplexFilterProps<T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends Omit<DropdownProps<T, Multiple, DisableClearable, FreeSolo>, "onChange" | "label"> {
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
}
|
|
1540
|
-
declare const ComplexFilter: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1597
|
+
label: ReactNode;
|
|
1598
|
+
onChange?: (options: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>) => void;
|
|
1599
|
+
InputDropdownProps?: Partial<InputDropdownProps$1>;
|
|
1600
|
+
}
|
|
1601
|
+
declare const ComplexFilter: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({
|
|
1602
|
+
label,
|
|
1603
|
+
multiple,
|
|
1604
|
+
search,
|
|
1605
|
+
onChange: userOnChange,
|
|
1606
|
+
InputDropdownProps,
|
|
1607
|
+
value: propValue,
|
|
1608
|
+
options,
|
|
1609
|
+
...rest
|
|
1610
|
+
}: ComplexFilterProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
|
|
1611
|
+
//#endregion
|
|
1612
|
+
//#region src/core/ContentCard/ContentCard.types.d.ts
|
|
1547
1613
|
interface BaseContentCardProps extends CardProps {
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1614
|
+
sdsType?: "wide" | "narrow";
|
|
1615
|
+
overlineText?: ReactNode;
|
|
1616
|
+
titleText?: ReactNode;
|
|
1617
|
+
subtitleText?: ReactNode;
|
|
1618
|
+
metadataText?: ReactNode;
|
|
1619
|
+
boundingBox?: boolean;
|
|
1620
|
+
decorativeBorder?: boolean;
|
|
1621
|
+
children?: ReactNode;
|
|
1622
|
+
clickableCard?: boolean;
|
|
1623
|
+
clickableCardProps?: Partial<ButtonProps & {
|
|
1624
|
+
target?: HTMLAttributeAnchorTarget;
|
|
1625
|
+
}>;
|
|
1626
|
+
buttonsPosition?: "left" | "right";
|
|
1627
|
+
classes?: {
|
|
1628
|
+
cardPaper?: string;
|
|
1629
|
+
cardContent?: string;
|
|
1630
|
+
cardHeader?: string;
|
|
1631
|
+
cardMedia?: string;
|
|
1632
|
+
cardOverline?: string;
|
|
1633
|
+
cardTitle?: string;
|
|
1634
|
+
cardSubtitle?: string;
|
|
1635
|
+
cardMetadata?: string;
|
|
1636
|
+
cardActions?: string;
|
|
1637
|
+
clickableCardButton?: string;
|
|
1638
|
+
};
|
|
1573
1639
|
}
|
|
1574
1640
|
interface ImageContentCardProps extends BaseContentCardProps {
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1641
|
+
visualElementType: "image";
|
|
1642
|
+
image?: ReactNode;
|
|
1643
|
+
imagePosition?: "left" | "right";
|
|
1644
|
+
imagePadding?: boolean;
|
|
1645
|
+
imageSize?: number;
|
|
1646
|
+
icon?: never;
|
|
1581
1647
|
}
|
|
1582
1648
|
interface IconContentCardProps extends BaseContentCardProps {
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1649
|
+
visualElementType: "icon";
|
|
1650
|
+
icon?: ReactNode;
|
|
1651
|
+
image?: never;
|
|
1652
|
+
imageSize?: never;
|
|
1653
|
+
imagePosition?: never;
|
|
1654
|
+
imagePadding?: never;
|
|
1589
1655
|
}
|
|
1590
1656
|
interface NoneContentCardProps extends BaseContentCardProps {
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1657
|
+
visualElementType: "none";
|
|
1658
|
+
icon?: never;
|
|
1659
|
+
image?: never;
|
|
1660
|
+
imagePosition?: never;
|
|
1661
|
+
imagePadding?: never;
|
|
1662
|
+
imageSize?: never;
|
|
1597
1663
|
}
|
|
1598
1664
|
type ContentCardProps = ImageContentCardProps | IconContentCardProps | NoneContentCardProps;
|
|
1665
|
+
//#endregion
|
|
1666
|
+
//#region src/core/ContentCard/style.d.ts
|
|
1667
|
+
type CardExtraProps = Partial<ContentCardProps> & CommonThemeProps;
|
|
1668
|
+
declare const StyledContentCardBody: import("@emotion/styled").StyledComponent<import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
1669
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
1670
|
+
}, "className" | "style" | "classes" | "children" | "sx"> & {
|
|
1671
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1672
|
+
} & CardExtraProps, {}, {}>;
|
|
1673
|
+
//#endregion
|
|
1674
|
+
//#region src/core/ContentCard/components/ContentCardTitle/index.d.ts
|
|
1599
1675
|
interface ContentCardTitleProps extends Pick<BaseContentCardProps, "overlineText" | "titleText" | "subtitleText" | "metadataText"> {
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
}
|
|
1676
|
+
classes?: {
|
|
1677
|
+
cardHeader?: string;
|
|
1678
|
+
cardOverline?: string;
|
|
1679
|
+
cardTitle?: string;
|
|
1680
|
+
cardSubtitle?: string;
|
|
1681
|
+
cardMetadata?: string;
|
|
1682
|
+
};
|
|
1683
|
+
}
|
|
1684
|
+
//#endregion
|
|
1685
|
+
//#region src/core/ContentCard/components/ContentCardActions/index.d.ts
|
|
1608
1686
|
interface ContentCardActionsProps {
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1687
|
+
buttonsPosition?: "left" | "right";
|
|
1688
|
+
clickableCard?: ContentCardProps["clickableCard"];
|
|
1689
|
+
classes?: {
|
|
1690
|
+
cardActions?: string;
|
|
1691
|
+
};
|
|
1692
|
+
children: React$1.ReactElement<ButtonProps> | Array<React$1.ReactElement<ButtonProps>>;
|
|
1615
1693
|
}
|
|
1616
1694
|
/**
|
|
1617
1695
|
* @see https://mui.com/material-ui/api/card-actions/
|
|
1618
1696
|
*/
|
|
1619
|
-
declare const ContentCardActions: React.ForwardRefExoticComponent<ContentCardActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
1697
|
+
declare const ContentCardActions: React$1.ForwardRefExoticComponent<ContentCardActionsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1698
|
+
//#endregion
|
|
1699
|
+
//#region src/core/ContentCard/components/ContentCardTitle/style.d.ts
|
|
1620
1700
|
declare const StyledOverlineText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
1621
1701
|
declare const StyledTitleText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
1622
1702
|
declare const StyledSubtitleText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
1623
1703
|
declare const StyledMetadataText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
1704
|
+
//#endregion
|
|
1705
|
+
//#region src/core/ContentCard/index.d.ts
|
|
1624
1706
|
/**
|
|
1625
1707
|
* @see https://mui.com/material-ui/react-card/
|
|
1626
1708
|
*/
|
|
1627
|
-
declare const ContentCard: React.ForwardRefExoticComponent<(Omit<ImageContentCardProps, "ref"> | Omit<IconContentCardProps, "ref"> | Omit<NoneContentCardProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
1709
|
+
declare const ContentCard: React$1.ForwardRefExoticComponent<(Omit<ImageContentCardProps, "ref"> | Omit<IconContentCardProps, "ref"> | Omit<NoneContentCardProps, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
|
|
1710
|
+
//#endregion
|
|
1711
|
+
//#region src/core/Dialog/components/DialogPaper/index.d.ts
|
|
1628
1712
|
interface DialogPaperProps extends PaperProps {
|
|
1629
|
-
|
|
1713
|
+
sdsSize?: "xs" | "s" | "m" | "l";
|
|
1630
1714
|
}
|
|
1631
1715
|
/**
|
|
1632
1716
|
* @see https://mui.com/material-ui/react-paper/
|
|
1633
1717
|
*/
|
|
1634
1718
|
declare const DialogPaper: import("react").ForwardRefExoticComponent<Omit<DialogPaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
1719
|
+
//#endregion
|
|
1720
|
+
//#region src/core/Dialog/index.d.ts
|
|
1635
1721
|
interface DialogExtraProps {
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1722
|
+
canClickOutsideClose?: boolean;
|
|
1723
|
+
onClose?: (event: object, reason: string) => void;
|
|
1724
|
+
sdsSize?: "xs" | "s" | "m" | "l";
|
|
1725
|
+
PaperComponent?: ComponentType<DialogPaperProps>;
|
|
1726
|
+
DialogComponent?: ComponentType<DialogProps$1>;
|
|
1727
|
+
classes?: {
|
|
1728
|
+
root?: string;
|
|
1729
|
+
paper?: string;
|
|
1730
|
+
title?: string;
|
|
1731
|
+
actions?: string;
|
|
1732
|
+
};
|
|
1647
1733
|
}
|
|
1648
|
-
type DialogProps =
|
|
1734
|
+
type DialogProps = DialogProps$1 & DialogExtraProps;
|
|
1649
1735
|
/**
|
|
1650
1736
|
* @see https://mui.com/material-ui/react-dialog/
|
|
1651
1737
|
*/
|
|
1652
|
-
declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1738
|
+
declare const Dialog: React$1.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1739
|
+
//#endregion
|
|
1740
|
+
//#region src/core/Dialog/components/DialogActions/index.d.ts
|
|
1741
|
+
interface DialogActionsProps extends DialogActionsProps$1 {
|
|
1742
|
+
sdsSize?: DialogExtraProps["sdsSize"];
|
|
1743
|
+
buttonPosition?: "left" | "right";
|
|
1744
|
+
classes?: {
|
|
1745
|
+
root?: string;
|
|
1746
|
+
};
|
|
1659
1747
|
}
|
|
1660
1748
|
/**
|
|
1661
1749
|
* @see https://mui.com/material-ui/react-dialog/
|
|
1662
1750
|
*/
|
|
1663
1751
|
declare const DialogActions: import("react").ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1752
|
+
//#endregion
|
|
1753
|
+
//#region src/core/Dialog/components/DialogContent/index.d.ts
|
|
1754
|
+
type DialogContentProps = DialogContentProps$1 & {
|
|
1755
|
+
classes?: {
|
|
1756
|
+
root?: string;
|
|
1757
|
+
};
|
|
1668
1758
|
};
|
|
1669
1759
|
declare const _default: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
1760
|
+
//#endregion
|
|
1761
|
+
//#region src/core/Dialog/components/DialogTitle/style.d.ts
|
|
1670
1762
|
interface DialogTitleExtraProps extends CommonThemeProps {
|
|
1671
|
-
|
|
1763
|
+
sdsSize?: DialogExtraProps["sdsSize"];
|
|
1672
1764
|
}
|
|
1673
1765
|
declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
1674
|
-
|
|
1675
|
-
}, "
|
|
1676
|
-
|
|
1766
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
1767
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
|
|
1768
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1677
1769
|
} & DialogTitleExtraProps, {}, {}>;
|
|
1678
1770
|
declare const Subtitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
1679
|
-
|
|
1680
|
-
}, "
|
|
1681
|
-
|
|
1771
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
1772
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
|
|
1773
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1682
1774
|
} & DialogTitleExtraProps, {}, {}>;
|
|
1683
1775
|
declare const Overline: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
1684
|
-
|
|
1685
|
-
}, "
|
|
1686
|
-
|
|
1776
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
1777
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
|
|
1778
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
1687
1779
|
} & DialogTitleExtraProps, {}, {}>;
|
|
1688
|
-
|
|
1780
|
+
//#endregion
|
|
1781
|
+
//#region src/core/Dialog/components/DialogTitle/index.d.ts
|
|
1782
|
+
interface DialogTitleProps extends DialogTitleExtraProps, DialogTitleProps$1 {
|
|
1783
|
+
title?: string;
|
|
1784
|
+
subtitle?: string;
|
|
1785
|
+
overline?: string;
|
|
1786
|
+
onClose?: () => void;
|
|
1787
|
+
classes?: {
|
|
1788
|
+
root?: string;
|
|
1689
1789
|
title?: string;
|
|
1690
1790
|
subtitle?: string;
|
|
1691
1791
|
overline?: string;
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
root?: string;
|
|
1695
|
-
title?: string;
|
|
1696
|
-
subtitle?: string;
|
|
1697
|
-
overline?: string;
|
|
1698
|
-
closeButton?: string;
|
|
1699
|
-
};
|
|
1792
|
+
closeButton?: string;
|
|
1793
|
+
};
|
|
1700
1794
|
}
|
|
1701
1795
|
declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
1796
|
+
//#endregion
|
|
1797
|
+
//#region src/core/Hero/Hero.types.d.ts
|
|
1702
1798
|
interface HeroProps {
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
}
|
|
1733
|
-
|
|
1799
|
+
className?: string;
|
|
1800
|
+
heroHeight?: string;
|
|
1801
|
+
children?: ReactNode;
|
|
1802
|
+
overlayContainerMinMargin?: {
|
|
1803
|
+
small: number;
|
|
1804
|
+
medium: number;
|
|
1805
|
+
large: number;
|
|
1806
|
+
};
|
|
1807
|
+
headerText?: string;
|
|
1808
|
+
headerFontSize?: "s" | "m" | "l";
|
|
1809
|
+
captionText?: string;
|
|
1810
|
+
textAlignment?: "left" | "center" | "right";
|
|
1811
|
+
hasInvertTextColor?: boolean;
|
|
1812
|
+
overlayContentWidth?: string;
|
|
1813
|
+
overlayContentPosition?: "top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right";
|
|
1814
|
+
darkeningMask?: boolean;
|
|
1815
|
+
darkeningMaskColor?: string;
|
|
1816
|
+
darkeningMaskOpacity?: number;
|
|
1817
|
+
darkeningVignette?: boolean;
|
|
1818
|
+
overlayMedia?: ReactNode;
|
|
1819
|
+
overlayMediaPosition?: "top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right";
|
|
1820
|
+
overlayMediaMaxHeight?: string;
|
|
1821
|
+
overlayMediaMaxWidth?: string;
|
|
1822
|
+
overlayMediaMargin?: string | {
|
|
1823
|
+
small: string;
|
|
1824
|
+
medium: string;
|
|
1825
|
+
large: string;
|
|
1826
|
+
};
|
|
1827
|
+
backgroundFill?: string | ReactNode;
|
|
1828
|
+
}
|
|
1829
|
+
//#endregion
|
|
1830
|
+
//#region src/core/Hero/index.d.ts
|
|
1831
|
+
declare const Hero: React$1.ForwardRefExoticComponent<HeroProps & React$1.RefAttributes<HTMLElement>>;
|
|
1832
|
+
//#endregion
|
|
1833
|
+
//#region src/core/InputCheckbox/styles.d.ts
|
|
1734
1834
|
interface CheckboxExtraProps extends CommonThemeProps {
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
}
|
|
1739
|
-
|
|
1835
|
+
intent?: "default" | "negative" | "notice" | "positive";
|
|
1836
|
+
label?: React.ReactNode;
|
|
1837
|
+
disabled?: boolean;
|
|
1838
|
+
}
|
|
1839
|
+
//#endregion
|
|
1840
|
+
//#region src/core/InputCheckbox/index.d.ts
|
|
1841
|
+
interface CheckboxContentProps extends Omit<CheckboxProps$1, "color" | "defaultChecked" | "indeterminate"> {
|
|
1842
|
+
caption?: string;
|
|
1843
|
+
checkboxProps?: Partial<CheckboxProps$1>;
|
|
1844
|
+
intent?: "default" | "negative" | "notice" | "positive";
|
|
1845
|
+
label?: React.ReactNode;
|
|
1846
|
+
stage?: "checked" | "unchecked" | "indeterminate";
|
|
1847
|
+
classes?: {
|
|
1848
|
+
root?: string;
|
|
1849
|
+
labelCaptionContainer?: string;
|
|
1850
|
+
label?: string;
|
|
1740
1851
|
caption?: string;
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
root?: string;
|
|
1747
|
-
labelCaptionContainer?: string;
|
|
1748
|
-
label?: string;
|
|
1749
|
-
caption?: string;
|
|
1750
|
-
checkbox?: string;
|
|
1751
|
-
checkboxCheckedIcon?: string;
|
|
1752
|
-
checkboxDefaultIcon?: string;
|
|
1753
|
-
checkboxIndeterminateIcon?: string;
|
|
1754
|
-
};
|
|
1852
|
+
checkbox?: string;
|
|
1853
|
+
checkboxCheckedIcon?: string;
|
|
1854
|
+
checkboxDefaultIcon?: string;
|
|
1855
|
+
checkboxIndeterminateIcon?: string;
|
|
1856
|
+
};
|
|
1755
1857
|
}
|
|
1756
1858
|
type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
|
|
1757
1859
|
/**
|
|
1758
1860
|
* @see https://mui.com/material-ui/react-checkbox/
|
|
1759
1861
|
*/
|
|
1760
1862
|
declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
|
|
1863
|
+
//#endregion
|
|
1864
|
+
//#region src/core/InputRadio/style.d.ts
|
|
1761
1865
|
interface RadioExtraProps extends CommonThemeProps {
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
}
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1866
|
+
intent?: "default" | "negative" | "notice" | "positive";
|
|
1867
|
+
disabled?: boolean;
|
|
1868
|
+
}
|
|
1869
|
+
//#endregion
|
|
1870
|
+
//#region src/core/InputRadio/index.d.ts
|
|
1871
|
+
interface RadioContentProps extends Omit<RadioProps$1, "color" | "defaultChecked"> {
|
|
1872
|
+
caption?: React$1.ReactNode;
|
|
1873
|
+
intent?: "default" | "negative" | "notice" | "positive";
|
|
1874
|
+
label?: React$1.ReactNode;
|
|
1875
|
+
radioProps?: Partial<RadioProps$1>;
|
|
1876
|
+
stage?: "checked" | "unchecked";
|
|
1877
|
+
value?: string;
|
|
1878
|
+
classes?: {
|
|
1879
|
+
root?: string;
|
|
1880
|
+
labelCaptionContainer?: string;
|
|
1881
|
+
label?: string;
|
|
1882
|
+
caption?: string;
|
|
1883
|
+
radioButton?: string;
|
|
1884
|
+
radioCheckedIcon?: string;
|
|
1885
|
+
radioCheckedIconDot?: string;
|
|
1886
|
+
radioDefaultIcon?: string;
|
|
1887
|
+
};
|
|
1782
1888
|
}
|
|
1783
1889
|
type RadioProps = RadioContentProps & RadioExtraProps;
|
|
1784
1890
|
/**
|
|
1785
1891
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
1786
1892
|
*/
|
|
1787
1893
|
declare const InputRadio: (props: RadioProps) => JSX.Element;
|
|
1788
|
-
|
|
1789
|
-
|
|
1894
|
+
//#endregion
|
|
1895
|
+
//#region src/core/InputSlider/style.d.ts
|
|
1896
|
+
interface InputSliderExtraProps extends SliderProps, CommonThemeProps {}
|
|
1897
|
+
//#endregion
|
|
1898
|
+
//#region src/core/InputSlider/index.d.ts
|
|
1790
1899
|
type InputSliderProps = InputSliderExtraProps;
|
|
1791
1900
|
/**
|
|
1792
1901
|
* @see https://mui.com/material-ui/react-slider/
|
|
1793
1902
|
*/
|
|
1794
1903
|
declare const InputSlider: import("react").ForwardRefExoticComponent<Omit<InputSliderExtraProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
1795
|
-
|
|
1904
|
+
//#endregion
|
|
1905
|
+
//#region src/core/InputText/style.d.ts
|
|
1906
|
+
type IntentType = "negative" | "notice" | "positive";
|
|
1796
1907
|
interface InputTextExtraProps extends CommonThemeProps {
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1908
|
+
disabled?: boolean;
|
|
1909
|
+
intent?: "default" | IntentType;
|
|
1910
|
+
sdsType?: "textField" | "textArea";
|
|
1911
|
+
hideLabel?: boolean;
|
|
1801
1912
|
}
|
|
1913
|
+
//#endregion
|
|
1914
|
+
//#region src/core/InputText/index.d.ts
|
|
1802
1915
|
interface AccessibleInputTextProps {
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1916
|
+
label: React.ReactNode;
|
|
1917
|
+
placeholder?: string;
|
|
1918
|
+
id: string;
|
|
1919
|
+
classes?: {
|
|
1920
|
+
root?: string;
|
|
1921
|
+
label?: string;
|
|
1922
|
+
input?: string;
|
|
1923
|
+
};
|
|
1811
1924
|
}
|
|
1812
|
-
type InputTextProps =
|
|
1925
|
+
type InputTextProps = TextFieldProps & InputTextExtraProps & AccessibleInputTextProps;
|
|
1813
1926
|
/**
|
|
1814
1927
|
* @see https://mui.com/material-ui/react-text-field/
|
|
1815
1928
|
*/
|
|
1816
|
-
declare const InputText: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").
|
|
1929
|
+
declare const InputText: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
|
|
1930
|
+
//#endregion
|
|
1931
|
+
//#region src/core/InputToggle/style.d.ts
|
|
1817
1932
|
interface InputToggleExtraProps extends SwitchProps, CommonThemeProps {
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1933
|
+
offLabel?: string;
|
|
1934
|
+
onChange?(e: React.ChangeEvent): void;
|
|
1935
|
+
onLabel?: string;
|
|
1936
|
+
width?: number;
|
|
1822
1937
|
}
|
|
1938
|
+
//#endregion
|
|
1939
|
+
//#region src/core/InputToggle/index.d.ts
|
|
1823
1940
|
/**
|
|
1824
1941
|
* @see https://mui.com/material-ui/react-switch/
|
|
1825
1942
|
*/
|
|
1826
1943
|
declare const InputToggle: (props: InputToggleExtraProps) => import("react/jsx-runtime").JSX.Element;
|
|
1944
|
+
//#endregion
|
|
1945
|
+
//#region src/core/IntentMessage/IntentMessage.types.d.ts
|
|
1827
1946
|
type IntentMessageIntent = "negative" | "notice" | "positive";
|
|
1828
1947
|
interface IntentMessageItem {
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1948
|
+
intent: IntentMessageIntent;
|
|
1949
|
+
icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
1950
|
+
text: string;
|
|
1832
1951
|
}
|
|
1833
1952
|
interface IntentMessageProps {
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
}
|
|
1953
|
+
autoOrder?: boolean;
|
|
1954
|
+
orderBy?: IntentMessageIntent[];
|
|
1955
|
+
children?: React.ReactNode;
|
|
1956
|
+
messages?: IntentMessageItem[];
|
|
1957
|
+
border?: boolean;
|
|
1958
|
+
}
|
|
1959
|
+
//#endregion
|
|
1960
|
+
//#region src/core/IntentMessage/index.d.ts
|
|
1840
1961
|
declare const IntentMessage: (props: IntentMessageProps) => JSX.Element;
|
|
1962
|
+
//#endregion
|
|
1963
|
+
//#region src/core/Legend/Legend.types.d.ts
|
|
1841
1964
|
interface LegendItemData {
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1965
|
+
/**
|
|
1966
|
+
* Name/label for the legend item
|
|
1967
|
+
*/
|
|
1968
|
+
name: string;
|
|
1969
|
+
/**
|
|
1970
|
+
* Value to display (optional)
|
|
1971
|
+
*/
|
|
1972
|
+
value?: number | string;
|
|
1973
|
+
/**
|
|
1974
|
+
* Color for the legend icon
|
|
1975
|
+
* Can be overridden by the colors prop in LegendProps
|
|
1976
|
+
* Falls back to gray if not provided
|
|
1977
|
+
*/
|
|
1978
|
+
color?: string;
|
|
1979
|
+
/**
|
|
1980
|
+
* Disable the legend item (prevents all events)
|
|
1981
|
+
* @default false
|
|
1982
|
+
*/
|
|
1983
|
+
disabled?: boolean;
|
|
1861
1984
|
}
|
|
1862
1985
|
interface LegendProps extends HTMLAttributes<HTMLDivElement> {
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
}
|
|
1986
|
+
/**
|
|
1987
|
+
* Array of legend items to display
|
|
1988
|
+
*/
|
|
1989
|
+
items: LegendItemData[];
|
|
1990
|
+
/**
|
|
1991
|
+
* Optional array of colors to assign to items. If not provided or if the array
|
|
1992
|
+
* is shorter than items, will use the color from the item or fall back to gray.
|
|
1993
|
+
*/
|
|
1994
|
+
colors?: string[];
|
|
1995
|
+
/**
|
|
1996
|
+
* Callback when mouse enters a legend item
|
|
1997
|
+
*/
|
|
1998
|
+
onItemMouseEnter?: (item: LegendItemData, index: number) => void;
|
|
1999
|
+
/**
|
|
2000
|
+
* Callback when mouse leaves a legend item
|
|
2001
|
+
*/
|
|
2002
|
+
onItemMouseLeave?: (item: LegendItemData, index: number) => void;
|
|
2003
|
+
/**
|
|
2004
|
+
* Callback when a legend item is clicked
|
|
2005
|
+
*/
|
|
2006
|
+
onItemClick?: (item: LegendItemData, index: number) => void;
|
|
2007
|
+
/**
|
|
2008
|
+
* Whether to show values in the legend
|
|
2009
|
+
* @default false
|
|
2010
|
+
*/
|
|
2011
|
+
showValues?: boolean;
|
|
2012
|
+
/**
|
|
2013
|
+
* Array of selected item indices (controlled component)
|
|
2014
|
+
*/
|
|
2015
|
+
selectedIndices?: number[];
|
|
2016
|
+
/**
|
|
2017
|
+
* Callback when selection changes
|
|
2018
|
+
* @param selectedIndices Array of selected indices
|
|
2019
|
+
*/
|
|
2020
|
+
onSelectionChange?: (selectedIndices: number[]) => void;
|
|
2021
|
+
/**
|
|
2022
|
+
* External control for hovered index (for bidirectional hover with charts)
|
|
2023
|
+
*/
|
|
2024
|
+
hoveredIndex?: number | null;
|
|
2025
|
+
}
|
|
2026
|
+
//#endregion
|
|
2027
|
+
//#region src/core/Legend/index.d.ts
|
|
1903
2028
|
declare const Legend: (props: LegendProps) => JSX.Element;
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
2029
|
+
//#endregion
|
|
2030
|
+
//#region src/core/Link/index.d.ts
|
|
2031
|
+
type LinkProps<C extends React$1.ElementType = "a"> = LinkProps$1<C> & {
|
|
2032
|
+
fontWeight?: "normal" | "bold";
|
|
2033
|
+
sdsSize?: "xs" | "s";
|
|
2034
|
+
sdsStyle?: "default" | "dashed";
|
|
1908
2035
|
};
|
|
1909
2036
|
/**
|
|
1910
2037
|
* @see https://mui.com/material-ui/react-link/
|
|
1911
2038
|
*/
|
|
1912
|
-
declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
2039
|
+
declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps<React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements>>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
2040
|
+
//#endregion
|
|
2041
|
+
//#region src/core/List/style.d.ts
|
|
1913
2042
|
interface ListExtraProps extends CommonThemeProps {
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
2043
|
+
component?: unknown;
|
|
2044
|
+
marginBottom?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l";
|
|
2045
|
+
ordered?: boolean;
|
|
1917
2046
|
}
|
|
1918
|
-
|
|
2047
|
+
//#endregion
|
|
2048
|
+
//#region src/core/List/index.d.ts
|
|
2049
|
+
type ListProps = ListExtraProps & ListProps$1;
|
|
1919
2050
|
/**
|
|
1920
2051
|
* @see https://mui.com/material-ui/react-list/
|
|
1921
2052
|
*/
|
|
1922
2053
|
declare const List: (props: ListProps) => JSX.Element;
|
|
2054
|
+
//#endregion
|
|
2055
|
+
//#region src/core/List/components/ListItem/style.d.ts
|
|
1923
2056
|
interface ListItemExtraProps extends CommonThemeProps {
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
2057
|
+
marginBottom?: "s" | "xs" | "xxs";
|
|
2058
|
+
fontSize?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l";
|
|
2059
|
+
ordered?: boolean;
|
|
1927
2060
|
}
|
|
1928
2061
|
declare const ListItemLabel: import("@emotion/styled").StyledComponent<{
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
} & CommonThemeProps,
|
|
1932
|
-
|
|
2062
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
2063
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
2064
|
+
} & CommonThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
2065
|
+
//#endregion
|
|
2066
|
+
//#region src/core/List/components/ListItem/index.d.ts
|
|
2067
|
+
type ListItemProps = ListItemProps$1 & ListItemExtraProps;
|
|
1933
2068
|
/**
|
|
1934
2069
|
* @see https://mui.com/material-ui/react-list/
|
|
1935
2070
|
*/
|
|
1936
2071
|
declare const ListItem: (props: ListItemProps) => JSX.Element;
|
|
1937
|
-
|
|
2072
|
+
//#endregion
|
|
2073
|
+
//#region src/core/List/components/ListSubheader/index.d.ts
|
|
2074
|
+
type ListSubheaderProps = ListSubheaderProps$1;
|
|
1938
2075
|
/**
|
|
1939
2076
|
* @see https://mui.com/material-ui/react-list/
|
|
1940
2077
|
*/
|
|
1941
2078
|
declare const ListSubheader: (props: ListSubheaderProps) => JSX.Element;
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
2079
|
+
//#endregion
|
|
2080
|
+
//#region src/core/LoadingIndicator/style.d.ts
|
|
2081
|
+
interface LoadingIndicatorProps$1 extends CommonThemeProps {
|
|
2082
|
+
sdsStyle: "minimal" | "tag";
|
|
2083
|
+
}
|
|
2084
|
+
//#endregion
|
|
2085
|
+
//#region src/core/LoadingIndicator/index.d.ts
|
|
2086
|
+
type LoadingIndicatorProps = LoadingIndicatorProps$1 & {
|
|
2087
|
+
"aria-label"?: string;
|
|
1948
2088
|
};
|
|
1949
|
-
declare const LoadingIndicator: ({
|
|
1950
|
-
|
|
2089
|
+
declare const LoadingIndicator: ({
|
|
2090
|
+
"aria-label": ariaLabel,
|
|
2091
|
+
sdsStyle
|
|
2092
|
+
}: LoadingIndicatorProps) => JSX.Element;
|
|
2093
|
+
//#endregion
|
|
2094
|
+
//#region src/core/Menu/index.d.ts
|
|
2095
|
+
type MenuProps = MenuProps$1;
|
|
1951
2096
|
/**
|
|
1952
2097
|
* @see https://mui.com/material-ui/react-menu/
|
|
1953
2098
|
*/
|
|
1954
2099
|
declare const Menu: (props: MenuProps) => JSX.Element;
|
|
1955
|
-
|
|
1956
|
-
|
|
2100
|
+
//#endregion
|
|
2101
|
+
//#region src/core/MenuSelect/style.d.ts
|
|
2102
|
+
interface StyleProps extends CommonThemeProps {
|
|
2103
|
+
search?: boolean;
|
|
1957
2104
|
}
|
|
1958
|
-
|
|
2105
|
+
//#endregion
|
|
2106
|
+
//#region src/core/MenuSelect/index.d.ts
|
|
1959
2107
|
interface DefaultMenuSelectOption {
|
|
1960
|
-
|
|
2108
|
+
name: string;
|
|
1961
2109
|
}
|
|
1962
|
-
interface MenuSelectExtraProps extends StyleProps
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
2110
|
+
interface MenuSelectExtraProps extends StyleProps {
|
|
2111
|
+
keepSearchOnSelect?: boolean;
|
|
2112
|
+
renderInput?: (params: AutocompleteRenderInputParams) => React$1.ReactNode;
|
|
2113
|
+
InputBaseProps?: Partial<InputSearchProps>;
|
|
1966
2114
|
}
|
|
1967
|
-
type CustomAutocompleteProps
|
|
1968
|
-
type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = CustomAutocompleteProps
|
|
2115
|
+
type CustomAutocompleteProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
|
|
2116
|
+
type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = CustomAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> & MenuSelectExtraProps;
|
|
1969
2117
|
/**
|
|
1970
2118
|
* @see https://mui.com/material-ui/react-autocomplete/
|
|
1971
2119
|
*
|
|
@@ -1974,34 +2122,31 @@ type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, Disabl
|
|
|
1974
2122
|
* Please use `Autocomplete` or `Dropdown` instead.
|
|
1975
2123
|
*/
|
|
1976
2124
|
declare const MenuSelect: <T extends DefaultMenuSelectOption, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: MenuSelectProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
] | [
|
|
1981
|
-
string,
|
|
1982
|
-
string,
|
|
1983
|
-
string
|
|
1984
|
-
];
|
|
2125
|
+
//#endregion
|
|
2126
|
+
//#region src/core/Tag/style.d.ts
|
|
2127
|
+
type SdsTagColorType = "info" | "positive" | "notice" | "negative" | "neutral" | "beta" | [string, string] | [string, string, string];
|
|
1985
2128
|
interface ExtraSmallTagProps extends CommonThemeProps {
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
2129
|
+
hover?: boolean;
|
|
2130
|
+
sdsType?: "primary" | "secondary";
|
|
2131
|
+
sdsStyle?: "square" | "rounded";
|
|
2132
|
+
sdsSize?: "s";
|
|
2133
|
+
tagColor?: SdsTagColorType;
|
|
2134
|
+
icon?: JSX.Element;
|
|
1992
2135
|
}
|
|
1993
2136
|
interface ExtraLargeTagProps extends CommonThemeProps {
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2137
|
+
hover?: boolean;
|
|
2138
|
+
sdsType?: "primary" | "secondary";
|
|
2139
|
+
sdsStyle?: "square" | "rounded";
|
|
2140
|
+
sdsSize?: "l";
|
|
2141
|
+
tagColor?: SdsTagColorType;
|
|
2142
|
+
icon: JSX.Element;
|
|
2000
2143
|
}
|
|
2001
2144
|
type ExtraTagProps = ExtraSmallTagProps | ExtraLargeTagProps;
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2145
|
+
//#endregion
|
|
2146
|
+
//#region src/core/Tag/index.d.ts
|
|
2147
|
+
interface SdsTagProps extends Omit<ChipProps$1, "color"> {
|
|
2148
|
+
label: string;
|
|
2149
|
+
color?: SdsTagColorType;
|
|
2005
2150
|
}
|
|
2006
2151
|
type TagProps = SdsTagProps & ExtraTagProps;
|
|
2007
2152
|
/**
|
|
@@ -2012,373 +2157,447 @@ type TagProps = SdsTagProps & ExtraTagProps;
|
|
|
2012
2157
|
* [string, string, string] - applies custom colors for [font, background, icon]
|
|
2013
2158
|
*/
|
|
2014
2159
|
declare const Tag: (props: TagProps) => JSX.Element;
|
|
2160
|
+
//#endregion
|
|
2161
|
+
//#region src/core/NavigationFooter/NavigationFooter.types.d.ts
|
|
2015
2162
|
interface NavigationFooterNavItem {
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2163
|
+
label: string;
|
|
2164
|
+
url?: string;
|
|
2165
|
+
component?: ElementType;
|
|
2166
|
+
linkProps?: Record<string, unknown>;
|
|
2020
2167
|
}
|
|
2021
2168
|
interface FooterImage {
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2169
|
+
image: ReactNode;
|
|
2170
|
+
url?: string;
|
|
2171
|
+
component?: ElementType;
|
|
2172
|
+
linkProps?: Record<string, unknown>;
|
|
2026
2173
|
}
|
|
2027
2174
|
interface NavigationFooterProps {
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2175
|
+
backgroundAppearance?: "matchBackground" | "dark";
|
|
2176
|
+
images?: FooterImage[];
|
|
2177
|
+
logo?: ReactNode;
|
|
2178
|
+
logoUrl?: string;
|
|
2179
|
+
logoComponent?: ElementType;
|
|
2180
|
+
logoLinkProps?: Record<string, unknown>;
|
|
2181
|
+
navItems?: NavigationFooterNavItem[];
|
|
2182
|
+
navLinks?: NavigationFooterNavItem[];
|
|
2183
|
+
tag?: string;
|
|
2184
|
+
tagColor?: TagProps["tagColor"];
|
|
2185
|
+
title?: string;
|
|
2039
2186
|
}
|
|
2040
2187
|
interface NavItemProps {
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2188
|
+
item: NavigationFooterNavItem;
|
|
2189
|
+
hasInvertedStyle?: boolean;
|
|
2190
|
+
isNarrow?: boolean;
|
|
2044
2191
|
}
|
|
2045
2192
|
interface FooterLinkProps {
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
}
|
|
2050
|
-
|
|
2193
|
+
link: NavigationFooterNavItem;
|
|
2194
|
+
showDivider: boolean;
|
|
2195
|
+
hasInvertedStyle?: boolean;
|
|
2196
|
+
}
|
|
2197
|
+
//#endregion
|
|
2198
|
+
//#region src/core/NavigationFooter/index.d.ts
|
|
2199
|
+
declare function NavigationFooter({
|
|
2200
|
+
backgroundAppearance,
|
|
2201
|
+
images,
|
|
2202
|
+
logo,
|
|
2203
|
+
logoUrl,
|
|
2204
|
+
logoComponent,
|
|
2205
|
+
logoLinkProps,
|
|
2206
|
+
navItems,
|
|
2207
|
+
navLinks,
|
|
2208
|
+
tag,
|
|
2209
|
+
tagColor,
|
|
2210
|
+
title,
|
|
2211
|
+
...rest
|
|
2212
|
+
}: NavigationFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
2213
|
+
//#endregion
|
|
2214
|
+
//#region src/core/NavigationHeader/components/NavigationHeaderPrimaryNav/index.d.ts
|
|
2051
2215
|
interface BaseNavigationHeaderPrimaryNavItem<T extends string> extends Record<string, unknown> {
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2216
|
+
key: T;
|
|
2217
|
+
label: ReactNode;
|
|
2218
|
+
onClick?: (e: React.SyntheticEvent) => void;
|
|
2055
2219
|
}
|
|
2056
2220
|
interface TextNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2221
|
+
itemType: "text";
|
|
2222
|
+
tag?: string;
|
|
2223
|
+
tagColor?: SdsTagColorType;
|
|
2060
2224
|
}
|
|
2061
2225
|
interface DropdownItem {
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2226
|
+
label: ReactNode;
|
|
2227
|
+
details?: string;
|
|
2228
|
+
icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
2229
|
+
section?: string;
|
|
2230
|
+
onClick?: (event: React.MouseEvent) => void;
|
|
2231
|
+
component?: React.ElementType;
|
|
2232
|
+
href?: string;
|
|
2233
|
+
rel?: string;
|
|
2234
|
+
target?: string;
|
|
2071
2235
|
}
|
|
2072
2236
|
interface ActionItem {
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2237
|
+
label: ReactNode;
|
|
2238
|
+
onClick?: (event: React.MouseEvent) => void;
|
|
2239
|
+
href?: string;
|
|
2240
|
+
component?: React.ElementType;
|
|
2241
|
+
target?: string;
|
|
2242
|
+
rel?: string;
|
|
2079
2243
|
}
|
|
2080
2244
|
interface SectionProps {
|
|
2081
|
-
|
|
2082
|
-
|
|
2245
|
+
actions?: ActionItem[];
|
|
2246
|
+
colSpan?: number;
|
|
2083
2247
|
}
|
|
2084
2248
|
interface DropdownNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2249
|
+
itemType: "dropdown";
|
|
2250
|
+
items: DropdownItem[];
|
|
2251
|
+
sectionProps?: Record<string, SectionProps>;
|
|
2252
|
+
defaultUrl?: string;
|
|
2253
|
+
component?: React.ElementType;
|
|
2254
|
+
target?: string;
|
|
2255
|
+
rel?: string;
|
|
2092
2256
|
}
|
|
2093
2257
|
type NavigationHeaderPrimaryNavItem<T extends string> = TextNavigationHeaderPrimaryNavItem<T> | DropdownNavigationHeaderPrimaryNavItem<T>;
|
|
2094
2258
|
interface NavigationHeaderPrimaryNavProps<T extends string> {
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
}
|
|
2259
|
+
menuProps?: Partial<MenuProps$1>;
|
|
2260
|
+
hasInvertedStyle?: boolean;
|
|
2261
|
+
isNarrow?: boolean;
|
|
2262
|
+
items: NavigationHeaderPrimaryNavItem<T>[];
|
|
2263
|
+
onChange(value: T): void;
|
|
2264
|
+
value: T;
|
|
2265
|
+
sdsStyle?: "dropdown" | "drawer";
|
|
2266
|
+
expandedAccordion: string | null;
|
|
2267
|
+
setExpandedAccordion: (value: string | null) => void;
|
|
2268
|
+
accordionRefs: React.MutableRefObject<Map<string, HTMLDivElement>>;
|
|
2269
|
+
scrollToAccordion?: (accordionId: string) => void;
|
|
2270
|
+
onDrawerStateChange?: (isOpen: boolean) => void;
|
|
2271
|
+
topOffset?: number;
|
|
2272
|
+
onClose?: () => void;
|
|
2273
|
+
onDrawerStyleNavItemHover?: (item: NavigationHeaderPrimaryNavItem<T>) => void;
|
|
2274
|
+
}
|
|
2275
|
+
//#endregion
|
|
2276
|
+
//#region src/core/NavigationHeader/components/NavigationHeaderSecondaryNav/index.d.ts
|
|
2111
2277
|
interface BaseNavigationHeaderSecondaryNavItem<T extends string> extends Record<string, unknown> {
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2278
|
+
key: T;
|
|
2279
|
+
label: ReactNode;
|
|
2280
|
+
onClick?: (e: React.SyntheticEvent) => void;
|
|
2115
2281
|
}
|
|
2116
2282
|
interface TextNavigationHeaderSecondaryNavItem<T extends string> extends BaseNavigationHeaderSecondaryNavItem<T> {
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2283
|
+
itemType: "text";
|
|
2284
|
+
tag?: string;
|
|
2285
|
+
tagColor?: SdsTagColorType;
|
|
2120
2286
|
}
|
|
2121
2287
|
interface DropdownNavigationHeaderSecondaryNavItem<T extends string> extends BaseNavigationHeaderSecondaryNavItem<T> {
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2288
|
+
itemType: "dropdown";
|
|
2289
|
+
items: DropdownItem[];
|
|
2290
|
+
sectionProps?: Record<string, SectionProps>;
|
|
2291
|
+
defaultUrl?: string;
|
|
2292
|
+
component?: React.ElementType;
|
|
2293
|
+
target?: string;
|
|
2294
|
+
rel?: string;
|
|
2129
2295
|
}
|
|
2130
2296
|
type NavigationHeaderSecondaryNavItem<T extends string> = TextNavigationHeaderSecondaryNavItem<T> | DropdownNavigationHeaderSecondaryNavItem<T>;
|
|
2131
2297
|
interface NavigationHeaderSecondaryNavProps<T extends string> {
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
}
|
|
2298
|
+
menuProps?: Partial<MenuProps$1>;
|
|
2299
|
+
items: NavigationHeaderSecondaryNavItem<T>[];
|
|
2300
|
+
hasInvertedStyle?: boolean;
|
|
2301
|
+
isNarrow?: boolean;
|
|
2302
|
+
sdsStyle?: "dropdown" | "drawer";
|
|
2303
|
+
expandedAccordion: string | null;
|
|
2304
|
+
setExpandedAccordion: (value: string | null) => void;
|
|
2305
|
+
accordionRefs: React.MutableRefObject<Map<string, HTMLDivElement>>;
|
|
2306
|
+
scrollToAccordion?: (accordionId: string) => void;
|
|
2307
|
+
onDrawerStateChange?: (isOpen: boolean) => void;
|
|
2308
|
+
topOffset?: number;
|
|
2309
|
+
onClose?: () => void;
|
|
2310
|
+
onDrawerStyleNavItemHover?: (item: NavigationHeaderSecondaryNavItem<T>) => void;
|
|
2311
|
+
}
|
|
2312
|
+
//#endregion
|
|
2313
|
+
//#region src/core/NavigationHeader/NavigationHeader.types.d.ts
|
|
2146
2314
|
interface NavigationHeaderProps<T extends string = string> extends Omit<AppBarProps, "position"> {
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2315
|
+
activePrimaryNavKey?: string;
|
|
2316
|
+
buttons?: Partial<ButtonProps>[] | React.ReactNode[];
|
|
2317
|
+
backgroundAppearance?: "matchBackground" | "dark";
|
|
2318
|
+
logo?: ReactNode;
|
|
2319
|
+
logoUrl?: string;
|
|
2320
|
+
logoLinkComponent?: ElementType;
|
|
2321
|
+
logoLinkProps?: LinkProps$1;
|
|
2322
|
+
scrollElevation?: boolean;
|
|
2323
|
+
primaryNavItems?: NavigationHeaderPrimaryNavItem<T>[];
|
|
2324
|
+
primaryNavPosition?: "left" | "right";
|
|
2325
|
+
searchProps?: Partial<InputSearchProps>;
|
|
2326
|
+
secondaryNavItems?: NavigationHeaderSecondaryNavItem<T>[];
|
|
2327
|
+
setActivePrimaryNavKey?(key: string): void;
|
|
2328
|
+
showSearch?: boolean;
|
|
2329
|
+
tag?: string;
|
|
2330
|
+
tagColor?: SdsTagColorType;
|
|
2331
|
+
title?: string;
|
|
2332
|
+
drawerOpen?: boolean;
|
|
2333
|
+
setDrawerOpen?: (open: boolean) => void;
|
|
2334
|
+
menuProps?: Partial<MenuProps$1>;
|
|
2335
|
+
sdsStyle?: "dropdown" | "drawer";
|
|
2336
|
+
onDrawerStyleNavItemHover?: (item: NavigationHeaderPrimaryNavItem<T> | NavigationHeaderSecondaryNavItem<T>) => void;
|
|
2337
|
+
isSticky?: boolean;
|
|
2338
|
+
topComponentSlot?: ReactNode;
|
|
2171
2339
|
}
|
|
2172
2340
|
type IconButtonProps = SdsIconButtonLegacyProps & {
|
|
2173
|
-
|
|
2341
|
+
children?: string;
|
|
2174
2342
|
};
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2343
|
+
//#endregion
|
|
2344
|
+
//#region src/core/NavigationHeader/index.d.ts
|
|
2345
|
+
declare const NavigationHeader: React$1.ForwardRefExoticComponent<Omit<NavigationHeaderProps<string>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2346
|
+
//#endregion
|
|
2347
|
+
//#region src/core/NavigationJumpTo/style.d.ts
|
|
2348
|
+
interface NavigationJumpToExtraProps extends Omit<TabsProps$1, "onChange">, CommonThemeProps {
|
|
2349
|
+
width?: CSSProperties["width"];
|
|
2350
|
+
isSubItem?: boolean;
|
|
2351
|
+
}
|
|
2352
|
+
//#endregion
|
|
2353
|
+
//#region src/core/NavigationJumpTo/index.d.ts
|
|
2180
2354
|
type SubItem = {
|
|
2181
|
-
|
|
2182
|
-
|
|
2355
|
+
title: string;
|
|
2356
|
+
elementRef: React$1.MutableRefObject<HTMLElement | null>;
|
|
2183
2357
|
};
|
|
2184
2358
|
type Item = {
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2359
|
+
title: string;
|
|
2360
|
+
elementRef: React$1.MutableRefObject<HTMLElement | null>;
|
|
2361
|
+
subItems?: SubItem[];
|
|
2188
2362
|
};
|
|
2189
2363
|
interface NavigationJumpToProps extends NavigationJumpToExtraProps {
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
}
|
|
2195
|
-
declare const NavigationJumpTo: React.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
2364
|
+
items: Array<Item>;
|
|
2365
|
+
offsetTop?: number;
|
|
2366
|
+
onChange?: (value: number, event?: React$1.SyntheticEvent, type?: "click" | "scroll") => void;
|
|
2367
|
+
width?: CSSProperties["width"];
|
|
2368
|
+
}
|
|
2369
|
+
declare const NavigationJumpTo: React$1.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2370
|
+
//#endregion
|
|
2371
|
+
//#region src/core/Notification/index.d.ts
|
|
2196
2372
|
type NotificationIntentType = "accent" | "info" | "negative" | "positive" | "notice";
|
|
2197
2373
|
interface NotificationProps {
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2374
|
+
autoDismiss?: boolean | number;
|
|
2375
|
+
buttonOnClick?: (event: React$1.SyntheticEvent) => void;
|
|
2376
|
+
buttonText?: string;
|
|
2377
|
+
buttonPosition?: "left" | "right";
|
|
2378
|
+
dismissed?: boolean;
|
|
2379
|
+
slideDirection: "left" | "right";
|
|
2380
|
+
extraContent?: boolean;
|
|
2381
|
+
intent: NotificationIntentType;
|
|
2382
|
+
icon?: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
2383
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
2208
2384
|
}
|
|
2209
2385
|
type ExposedNotificationProps = AlertProps & NotificationProps;
|
|
2210
2386
|
/**
|
|
2211
2387
|
* @see https://mui.com/material-ui/react-alert/
|
|
2212
2388
|
*/
|
|
2213
|
-
declare const Notification: ({
|
|
2389
|
+
declare const Notification: ({
|
|
2390
|
+
autoDismiss,
|
|
2391
|
+
children,
|
|
2392
|
+
dismissed,
|
|
2393
|
+
slideDirection,
|
|
2394
|
+
intent,
|
|
2395
|
+
onClose,
|
|
2396
|
+
buttonOnClick,
|
|
2397
|
+
buttonText,
|
|
2398
|
+
buttonPosition,
|
|
2399
|
+
icon,
|
|
2400
|
+
sdsIconProps,
|
|
2401
|
+
...rest
|
|
2402
|
+
}: ExposedNotificationProps) => JSX.Element;
|
|
2403
|
+
//#endregion
|
|
2404
|
+
//#region src/core/Pagination/style.d.ts
|
|
2214
2405
|
interface PaginationExtraProps extends CommonThemeProps {
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2406
|
+
sdsStyle?: "round" | "square";
|
|
2407
|
+
disabled?: boolean;
|
|
2408
|
+
selected?: boolean;
|
|
2409
|
+
truncateDropdown?: boolean;
|
|
2219
2410
|
}
|
|
2411
|
+
//#endregion
|
|
2412
|
+
//#region src/core/Pagination/index.d.ts
|
|
2220
2413
|
interface PaginationInternalProps {
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2414
|
+
onPageChange: (page: number) => void;
|
|
2415
|
+
onNextPage: () => void;
|
|
2416
|
+
onPreviousPage: () => void;
|
|
2417
|
+
totalCount: number;
|
|
2418
|
+
siblingCount?: number;
|
|
2419
|
+
currentPage: number;
|
|
2420
|
+
pageSize: number;
|
|
2421
|
+
truncateDropdown?: boolean;
|
|
2229
2422
|
}
|
|
2230
2423
|
type PaginationProps = PaginationExtraProps & PaginationInternalProps;
|
|
2231
2424
|
declare const Pagination: import("react").ForwardRefExoticComponent<PaginationExtraProps & PaginationInternalProps & import("react").RefAttributes<HTMLUListElement>>;
|
|
2425
|
+
//#endregion
|
|
2426
|
+
//#region src/core/Panel/components/PanelHeaderClose/index.d.ts
|
|
2232
2427
|
interface PanelHeaderCloseProps {
|
|
2233
|
-
|
|
2234
|
-
|
|
2428
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
2429
|
+
CloseButtonComponent?: React.ReactNode;
|
|
2235
2430
|
}
|
|
2431
|
+
//#endregion
|
|
2432
|
+
//#region src/core/Panel/Panel.types.d.ts
|
|
2236
2433
|
interface BasicPanelProps extends Omit<DrawerProps, "variant"> {
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2434
|
+
sdsType: "basic";
|
|
2435
|
+
position?: "left" | "right";
|
|
2436
|
+
width?: number | string;
|
|
2437
|
+
isBackdropClickEnabled?: boolean;
|
|
2241
2438
|
}
|
|
2242
2439
|
interface OverlayPanelProps extends Omit<DrawerProps, "variant"> {
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
}
|
|
2251
|
-
// Discriminated Union
|
|
2440
|
+
sdsType: "overlay";
|
|
2441
|
+
position?: "left" | "right" | "bottom";
|
|
2442
|
+
width?: number | string;
|
|
2443
|
+
HeaderComponent?: React.ReactNode;
|
|
2444
|
+
closeButtonOnClick?: PanelHeaderCloseProps["onClick"];
|
|
2445
|
+
CloseButtonComponent?: PanelHeaderCloseProps["CloseButtonComponent"];
|
|
2446
|
+
isBackdropClickEnabled?: boolean;
|
|
2447
|
+
}
|
|
2252
2448
|
type PanelProps = BasicPanelProps | OverlayPanelProps;
|
|
2449
|
+
//#endregion
|
|
2450
|
+
//#region src/core/Panel/index.d.ts
|
|
2253
2451
|
/**
|
|
2254
2452
|
* @see https://mui.com/material-ui/react-drawer/
|
|
2255
2453
|
*/
|
|
2256
|
-
declare const Panel: React.ForwardRefExoticComponent<(Omit<BasicPanelProps, "ref"> | Omit<OverlayPanelProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
2257
|
-
|
|
2454
|
+
declare const Panel: React$1.ForwardRefExoticComponent<(Omit<BasicPanelProps, "ref"> | Omit<OverlayPanelProps, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
|
|
2455
|
+
//#endregion
|
|
2456
|
+
//#region src/core/Popover/index.d.ts
|
|
2457
|
+
type PopoverProps = PopoverProps$1;
|
|
2258
2458
|
/**
|
|
2259
2459
|
* @see https://mui.com/material-ui/react-popover/
|
|
2260
2460
|
*/
|
|
2261
|
-
declare const Popover: import("react").ForwardRefExoticComponent<Omit<
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2461
|
+
declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverProps$1, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
2462
|
+
//#endregion
|
|
2463
|
+
//#region src/core/TableRow/style.d.ts
|
|
2464
|
+
interface RowExtraProps extends CommonThemeProps, Omit<React$1.HTMLProps<HTMLTableRowElement>, "as" | "rev"> {
|
|
2465
|
+
rowHeight?: number;
|
|
2466
|
+
useDivider?: boolean;
|
|
2467
|
+
selected?: boolean;
|
|
2468
|
+
disabled?: boolean;
|
|
2469
|
+
hover?: boolean;
|
|
2470
|
+
}
|
|
2471
|
+
//#endregion
|
|
2472
|
+
//#region src/core/TableRow/index.d.ts
|
|
2269
2473
|
interface RowRawProps {
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2474
|
+
children: React$1.ReactNode;
|
|
2475
|
+
tooltipText?: string;
|
|
2476
|
+
tooltipSubtitle?: string;
|
|
2477
|
+
shouldShowTooltipOnHover?: boolean;
|
|
2478
|
+
tooltipProps?: Partial<TooltipProps>;
|
|
2275
2479
|
}
|
|
2276
2480
|
type TableRowProps = RowRawProps & RowExtraProps;
|
|
2277
|
-
declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
2278
|
-
|
|
2481
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
2482
|
+
//#endregion
|
|
2483
|
+
//#region src/core/PreComposedTable/RowHoverContext.d.ts
|
|
2484
|
+
declare const RowHoverContext: import("react").Context<{
|
|
2485
|
+
isRowHovered: boolean;
|
|
2486
|
+
}>;
|
|
2487
|
+
//#endregion
|
|
2488
|
+
//#region src/core/PreComposedTable/index.d.ts
|
|
2279
2489
|
declare module "@tanstack/react-table" {
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
}
|
|
2490
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
2491
|
+
pinning?: "left" | "right";
|
|
2492
|
+
verticalAlign?: "top" | "middle" | "bottom";
|
|
2493
|
+
isGrow?: boolean;
|
|
2494
|
+
widthPercentage?: number;
|
|
2495
|
+
headerCellProps?: Partial<CellHeaderProps>;
|
|
2496
|
+
filterComponent?: (props: {
|
|
2497
|
+
column: Column<TData, unknown>;
|
|
2498
|
+
table: Table$2<TData>;
|
|
2499
|
+
}) => React$1.ReactNode;
|
|
2500
|
+
}
|
|
2292
2501
|
}
|
|
2293
2502
|
interface PreComposedTableProps<TData> {
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2503
|
+
data: TData[];
|
|
2504
|
+
columns: ColumnDef<TData>[];
|
|
2505
|
+
border?: boolean;
|
|
2506
|
+
enableSorting?: boolean;
|
|
2507
|
+
enableRowSelection?: boolean;
|
|
2508
|
+
shouldPinSelectRowToLeft?: boolean;
|
|
2509
|
+
enablePagination?: boolean;
|
|
2510
|
+
enableColumnFiltering?: boolean;
|
|
2511
|
+
enableGlobalFiltering?: boolean;
|
|
2512
|
+
paginationConfig?: Partial<PaginationProps> & {
|
|
2513
|
+
placement?: "left" | "center" | "right";
|
|
2514
|
+
};
|
|
2515
|
+
className?: string;
|
|
2516
|
+
style?: CSSProperties;
|
|
2517
|
+
tableWidth?: string;
|
|
2518
|
+
tableRowProps?: Partial<TableRowProps>;
|
|
2519
|
+
onRowSelect?: (selectedRows: TData[]) => void;
|
|
2520
|
+
sdsStyle?: "lined" | "striped";
|
|
2521
|
+
tableOptions?: Partial<Omit<TableOptions<TData & RowData>, "data" | "columns" | "getCoreRowModel">>;
|
|
2313
2522
|
}
|
|
2314
2523
|
interface PreComposedTableRef<TData extends RowData = RowData> {
|
|
2315
|
-
|
|
2524
|
+
table: Table$2<TData>;
|
|
2316
2525
|
}
|
|
2317
2526
|
declare const PreComposedTable: <TData extends unknown>(props: PreComposedTableProps<TData> & {
|
|
2318
|
-
|
|
2527
|
+
ref?: React$1.Ref<PreComposedTableRef<TData>> | undefined;
|
|
2319
2528
|
}) => JSX.Element;
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
}>;
|
|
2323
|
-
// one prop is array of objects: with icon name and tooltip text. They need to make
|
|
2324
|
-
// first item in array first button, etc
|
|
2529
|
+
//#endregion
|
|
2530
|
+
//#region src/core/SegmentedControl/index.d.ts
|
|
2325
2531
|
interface SingleButtonDefinition {
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2532
|
+
disabled?: boolean;
|
|
2533
|
+
icon?: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps>;
|
|
2534
|
+
label?: string;
|
|
2535
|
+
shouldShowTooltip?: boolean;
|
|
2536
|
+
tooltipProps?: Partial<Omit<TooltipProps, "children">>;
|
|
2537
|
+
/**
|
|
2538
|
+
* @deprecated Use `tooltipProps` instead.
|
|
2539
|
+
* Example: `{ tooltipProps: { title: "My tooltip" } }`
|
|
2540
|
+
*/
|
|
2541
|
+
tooltipText?: string;
|
|
2542
|
+
value: string;
|
|
2337
2543
|
}
|
|
2338
2544
|
interface SegmentedControlProps extends ToggleButtonGroupProps {
|
|
2339
|
-
|
|
2545
|
+
buttonDefinition: SingleButtonDefinition[];
|
|
2340
2546
|
}
|
|
2341
2547
|
/**
|
|
2342
2548
|
* @see https://mui.com/material-ui/react-toggle-button/
|
|
2343
2549
|
*/
|
|
2344
2550
|
declare const SegmentedControl: (props: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
2551
|
+
//#endregion
|
|
2552
|
+
//#region src/core/Table/index.d.ts
|
|
2345
2553
|
interface SdsTableProps {
|
|
2346
|
-
|
|
2554
|
+
children: React$1.ReactNode;
|
|
2347
2555
|
}
|
|
2348
|
-
type TableProps = SdsTableProps & React.HTMLAttributes<HTMLTableElement>;
|
|
2349
|
-
declare const Table: React.ForwardRefExoticComponent<SdsTableProps & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
2556
|
+
type TableProps = SdsTableProps & React$1.HTMLAttributes<HTMLTableElement>;
|
|
2557
|
+
declare const Table: React$1.ForwardRefExoticComponent<SdsTableProps & React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
|
2558
|
+
//#endregion
|
|
2559
|
+
//#region src/core/TableHeader/index.d.ts
|
|
2350
2560
|
interface TableHeaderProps {
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
}
|
|
2354
|
-
declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement | null>>;
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2561
|
+
children: React$1.ReactNode;
|
|
2562
|
+
filterRow?: React$1.ReactNode;
|
|
2563
|
+
}
|
|
2564
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement | null>>;
|
|
2565
|
+
//#endregion
|
|
2566
|
+
//#region src/core/Tabs/style.d.ts
|
|
2567
|
+
type TabsProps = TabsProps$1 & {
|
|
2568
|
+
underlined?: boolean;
|
|
2569
|
+
sdsSize?: "small" | "large";
|
|
2358
2570
|
} & CommonThemeProps;
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2571
|
+
//#endregion
|
|
2572
|
+
//#region src/core/Tabs/index.d.ts
|
|
2573
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2574
|
+
interface TabProps extends TabProps$1 {
|
|
2575
|
+
count?: ReactNode;
|
|
2576
|
+
selected?: boolean;
|
|
2363
2577
|
}
|
|
2364
2578
|
/**
|
|
2365
2579
|
* @see https://mui.com/material-ui/react-tabs/
|
|
2366
2580
|
*/
|
|
2367
|
-
declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2581
|
+
declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2582
|
+
//#endregion
|
|
2583
|
+
//#region src/core/TagFilter/index.d.ts
|
|
2584
|
+
interface SdsTagFilterProps extends Omit<ChipProps$1, "color" | "variant"> {
|
|
2585
|
+
label: string;
|
|
2586
|
+
onDelete: React$1.EventHandler<any>;
|
|
2372
2587
|
}
|
|
2373
2588
|
type TagFilterProps = SdsTagFilterProps;
|
|
2374
2589
|
/**
|
|
2375
2590
|
* @see https://mui.com/material-ui/react-chip/
|
|
2376
2591
|
*/
|
|
2377
2592
|
declare const TagFilter: (props: SdsTagFilterProps) => JSX.Element;
|
|
2593
|
+
//#endregion
|
|
2594
|
+
//#region src/core/TooltipCondensed/style.d.ts
|
|
2378
2595
|
interface TooltipCondensedExtraProps extends CommonThemeProps {
|
|
2379
|
-
|
|
2380
|
-
|
|
2596
|
+
indicator?: boolean;
|
|
2597
|
+
indicatorColor?: string;
|
|
2381
2598
|
}
|
|
2599
|
+
//#endregion
|
|
2600
|
+
//#region src/core/TooltipCondensed/index.d.ts
|
|
2382
2601
|
type TooltipCondensedProps = TooltipProps & TooltipCondensedExtraProps;
|
|
2383
2602
|
/**
|
|
2384
2603
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
@@ -2388,58 +2607,61 @@ type TooltipCondensedProps = TooltipProps & TooltipCondensedExtraProps;
|
|
|
2388
2607
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
2389
2608
|
*/
|
|
2390
2609
|
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<Omit<TooltipCondensedProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
2610
|
+
//#endregion
|
|
2611
|
+
//#region src/core/TooltipTable/style.d.ts
|
|
2391
2612
|
interface TooltipTableExtraProps extends CommonThemeProps {
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2613
|
+
data?: Array<{
|
|
2614
|
+
label?: string;
|
|
2615
|
+
dataRows: {
|
|
2616
|
+
label: string;
|
|
2617
|
+
value: string | number;
|
|
2618
|
+
}[];
|
|
2619
|
+
disabled?: boolean;
|
|
2620
|
+
}>;
|
|
2621
|
+
contentAlert?: string | JSX.Element;
|
|
2622
|
+
itemAlign?: "left" | "right";
|
|
2623
|
+
showSectionHeader?: boolean;
|
|
2403
2624
|
}
|
|
2625
|
+
//#endregion
|
|
2626
|
+
//#region src/core/TooltipTable/index.d.ts
|
|
2404
2627
|
type TooltipTableContentProps = TooltipTableExtraProps;
|
|
2405
2628
|
/**
|
|
2406
2629
|
* @see https://mui.com/material-ui/react-table/
|
|
2407
2630
|
*/
|
|
2408
2631
|
declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
|
|
2632
|
+
//#endregion
|
|
2633
|
+
//#region src/common/helpers/discreteColorGenerator.d.ts
|
|
2409
2634
|
interface DiscreteColorGeneratorOptions {
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
* @default true
|
|
2441
|
-
*/
|
|
2442
|
-
correctLightness?: boolean;
|
|
2635
|
+
/**
|
|
2636
|
+
* Whether dark mode is enabled (reverses color order for better contrast)
|
|
2637
|
+
* @default false
|
|
2638
|
+
*/
|
|
2639
|
+
isDarkMode?: boolean;
|
|
2640
|
+
/**
|
|
2641
|
+
* Starting hue in degrees (0-360)
|
|
2642
|
+
* @default 250
|
|
2643
|
+
*/
|
|
2644
|
+
start?: number;
|
|
2645
|
+
/**
|
|
2646
|
+
* Number of rotations around the color wheel
|
|
2647
|
+
* @default 0.85
|
|
2648
|
+
*/
|
|
2649
|
+
rotations?: number;
|
|
2650
|
+
/**
|
|
2651
|
+
* Gamma correction value (affects color distribution)
|
|
2652
|
+
* @default 0.7
|
|
2653
|
+
*/
|
|
2654
|
+
gamma?: number;
|
|
2655
|
+
/**
|
|
2656
|
+
* Lightness range [min, max] (0-1)
|
|
2657
|
+
* @default [0.4, 0.7]
|
|
2658
|
+
*/
|
|
2659
|
+
lightness?: [number, number];
|
|
2660
|
+
/**
|
|
2661
|
+
* Whether to apply lightness correction for perceptual uniformity
|
|
2662
|
+
* @default true
|
|
2663
|
+
*/
|
|
2664
|
+
correctLightness?: boolean;
|
|
2443
2665
|
}
|
|
2444
2666
|
/**
|
|
2445
2667
|
* Generate colors using the cubehelix color scale
|
|
@@ -2448,5 +2670,5 @@ interface DiscreteColorGeneratorOptions {
|
|
|
2448
2670
|
* @returns Array of color strings in hex format
|
|
2449
2671
|
*/
|
|
2450
2672
|
declare const generateDiscreteColors: (count: number, options?: DiscreteColorGeneratorOptions) => string[];
|
|
2451
|
-
|
|
2452
|
-
export type
|
|
2673
|
+
//#endregion
|
|
2674
|
+
export { AccentColor, AccessibleInputSearchProps, Accordion, AccordionDetails, AccordionHeader, AccordionProps, Alert, AppTheme, Autocomplete, type AutocompleteBaseProps, AutocompleteMultiColumnOnChange, AutocompleteMultiColumnOption, type AutocompleteMultiColumnProps, StyledPopper as AutocompleteMultiColumnStyledPopper, AutocompleteMultiColumnValue, type AutocompleteOptionBasic, type AutocompleteOptionComponent, AutocompleteProps, AutocompleteSingleColumnOnChange, AutocompleteSingleColumnOption, StyledPaper as AutocompleteSingleColumnStyledPaper, AutocompleteSingleColumnValue, Banner, BannerIntentType, BannerProps, BaseColor, type BasicPanelProps, Border, Borders, Button, ButtonDropdown, ButtonDropdownLegacy, ButtonDropdownLegacyProps, type ButtonDropdownProps, ButtonGroup, type ButtonGroupProps, ButtonIcon, ButtonIconInternalProps, ButtonIconProps, ButtonLegacy, ButtonLegacyProps, ButtonLegacySize, ButtonLegacyType, ButtonLegacyTypeMap, type ButtonProps, ButtonToggle, ButtonToggleLegacy, ButtonToggleLegacyProps, type ButtonToggleProps, Callout, CalloutIntentType, CalloutProps, CalloutSdsStyleType, CalloutTitle, CellBasic, CellBasicProps, CellBasicRawProps, CellComponent, CellComponentProps, CellHeader, CellHeaderDirection, CellHeaderProps, CheckboxContentProps, CheckboxProps, Chip, type ChipProps, Color, Colors, CommonThemeProps, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ContentCard, ContentCardActions, type ContentCardActionsProps, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, type CardMediaProps as ContentCardMediaProps, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, type ContentCardProps, StyledSubtitleText as ContentCardSubtitle, StyledTitleText as ContentCardTitle, type ContentCardTitleProps, Corners, type DefaultAutocompleteOption, DefaultDropdownMenuOption, DefaultMenuSelectOption, Dialog, DialogActions, DialogActionsProps, _default as DialogContent, DialogContentProps, DialogExtraProps, DialogPaper, DialogPaperProps, DialogProps, DialogTitle, Overline as DialogTitleOverline, DialogTitleProps, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, DiscreteColorGeneratorOptions, Dropdown, DropdownMenu, DropdownMenuProps, StyledPaper$1 as DropdownPaper, DropdownProps, ExposedCalloutProps, ExposedNotificationProps, ExtraDropdownProps, FontWeights, FooterImage, FooterLinkProps, Hero, type HeroProps, Icon, type IconButtonProps, type IconNameToSizes, IconNameToSmallSizes, IconProps, IconSize, IconSizes, InputCheckbox, InputDropdownProps$1 as InputDropdownProps, InputRadio, InputSearch, InputSearchProps, InputSlider, InputSliderProps, InputText, InputTextProps, InputToggle, type InputToggleExtraProps as InputToggleProps, IntentColor, IntentMessage, type IntentMessageItem, type IntentMessageProps, Legend, type LegendItemData, type LegendProps, Link, LinkProps, List, ListItem, ListItemLabel, ListItemProps, ListProps, ListSubheader, ListSubheaderProps, LoadingIndicator, LoadingIndicatorProps, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuItemExtraProps, MenuItemProps, MenuProps, MenuSelect, MenuSelectProps, NavItemProps, NavigationFooter, NavigationFooterNavItem, NavigationFooterProps, NavigationHeader, type NavigationHeaderPrimaryNavItem, type NavigationHeaderPrimaryNavProps, type NavigationHeaderProps, type NavigationHeaderSecondaryNavItem, type NavigationHeaderSecondaryNavProps, NavigationJumpTo, NavigationJumpToProps, Notification, NotificationIntentType, NotificationProps, type OverlayPanelProps, Pagination, PaginationInternalProps, PaginationProps, Panel, type PanelProps, Popover, PopoverProps, PreComposedTable, PreComposedTableProps, PreComposedTableRef, RadioContentProps, RadioProps, RowHoverContext, SDSAutocompleteOnChange, SDSAutocompleteOptions, SDSAutocompleteValue, SDSChooseTheme, SDSDarkAppTheme, SDSDarkThemeColors, SDSLightAppTheme, SDSLightThemeColors, SDSPalette, SDSPaletteDark, SDSPaletteLight, SDSTheme, SDSThemeOptions, SdsButtonLegacyProps, SdsIconButtonLegacyProps, SdsIconWithColor, SdsLegacyProps, SdsMinimalButtonLegacyProps, SdsTableProps, type SdsTagColorType, SdsTagFilterProps, SdsTagProps, SegmentedControl, SegmentedControlProps, Shadows, SingleButtonDefinition, Spaces, Spacings, Tab, TabProps, Table, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, type TabsProps, Tag, TagFilter, TagFilterProps, TagProps, Theme, Tooltip, TooltipCondensed, TooltipCondensedProps, type TooltipProps, TooltipTableContent as TooltipTable, TooltipTableContent, type TooltipTableContentProps, Typography, TypographyStyles, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyMediumL, fontBodyMediumM, fontBodyMediumS, fontBodyMediumXs, fontBodyMediumXxs, fontBodyMediumXxxs, fontBodyMediumXxxxs, fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodySemiboldXxxxs, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodyXxxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeMediumS, fontCodeMediumXs, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontLink, fontLinkL, fontLinkM, fontLinkMediumL, fontLinkMediumM, fontLinkMediumS, fontLinkMediumXs, fontLinkMediumXxs, fontLinkMediumXxxs, fontLinkMediumXxxxs, fontLinkS, fontLinkSemiboldL, fontLinkSemiboldM, fontLinkSemiboldS, fontLinkSemiboldXs, fontLinkSemiboldXxs, fontLinkSemiboldXxxs, fontLinkSemiboldXxxxs, fontLinkXs, fontLinkXxs, fontLinkXxxs, fontLinkXxxxs, fontTabular, fontTabularMediumS, fontTabularMediumXs, fontTabularMediumXxs, fontTabularMediumXxxs, fontTabularMediumXxxxs, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularSemiboldXxs, fontTabularSemiboldXxxs, fontTabularSemiboldXxxxs, fontTabularXs, fontTabularXxs, fontTabularXxxs, fontTabularXxxxs, fontTitle, fontTitleBoldL, fontTitleBoldM, fontTitleBoldS, generateDiscreteColors, getBorders, getBreakpoints, getColors, getCorners, getFontWeights, getIconSizes, getMode, getPalette, getSemanticColors, getShadows, getSpaces, getSpacings, getTypography, isIconOnlyButton, makeSdsSemanticAppTheme, makeThemeOptions };
|