@redsift/design-system 11.6.0-muiv5-alpha.6 → 11.6.0-muiv5-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +3026 -97
- package/package.json +2 -2
- package/_internal/Alert.d2.ts +0 -54
- package/_internal/AppBar.d.ts +0 -37
- package/_internal/AppContainer.d.ts +0 -96
- package/_internal/AppContent.d.ts +0 -25
- package/_internal/Badge.d2.ts +0 -9
- package/_internal/BreadcrumbItem.d.ts +0 -9
- package/_internal/Breadcrumbs.d2.ts +0 -29
- package/_internal/Button.d2.ts +0 -30
- package/_internal/ButtonGroup.d.ts +0 -41
- package/_internal/ButtonLink.d.ts +0 -28
- package/_internal/Card.d2.ts +0 -35
- package/_internal/CardActions.d.ts +0 -9
- package/_internal/CardBody.d.ts +0 -9
- package/_internal/CardHeader.d.ts +0 -9
- package/_internal/Checkbox.d2.ts +0 -68
- package/_internal/CheckboxGroup.d.ts +0 -10
- package/_internal/ConditionalWrapper.d.ts +0 -14
- package/_internal/DetailedCard.d.ts +0 -52
- package/_internal/DetailedCardCollapsibleSectionItems.d.ts +0 -9
- package/_internal/DetailedCardHeader.d.ts +0 -9
- package/_internal/DetailedCardSection.d.ts +0 -9
- package/_internal/DetailedCardSectionItem.d.ts +0 -9
- package/_internal/Flexbox.d2.ts +0 -30
- package/_internal/Grid.d2.ts +0 -32
- package/_internal/GridItem.d.ts +0 -9
- package/_internal/Heading.d2.ts +0 -9
- package/_internal/Icon.d2.ts +0 -10
- package/_internal/IconButton.d.ts +0 -12
- package/_internal/IconButtonLink.d.ts +0 -28
- package/_internal/Item.d2.ts +0 -82
- package/_internal/Link.d2.ts +0 -26
- package/_internal/LinkButton.d.ts +0 -23
- package/_internal/Number.d2.ts +0 -69
- package/_internal/NumberField.d.ts +0 -80
- package/_internal/Pill.d2.ts +0 -9
- package/_internal/ProgressBar.d.ts +0 -26
- package/_internal/Radio.d2.ts +0 -66
- package/_internal/RadioGroup.d.ts +0 -10
- package/_internal/Shield.d2.ts +0 -9
- package/_internal/SideNavigationMenu.d.ts +0 -9
- package/_internal/SideNavigationMenuBar.d.ts +0 -9
- package/_internal/SideNavigationMenuItem.d.ts +0 -9
- package/_internal/Skeleton.d2.ts +0 -15
- package/_internal/SkeletonCircle.d.ts +0 -9
- package/_internal/SkeletonText.d.ts +0 -9
- package/_internal/Spinner.d2.ts +0 -43
- package/_internal/Switch.d2.ts +0 -66
- package/_internal/SwitchGroup.d.ts +0 -10
- package/_internal/Text.d2.ts +0 -9
- package/_internal/TextArea.d.ts +0 -34
- package/_internal/TextField.d.ts +0 -29
- package/_internal/alert.d.ts +0 -5
- package/_internal/app-bar.d.ts +0 -8
- package/_internal/app-container.d.ts +0 -9
- package/_internal/app-content.d.ts +0 -5
- package/_internal/app-side-panel.d.ts +0 -11
- package/_internal/badge.d.ts +0 -6
- package/_internal/breadcrumb-item.d.ts +0 -5
- package/_internal/breadcrumbs.d.ts +0 -6
- package/_internal/button-group.d.ts +0 -5
- package/_internal/button-link.d.ts +0 -8
- package/_internal/button.d.ts +0 -8
- package/_internal/card-actions.d.ts +0 -5
- package/_internal/card-body.d.ts +0 -5
- package/_internal/card-header.d.ts +0 -9
- package/_internal/card.d.ts +0 -11
- package/_internal/checkbox-group.d.ts +0 -6
- package/_internal/checkbox.d.ts +0 -6
- package/_internal/colors.d.ts +0 -102
- package/_internal/conditional-wrapper.d.ts +0 -2
- package/_internal/detailed-card-collapsible-section-items.d.ts +0 -4
- package/_internal/detailed-card-header.d.ts +0 -8
- package/_internal/detailed-card-section-item.d.ts +0 -11
- package/_internal/detailed-card-section.d.ts +0 -7
- package/_internal/detailed-card.d.ts +0 -16
- package/_internal/flexbox.d.ts +0 -5
- package/_internal/focus-within-group.d.ts +0 -3
- package/_internal/fonts.d.ts +0 -12
- package/_internal/gradient-border.d.ts +0 -19
- package/_internal/grid-item.d.ts +0 -5
- package/_internal/grid.d.ts +0 -6
- package/_internal/heading.d.ts +0 -7
- package/_internal/helpers.d.ts +0 -23
- package/_internal/icon-button-link.d.ts +0 -8
- package/_internal/icon-button.d.ts +0 -7
- package/_internal/icon.d.ts +0 -6
- package/_internal/item.d.ts +0 -8
- package/_internal/link-button.d.ts +0 -8
- package/_internal/link.d.ts +0 -8
- package/_internal/listbox.d.ts +0 -6
- package/_internal/number-field.d.ts +0 -9
- package/_internal/number.d.ts +0 -7
- package/_internal/pill.d.ts +0 -6
- package/_internal/progress-bar.d.ts +0 -5
- package/_internal/radio-group.d.ts +0 -6
- package/_internal/radio.d.ts +0 -6
- package/_internal/shared.d.ts +0 -5
- package/_internal/shield.d.ts +0 -6
- package/_internal/side-navigation-menu-bar.d.ts +0 -9
- package/_internal/side-navigation-menu-item.d.ts +0 -8
- package/_internal/side-navigation-menu.d.ts +0 -8
- package/_internal/skeleton-circle.d.ts +0 -7
- package/_internal/skeleton-text.d.ts +0 -7
- package/_internal/skeleton.d.ts +0 -8
- package/_internal/spinner.d.ts +0 -5
- package/_internal/styles.d.ts +0 -17
- package/_internal/styles.d2.ts +0 -283
- package/_internal/switch-group.d.ts +0 -6
- package/_internal/switch.d.ts +0 -6
- package/_internal/text-area.d.ts +0 -9
- package/_internal/text-field.d.ts +0 -10
- package/_internal/text.d.ts +0 -7
- package/_internal/theme.d.ts +0 -4
- package/_internal/types.d.ts +0 -39
- package/_internal/types.d10.ts +0 -20
- package/_internal/types.d11.ts +0 -27
- package/_internal/types.d12.ts +0 -35
- package/_internal/types.d13.ts +0 -143
- package/_internal/types.d14.ts +0 -11
- package/_internal/types.d15.ts +0 -62
- package/_internal/types.d16.ts +0 -56
- package/_internal/types.d17.ts +0 -57
- package/_internal/types.d18.ts +0 -40
- package/_internal/types.d19.ts +0 -101
- package/_internal/types.d2.ts +0 -37
- package/_internal/types.d20.ts +0 -47
- package/_internal/types.d21.ts +0 -68
- package/_internal/types.d22.ts +0 -52
- package/_internal/types.d23.ts +0 -174
- package/_internal/types.d24.ts +0 -18
- package/_internal/types.d25.ts +0 -12
- package/_internal/types.d26.ts +0 -36
- package/_internal/types.d27.ts +0 -72
- package/_internal/types.d28.ts +0 -73
- package/_internal/types.d29.ts +0 -99
- package/_internal/types.d3.ts +0 -23
- package/_internal/types.d4.ts +0 -67
- package/_internal/types.d5.ts +0 -11
- package/_internal/types.d6.ts +0 -11
- package/_internal/types.d7.ts +0 -28
- package/_internal/types.d8.ts +0 -72
- package/_internal/types.d9.ts +0 -16
- package/_internal/useAppSidePanel.d.ts +0 -12
- package/_internal/useFocusOnList.d.ts +0 -83
- package/_internal/useListboxItem.d.ts +0 -32
- package/_internal/useSideNavigationMenuBar.d.ts +0 -9
- package/_internal/useTheme.d.ts +0 -13
package/index.d.ts
CHANGED
|
@@ -1,98 +1,451 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
1
|
+
import * as styled_components from 'styled-components';
|
|
2
|
+
import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, ElementType, RefObject, MouseEvent, Dispatch, SetStateAction, ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
|
|
3
|
+
import { LinearProgressProps } from '@mui/material/LinearProgress';
|
|
4
|
+
|
|
5
|
+
/** Component Type. */
|
|
6
|
+
type Comp<P, T = HTMLElement> = {
|
|
7
|
+
(props: P & {
|
|
8
|
+
ref?: Ref<T>;
|
|
9
|
+
}): ReactElement | null;
|
|
10
|
+
/** React component type. */
|
|
11
|
+
readonly $$typeof?: symbol;
|
|
12
|
+
/** Component name. */
|
|
13
|
+
displayName?: string;
|
|
14
|
+
/** Component base class name. */
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* JS falsy values.
|
|
19
|
+
* (excluding `NaN` as it can't be distinguished from `number`)
|
|
20
|
+
*/
|
|
21
|
+
type Falsy = false | undefined | null | 0 | '';
|
|
22
|
+
/** Get types of the values of a record. */
|
|
23
|
+
type ValueOf<T extends Record<any, any>> = T[keyof T];
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* Font.
|
|
27
|
+
*/
|
|
28
|
+
declare const FontFamily: {
|
|
29
|
+
readonly poppins: "poppins";
|
|
30
|
+
readonly 'source-code-pro': "source-code-pro";
|
|
31
|
+
};
|
|
32
|
+
type FontFamily = ValueOf<typeof FontFamily>;
|
|
33
|
+
|
|
34
|
+
declare const Product: {
|
|
35
|
+
readonly asm: "asm";
|
|
36
|
+
readonly 'brand-trust': "brand-trust";
|
|
37
|
+
readonly certificates: "certificates";
|
|
38
|
+
readonly ondmarc: "ondmarc";
|
|
39
|
+
readonly pulse: "pulse";
|
|
40
|
+
readonly radar: "radar";
|
|
41
|
+
readonly 'rojo-ds': "rojo-ds";
|
|
42
|
+
readonly 'vendor-secure': "vendor-secure";
|
|
43
|
+
readonly website: "website";
|
|
44
|
+
};
|
|
45
|
+
type Product = ValueOf<typeof Product>;
|
|
46
|
+
declare const ProductName: {
|
|
47
|
+
readonly asm: "ASM";
|
|
48
|
+
readonly 'brand-trust': "Brand Trust";
|
|
49
|
+
readonly certificates: "Certificates";
|
|
50
|
+
readonly ondmarc: "OnDMARC";
|
|
51
|
+
readonly pulse: "Pulse";
|
|
52
|
+
readonly radar: "RADAR";
|
|
53
|
+
readonly 'rojo-ds': "ROJO DS";
|
|
54
|
+
readonly 'vendor-secure': "Vendor Secure";
|
|
55
|
+
readonly website: "Website";
|
|
56
|
+
};
|
|
57
|
+
type ProductName = ValueOf<typeof ProductName>;
|
|
58
|
+
declare const ProductLogo: {
|
|
59
|
+
readonly asm: JSX.Element;
|
|
60
|
+
readonly 'brand-trust': JSX.Element;
|
|
61
|
+
readonly certificates: JSX.Element;
|
|
62
|
+
readonly ondmarc: JSX.Element;
|
|
63
|
+
readonly pulse: JSX.Element;
|
|
64
|
+
readonly radar: JSX.Element;
|
|
65
|
+
readonly 'rojo-ds': JSX.Element;
|
|
66
|
+
readonly 'vendor-secure': JSX.Element;
|
|
67
|
+
readonly website: JSX.Element;
|
|
68
|
+
};
|
|
69
|
+
type ProductLogo = ValueOf<typeof ProductLogo>;
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Color palette.
|
|
73
|
+
*/
|
|
74
|
+
declare const Theme: {
|
|
75
|
+
readonly light: "light";
|
|
76
|
+
readonly dark: "dark";
|
|
77
|
+
};
|
|
78
|
+
type Theme = ValueOf<typeof Theme>;
|
|
79
|
+
declare const PrimaryColorPalette: {
|
|
80
|
+
readonly primary: "primary";
|
|
81
|
+
readonly secondary: "secondary";
|
|
82
|
+
readonly error: "error";
|
|
83
|
+
};
|
|
84
|
+
type PrimaryColorPalette = ValueOf<typeof PrimaryColorPalette>;
|
|
85
|
+
declare const SecondaryColorPalette: {
|
|
86
|
+
readonly success: "success";
|
|
87
|
+
readonly warning: "warning";
|
|
88
|
+
readonly info: "info";
|
|
89
|
+
};
|
|
90
|
+
type SecondaryColorPalette = ValueOf<typeof SecondaryColorPalette>;
|
|
91
|
+
declare const ColorPalette: {
|
|
92
|
+
readonly success: "success";
|
|
93
|
+
readonly warning: "warning";
|
|
94
|
+
readonly info: "info";
|
|
95
|
+
readonly primary: "primary";
|
|
96
|
+
readonly secondary: "secondary";
|
|
97
|
+
readonly error: "error";
|
|
98
|
+
};
|
|
99
|
+
type ColorPalette = PrimaryColorPalette & SecondaryColorPalette;
|
|
100
|
+
declare const PrimaryButtonsColorPalette: {
|
|
101
|
+
primary: string;
|
|
102
|
+
secondary: string;
|
|
103
|
+
error: string;
|
|
104
|
+
success: string;
|
|
105
|
+
warning: string;
|
|
106
|
+
grey: string;
|
|
107
|
+
radar: string;
|
|
108
|
+
};
|
|
109
|
+
type PrimaryButtonsColorPalette = ValueOf<typeof PrimaryButtonsColorPalette>;
|
|
110
|
+
declare const ButtonsColorPalette: {
|
|
111
|
+
readonly white: "white";
|
|
112
|
+
readonly black: "black";
|
|
113
|
+
readonly info: "info";
|
|
114
|
+
readonly primary: string;
|
|
115
|
+
readonly secondary: string;
|
|
116
|
+
readonly error: string;
|
|
117
|
+
readonly success: string;
|
|
118
|
+
readonly warning: string;
|
|
119
|
+
readonly grey: string;
|
|
120
|
+
readonly radar: string;
|
|
121
|
+
};
|
|
122
|
+
type ButtonsColorPalette = ValueOf<typeof ButtonsColorPalette>;
|
|
123
|
+
declare const NotificationsColorPalette: {
|
|
124
|
+
readonly question: "question";
|
|
125
|
+
readonly 'no-data': "no-data";
|
|
126
|
+
readonly success: "success";
|
|
127
|
+
readonly warning: "warning";
|
|
128
|
+
readonly info: "info";
|
|
129
|
+
readonly primary: "primary";
|
|
130
|
+
readonly secondary: "secondary";
|
|
131
|
+
readonly error: "error";
|
|
132
|
+
};
|
|
133
|
+
type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;
|
|
134
|
+
declare const ProductColorPalette: {
|
|
135
|
+
readonly asm: "asm";
|
|
136
|
+
readonly 'brand-trust': "brand-trust";
|
|
137
|
+
readonly certificates: "certificates";
|
|
138
|
+
readonly ondmarc: "ondmarc";
|
|
139
|
+
readonly pulse: "pulse";
|
|
140
|
+
readonly radar: "radar";
|
|
141
|
+
readonly 'rojo-ds': "rojo-ds";
|
|
142
|
+
readonly 'vendor-secure': "vendor-secure";
|
|
143
|
+
readonly website: "website";
|
|
144
|
+
};
|
|
145
|
+
type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
|
|
146
|
+
declare const PresentationColorPalette: {
|
|
147
|
+
readonly green: "green";
|
|
148
|
+
readonly pink: "pink";
|
|
149
|
+
readonly aqua: "aqua";
|
|
150
|
+
readonly brown: "brown";
|
|
151
|
+
readonly red: "red";
|
|
152
|
+
readonly yellow: "yellow";
|
|
153
|
+
readonly purple: "purple";
|
|
154
|
+
readonly orange: "orange";
|
|
155
|
+
readonly blue: "blue";
|
|
156
|
+
readonly grey: "grey";
|
|
157
|
+
};
|
|
158
|
+
type PresentationColorPalette = ValueOf<typeof PresentationColorPalette>;
|
|
159
|
+
declare const NeutralColorPalette: {
|
|
160
|
+
readonly black: "black";
|
|
161
|
+
readonly 'x-dark-grey': "x-dark-grey";
|
|
162
|
+
readonly 'dark-grey': "dark-grey";
|
|
163
|
+
readonly 'mid-grey': "mid-grey";
|
|
164
|
+
readonly 'light-grey': "light-grey";
|
|
165
|
+
readonly 'x-light-grey': "x-light-grey";
|
|
166
|
+
readonly white: "white";
|
|
167
|
+
};
|
|
168
|
+
type NeutralColorPalette = ValueOf<typeof NeutralColorPalette>;
|
|
169
|
+
|
|
170
|
+
declare const AlignSelf: {
|
|
171
|
+
readonly auto: "auto";
|
|
172
|
+
readonly normal: "normal";
|
|
173
|
+
readonly start: "start";
|
|
174
|
+
readonly end: "end";
|
|
175
|
+
readonly center: "center";
|
|
176
|
+
readonly 'flex-start': "flex-start";
|
|
177
|
+
readonly 'flex-end': "flex-end";
|
|
178
|
+
readonly 'self-start': "self-start";
|
|
179
|
+
readonly 'self-end': "self-end";
|
|
180
|
+
readonly baseline: "baseline";
|
|
181
|
+
readonly stretch: "stretch";
|
|
182
|
+
};
|
|
183
|
+
type AlignSelf = ValueOf<typeof AlignSelf>;
|
|
184
|
+
declare const JustifySelf: {
|
|
185
|
+
readonly auto: "auto";
|
|
186
|
+
readonly normal: "normal";
|
|
187
|
+
readonly start: "start";
|
|
188
|
+
readonly end: "end";
|
|
189
|
+
readonly center: "center";
|
|
190
|
+
readonly 'flex-start': "flex-start";
|
|
191
|
+
readonly 'flex-end': "flex-end";
|
|
192
|
+
readonly 'self-start': "self-start";
|
|
193
|
+
readonly 'self-end': "self-end";
|
|
194
|
+
readonly left: "left";
|
|
195
|
+
readonly right: "right";
|
|
196
|
+
readonly stretch: "stretch";
|
|
197
|
+
};
|
|
198
|
+
type JustifySelf = ValueOf<typeof JustifySelf>;
|
|
199
|
+
declare const AlignContent: {
|
|
200
|
+
readonly 'flex-start': "flex-start";
|
|
201
|
+
readonly 'flex-end': "flex-end";
|
|
202
|
+
readonly center: "center";
|
|
203
|
+
readonly 'space-between': "space-between";
|
|
204
|
+
readonly 'space-around': "space-around";
|
|
205
|
+
readonly 'space-evenly': "space-evenly";
|
|
206
|
+
readonly stretch: "stretch";
|
|
207
|
+
readonly start: "start";
|
|
208
|
+
readonly end: "end";
|
|
209
|
+
readonly baseline: "baseline";
|
|
210
|
+
readonly 'first baseline': "first baseline";
|
|
211
|
+
readonly 'last baseline': "last baseline";
|
|
212
|
+
};
|
|
213
|
+
type AlignContent = ValueOf<typeof AlignContent>;
|
|
214
|
+
declare const AlignItems: {
|
|
215
|
+
readonly stretch: "stretch";
|
|
216
|
+
readonly 'flex-start': "flex-start";
|
|
217
|
+
readonly 'flex-end': "flex-end";
|
|
218
|
+
readonly center: "center";
|
|
219
|
+
readonly baseline: "baseline";
|
|
220
|
+
readonly 'first baseline': "first baseline";
|
|
221
|
+
readonly 'last baseline': "last baseline";
|
|
222
|
+
readonly start: "start";
|
|
223
|
+
readonly end: "end";
|
|
224
|
+
readonly 'self-start': "self-start";
|
|
225
|
+
readonly 'self-end': "self-end";
|
|
226
|
+
};
|
|
227
|
+
type AlignItems = ValueOf<typeof AlignItems>;
|
|
228
|
+
declare const FlexDirection: {
|
|
229
|
+
readonly row: "row";
|
|
230
|
+
readonly 'row-reverse': "row-reverse";
|
|
231
|
+
readonly column: "column";
|
|
232
|
+
readonly 'column-reverse': "column-reverse";
|
|
233
|
+
};
|
|
234
|
+
type FlexDirection = ValueOf<typeof FlexDirection>;
|
|
235
|
+
declare const FlexWrap: {
|
|
236
|
+
readonly nowrap: "nowrap";
|
|
237
|
+
readonly wrap: "wrap";
|
|
238
|
+
readonly 'wrap-reverse': "wrap-reverse";
|
|
239
|
+
};
|
|
240
|
+
type FlexWrap = ValueOf<typeof FlexWrap>;
|
|
241
|
+
declare const JustifyContent: {
|
|
242
|
+
readonly 'flex-start': "flex-start";
|
|
243
|
+
readonly 'flex-end': "flex-end";
|
|
244
|
+
readonly center: "center";
|
|
245
|
+
readonly 'space-between': "space-between";
|
|
246
|
+
readonly 'space-around': "space-around";
|
|
247
|
+
readonly 'space-evenly': "space-evenly";
|
|
248
|
+
readonly start: "start";
|
|
249
|
+
readonly end: "end";
|
|
250
|
+
readonly left: "left";
|
|
251
|
+
readonly right: "right";
|
|
252
|
+
readonly baseline: "baseline";
|
|
253
|
+
readonly 'first baseline': "first baseline";
|
|
254
|
+
readonly 'last baseline': "last baseline";
|
|
255
|
+
readonly stretch: "stretch";
|
|
256
|
+
};
|
|
257
|
+
type JustifyContent = ValueOf<typeof JustifyContent>;
|
|
258
|
+
declare const JustifyItems: {
|
|
259
|
+
readonly start: "start";
|
|
260
|
+
readonly end: "end";
|
|
261
|
+
readonly center: "center";
|
|
262
|
+
readonly stretch: "stretch";
|
|
263
|
+
};
|
|
264
|
+
type JustifyItems = ValueOf<typeof JustifyItems>;
|
|
265
|
+
interface LayoutProps {
|
|
266
|
+
/** When used in a flex layout, specifies how the element will grow or shrink to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex">MDN</a>. */
|
|
267
|
+
flex?: string;
|
|
268
|
+
/** When used in a flex layout, specifies how the element will grow to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow">MDN</a>. */
|
|
269
|
+
flexGrow?: number;
|
|
270
|
+
/** When used in a flex layout, specifies how the element will shrink to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink">MDN</a>. */
|
|
271
|
+
flexShrink?: number;
|
|
272
|
+
/** When used in a flex layout, specifies the initial main size of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex_basis">MDN</a>. */
|
|
273
|
+
flexBasis?: string;
|
|
274
|
+
/** Overrides the alignItems property of a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-self">MDN</a>. */
|
|
275
|
+
alignSelf?: AlignSelf;
|
|
276
|
+
/** Specifies how the element is justified inside a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self">MDN</a>. */
|
|
277
|
+
justifySelf?: string;
|
|
278
|
+
/** The layout order for the element within a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/order">MDN</a>. */
|
|
279
|
+
order?: number;
|
|
280
|
+
/** When used in a grid layout, specifies the named grid area that the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area">MDN</a>. */
|
|
281
|
+
gridArea?: string;
|
|
282
|
+
/** When used in a grid layout, specifies the column the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column">MDN</a>. */
|
|
283
|
+
gridColumn?: string;
|
|
284
|
+
/** When used in a grid layout, specifies the row the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row">MDN</a>. */
|
|
285
|
+
gridRow?: string;
|
|
286
|
+
/** When used in a grid layout, specifies the starting column to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start">MDN</a>. */
|
|
287
|
+
gridColumnStart?: string;
|
|
288
|
+
/** When used in a grid layout, specifies the ending column to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end">MDN</a>. */
|
|
289
|
+
gridColumnEnd?: string;
|
|
290
|
+
/** When used in a grid layout, specifies the starting row to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start">MDN</a>. */
|
|
291
|
+
gridRowStart?: string;
|
|
292
|
+
/** When used in a grid layout, specifies the ending row to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end">MDN</a>. */
|
|
293
|
+
gridRowEnd?: string;
|
|
294
|
+
}
|
|
295
|
+
interface SpacingProps {
|
|
296
|
+
/** The margin for all four sides of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin">MDN</a>. */
|
|
297
|
+
margin?: string;
|
|
298
|
+
/** The margin for the bottom side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom">MDN</a>. */
|
|
299
|
+
marginBottom?: string;
|
|
300
|
+
/** The margin for the left side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left">MDN</a>. */
|
|
301
|
+
marginLeft?: string;
|
|
302
|
+
/** The margin for the right side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right">MDN</a>. */
|
|
303
|
+
marginRight?: string;
|
|
304
|
+
/** The margin for the top side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top">MDN</a>. */
|
|
305
|
+
marginTop?: string;
|
|
306
|
+
}
|
|
307
|
+
interface SizingProps {
|
|
308
|
+
/** The height of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/height">MDN</a>. */
|
|
309
|
+
height?: string | number;
|
|
310
|
+
/** The maximum height of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-height">MDN</a>. */
|
|
311
|
+
maxHeight?: string;
|
|
312
|
+
/** The maximum width of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-width">MDN</a>. */
|
|
313
|
+
maxWidth?: string;
|
|
314
|
+
/** The minimum height of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/min-height">MDN</a>. */
|
|
315
|
+
minHeight?: string;
|
|
316
|
+
/** The minimum width of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/min-width">MDN</a>. */
|
|
317
|
+
minWidth?: string;
|
|
318
|
+
/** The width of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width">MDN</a>. */
|
|
319
|
+
width?: string | number;
|
|
320
|
+
}
|
|
321
|
+
interface PositioningProps {
|
|
322
|
+
/** Specifies how the element is positioned. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">MDN</a>. */
|
|
323
|
+
position?: string;
|
|
324
|
+
/** The top position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/top">MDN</a>. */
|
|
325
|
+
top?: string;
|
|
326
|
+
/** The bottom position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/bottom">MDN</a>. */
|
|
327
|
+
bottom?: string;
|
|
328
|
+
/** The left position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/left">MDN</a>. Consider using start instead for RTL support. */
|
|
329
|
+
left?: string;
|
|
330
|
+
/** The right position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/right">MDN</a>. Consider using start instead for RTL support. */
|
|
331
|
+
right?: string;
|
|
332
|
+
/** The stacking order for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/z-index">MDN</a>. */
|
|
333
|
+
zIndex?: string;
|
|
334
|
+
}
|
|
335
|
+
interface BorderProps {
|
|
336
|
+
/** The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method. Component properties not set in the background shorthand property value declaration are set to their default values. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background">MDN</a>. */
|
|
337
|
+
background?: string;
|
|
338
|
+
/** The background-color CSS property sets the background color of an element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-color">MDN</a>. */
|
|
339
|
+
backgroundColor?: string;
|
|
340
|
+
/** The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border">MDN</a>. */
|
|
341
|
+
border?: string;
|
|
342
|
+
/** The border-top CSS property sets all the properties of an element's top border. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top">MDN</a>. */
|
|
343
|
+
borderTop?: string;
|
|
344
|
+
/** The border-top CSS property sets all the properties of an element's bottom border. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom">MDN</a>. */
|
|
345
|
+
borderBottom?: string;
|
|
346
|
+
/** The border-top CSS property sets all the properties of an element's left border. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-left">MDN</a>. Consider using start instead for RTL support. */
|
|
347
|
+
borderLeft?: string;
|
|
348
|
+
/** The border-top CSS property sets all the properties of an element's right border. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-right">MDN</a>. Consider using start instead for RTL support. */
|
|
349
|
+
borderRight?: string;
|
|
350
|
+
/** The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius">MDN</a>. */
|
|
351
|
+
borderRadius?: string;
|
|
352
|
+
/** The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow">MDN</a>. */
|
|
353
|
+
boxShadow?: string;
|
|
354
|
+
}
|
|
355
|
+
interface FlexLayoutProps {
|
|
356
|
+
/** The distribution of space around child items along the cross axis. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-content">MDN</a>. */
|
|
357
|
+
alignContent?: AlignContent;
|
|
358
|
+
/** The alignment of children within their container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-items">MDN</a>. */
|
|
359
|
+
alignItems?: AlignItems;
|
|
360
|
+
/** The direction in which to layout children. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction">MDN</a>. */
|
|
361
|
+
flexDirection?: FlexDirection;
|
|
362
|
+
/** Whether to wrap items onto multiple lines. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap">MDN</a>. */
|
|
363
|
+
flexWrap?: FlexWrap;
|
|
364
|
+
/** The space to display between both rows and columns. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/gap">MDN</a>. */
|
|
365
|
+
gap?: string;
|
|
366
|
+
/** Whether the box is displayed inline or not. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">MDN</a>. */
|
|
367
|
+
inline?: boolean;
|
|
368
|
+
/** The distribution of space around items along the main axis. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content">MDN</a>. */
|
|
369
|
+
justifyContent?: JustifyContent;
|
|
370
|
+
}
|
|
371
|
+
interface GridLayoutProps {
|
|
372
|
+
/** The distribution of space around child items along the cross axis. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-content">MDN</a>. */
|
|
373
|
+
alignContent?: AlignContent;
|
|
374
|
+
/** The alignment of children within their container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-items">MDN</a>. */
|
|
375
|
+
alignItems?: AlignItems;
|
|
376
|
+
/** The space to display between both rows and columns. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/gap">MDN</a>. */
|
|
377
|
+
gap?: string;
|
|
378
|
+
/** Defines the size of implicitly generated columns. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns">MDN</a>. */
|
|
379
|
+
gridAutoColumns?: string;
|
|
380
|
+
/** Defines the size of implicitly generated rows. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows">MDN</a>. */
|
|
381
|
+
gridAutoRows?: string;
|
|
382
|
+
/** Defines named grid areas. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas">MDN</a>. */
|
|
383
|
+
gridTemplateAreas?: string;
|
|
384
|
+
/** Defines the sizes of each column in the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns">MDN</a>. */
|
|
385
|
+
gridTemplateColumns?: string;
|
|
386
|
+
/** Defines the sizes of each row in the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows">MDN</a>. */
|
|
387
|
+
gridTemplateRows?: string;
|
|
388
|
+
/** Whether the box is displayed inline or not. */
|
|
389
|
+
inline?: boolean;
|
|
390
|
+
/** The distribution of space around items along the main axis. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content">MDN</a>. */
|
|
391
|
+
justifyContent?: JustifyContent;
|
|
392
|
+
/** Defines the default justifySelf for all items in the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items">MDN</a>. */
|
|
393
|
+
justifyItems?: JustifyItems;
|
|
394
|
+
}
|
|
395
|
+
interface StylingProps extends LayoutProps, SpacingProps, SizingProps, PositioningProps {
|
|
396
|
+
}
|
|
397
|
+
interface InternalSpacingProps {
|
|
398
|
+
/** The padding for all four sides of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">MDN</a>. */
|
|
399
|
+
padding?: string;
|
|
400
|
+
/** The padding for the bottom side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom">MDN</a>. */
|
|
401
|
+
paddingBottom?: string;
|
|
402
|
+
/** The padding for the left side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left">MDN</a>. */
|
|
403
|
+
paddingLeft?: string;
|
|
404
|
+
/** The padding for the right side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right">MDN</a>. */
|
|
405
|
+
paddingRight?: string;
|
|
406
|
+
/** The padding for the top side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top">MDN</a>. */
|
|
407
|
+
paddingTop?: string;
|
|
408
|
+
}
|
|
409
|
+
interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, SpacingProps, SizingProps, PositioningProps, BorderProps, InternalSpacingProps {
|
|
410
|
+
/** Sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">MDN</a>. */
|
|
411
|
+
display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'inherit';
|
|
412
|
+
}
|
|
413
|
+
declare const getContainerProps: (props: ContainerProps) => {
|
|
414
|
+
zIndex?: string | undefined;
|
|
415
|
+
width?: string | number | undefined;
|
|
416
|
+
top?: string | undefined;
|
|
417
|
+
right?: string | undefined;
|
|
418
|
+
position?: string | undefined;
|
|
419
|
+
paddingTop?: string | undefined;
|
|
420
|
+
paddingRight?: string | undefined;
|
|
421
|
+
paddingLeft?: string | undefined;
|
|
422
|
+
paddingBottom?: string | undefined;
|
|
423
|
+
padding?: string | undefined;
|
|
424
|
+
minWidth?: string | undefined;
|
|
425
|
+
minHeight?: string | undefined;
|
|
426
|
+
maxWidth?: string | undefined;
|
|
427
|
+
maxHeight?: string | undefined;
|
|
428
|
+
marginTop?: string | undefined;
|
|
429
|
+
marginRight?: string | undefined;
|
|
430
|
+
marginLeft?: string | undefined;
|
|
431
|
+
marginBottom?: string | undefined;
|
|
432
|
+
margin?: string | undefined;
|
|
433
|
+
left?: string | undefined;
|
|
434
|
+
justifyItems?: JustifyItems | undefined;
|
|
435
|
+
justifyContent?: JustifyContent | undefined;
|
|
436
|
+
height?: string | number | undefined;
|
|
437
|
+
gridTemplateRows?: string | undefined;
|
|
438
|
+
gridTemplateColumns?: string | undefined;
|
|
439
|
+
gridTemplateAreas?: string | undefined;
|
|
440
|
+
gridAutoRows?: string | undefined;
|
|
441
|
+
gridAutoColumns?: string | undefined;
|
|
442
|
+
gap?: string | undefined;
|
|
443
|
+
flexWrap?: FlexWrap | undefined;
|
|
444
|
+
flexDirection?: FlexDirection | undefined;
|
|
445
|
+
bottom?: string | undefined;
|
|
446
|
+
alignItems?: AlignItems | undefined;
|
|
447
|
+
alignContent?: AlignContent | undefined;
|
|
448
|
+
};
|
|
96
449
|
|
|
97
450
|
/**
|
|
98
451
|
* Create an array containing only valid and specific components.
|
|
@@ -113,7 +466,7 @@ declare const getMaxTextWidth: (texts: string[], font: string, angle?: number) =
|
|
|
113
466
|
* @param component React function component or the component name
|
|
114
467
|
* @return predicate returning true if value is instance of the component
|
|
115
468
|
*/
|
|
116
|
-
declare const isComponent: <C>(component: string | Comp<C, any>) => (instance: ReactNode) => instance is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
469
|
+
declare const isComponent: <C>(component: string | Comp<C, any>) => (instance: ReactNode) => instance is React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
|
|
117
470
|
|
|
118
471
|
/**
|
|
119
472
|
* Return components based on list of predicates.
|
|
@@ -1555,6 +1908,2582 @@ declare const useIsLoaded: () => {
|
|
|
1555
1908
|
isLoaded: boolean;
|
|
1556
1909
|
};
|
|
1557
1910
|
|
|
1911
|
+
/**
|
|
1912
|
+
* Component variant.
|
|
1913
|
+
*/
|
|
1914
|
+
declare const AlertVariant: {
|
|
1915
|
+
readonly success: "success";
|
|
1916
|
+
readonly error: "error";
|
|
1917
|
+
readonly warning: "warning";
|
|
1918
|
+
readonly info: "info";
|
|
1919
|
+
};
|
|
1920
|
+
type AlertVariant = ValueOf<typeof AlertVariant>;
|
|
1921
|
+
declare const AlertStyleVariant: {
|
|
1922
|
+
readonly default: "default";
|
|
1923
|
+
readonly minimal: "minimal";
|
|
1924
|
+
};
|
|
1925
|
+
type AlertStyleVariant = ValueOf<typeof AlertStyleVariant>;
|
|
1926
|
+
/**
|
|
1927
|
+
* Component props.
|
|
1928
|
+
*/
|
|
1929
|
+
interface AlertProps extends ComponentProps<'div'>, StylingProps {
|
|
1930
|
+
/** Whether the component can be closed or not. */
|
|
1931
|
+
isClosable?: boolean;
|
|
1932
|
+
/** Whether the component is closed or not. Used for controlled version. */
|
|
1933
|
+
isClosed?: boolean;
|
|
1934
|
+
/** Method to handle component change. */
|
|
1935
|
+
onClose?(isClosed: boolean): void;
|
|
1936
|
+
/** Title. */
|
|
1937
|
+
title?: string;
|
|
1938
|
+
/** Theme. */
|
|
1939
|
+
theme?: Theme;
|
|
1940
|
+
/** Variant */
|
|
1941
|
+
variant?: AlertVariant;
|
|
1942
|
+
/** Style variant. */
|
|
1943
|
+
styleVariant?: AlertStyleVariant;
|
|
1944
|
+
}
|
|
1945
|
+
type StyledAlertProps = Omit<AlertProps, 'variant' | 'styleVariant'> & {
|
|
1946
|
+
$hasTitle: boolean;
|
|
1947
|
+
$isClosable: AlertProps['isClosable'];
|
|
1948
|
+
$isClosed: AlertProps['isClosed'];
|
|
1949
|
+
$variant: AlertProps['variant'];
|
|
1950
|
+
$theme: AlertProps['theme'];
|
|
1951
|
+
$styleVariant: AlertProps['styleVariant'];
|
|
1952
|
+
};
|
|
1953
|
+
|
|
1954
|
+
/**
|
|
1955
|
+
* The Alert component.
|
|
1956
|
+
*/
|
|
1957
|
+
declare const Alert: Comp<AlertProps, HTMLDivElement>;
|
|
1958
|
+
|
|
1959
|
+
/**
|
|
1960
|
+
* Component size.
|
|
1961
|
+
*/
|
|
1962
|
+
declare const IconSize: {
|
|
1963
|
+
readonly xsmall: "xsmall";
|
|
1964
|
+
readonly small: "small";
|
|
1965
|
+
readonly medium: "medium";
|
|
1966
|
+
readonly large: "large";
|
|
1967
|
+
readonly xlarge: "xlarge";
|
|
1968
|
+
readonly xxlarge: "xxlarge";
|
|
1969
|
+
};
|
|
1970
|
+
type IconSize = ValueOf<typeof IconSize>;
|
|
1971
|
+
type IconDimensions = {
|
|
1972
|
+
width?: number;
|
|
1973
|
+
height?: number;
|
|
1974
|
+
fontSize?: number;
|
|
1975
|
+
lineHeight?: number;
|
|
1976
|
+
};
|
|
1977
|
+
/**
|
|
1978
|
+
* Component props.
|
|
1979
|
+
*/
|
|
1980
|
+
interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
|
|
1981
|
+
/** Indicates whether the element is exposed to an accessibility API. */
|
|
1982
|
+
'aria-hidden'?: boolean | 'false' | 'true';
|
|
1983
|
+
/** A screen reader only label for the Icon. */
|
|
1984
|
+
'aria-label'?: string;
|
|
1985
|
+
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
1986
|
+
color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
1987
|
+
/** Whether the icon has a badge attached to it. */
|
|
1988
|
+
badge?: ReactElement;
|
|
1989
|
+
/**
|
|
1990
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
1991
|
+
* Can also be a ReactElement.
|
|
1992
|
+
*/
|
|
1993
|
+
icon: string | string[] | ReactElement;
|
|
1994
|
+
/** Icon size. */
|
|
1995
|
+
size?: IconSize | IconDimensions;
|
|
1996
|
+
/** Additional properties to forward to the SVG tag. */
|
|
1997
|
+
svgProps?: ComponentProps<'svg'>;
|
|
1998
|
+
/** Theme. */
|
|
1999
|
+
theme?: Theme;
|
|
2000
|
+
}
|
|
2001
|
+
type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
|
|
2002
|
+
$color: IconProps['color'];
|
|
2003
|
+
$width: IconDimensions['width'];
|
|
2004
|
+
$height: IconDimensions['height'];
|
|
2005
|
+
$fontSize: IconDimensions['fontSize'];
|
|
2006
|
+
$lineHeight: IconDimensions['lineHeight'];
|
|
2007
|
+
$theme: IconProps['theme'];
|
|
2008
|
+
};
|
|
2009
|
+
|
|
2010
|
+
declare const sizeToDimension: (size: IconSize | IconDimensions) => IconDimensions;
|
|
2011
|
+
/**
|
|
2012
|
+
* The Icon component.
|
|
2013
|
+
*/
|
|
2014
|
+
declare const Icon: Comp<IconProps, HTMLSpanElement>;
|
|
2015
|
+
|
|
2016
|
+
/**
|
|
2017
|
+
* Component variant.
|
|
2018
|
+
*/
|
|
2019
|
+
declare const IconButtonVariant: {
|
|
2020
|
+
readonly primary: "primary";
|
|
2021
|
+
readonly secondary: "secondary";
|
|
2022
|
+
readonly unstyled: "unstyled";
|
|
2023
|
+
};
|
|
2024
|
+
type IconButtonVariant = ValueOf<typeof IconButtonVariant>;
|
|
2025
|
+
/**
|
|
2026
|
+
* Component color.
|
|
2027
|
+
*/
|
|
2028
|
+
type IconButtonColor = ButtonsColorPalette;
|
|
2029
|
+
/**
|
|
2030
|
+
* Component props.
|
|
2031
|
+
*/
|
|
2032
|
+
interface IconButtonProps extends ComponentProps<'button'>, StylingProps {
|
|
2033
|
+
/** Color variant. */
|
|
2034
|
+
color?: IconButtonColor;
|
|
2035
|
+
/**
|
|
2036
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2037
|
+
* Can also be a ReactElement.
|
|
2038
|
+
*/
|
|
2039
|
+
icon: IconProps['icon'];
|
|
2040
|
+
/** Props to forward to the icon. */
|
|
2041
|
+
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
2042
|
+
/** Whether the component is active or not. */
|
|
2043
|
+
isActive?: boolean;
|
|
2044
|
+
/** Whether the component is disabled or not. */
|
|
2045
|
+
isDisabled?: boolean;
|
|
2046
|
+
/** Whether the component is hovered or not. */
|
|
2047
|
+
isHovered?: boolean;
|
|
2048
|
+
/** Whether the component is in a loading state or not. */
|
|
2049
|
+
isLoading?: boolean;
|
|
2050
|
+
/** Theme. */
|
|
2051
|
+
theme?: Theme;
|
|
2052
|
+
/** Button variant. */
|
|
2053
|
+
variant?: IconButtonVariant;
|
|
2054
|
+
}
|
|
2055
|
+
type StyledIconButtonProps = Omit<IconButtonProps, 'icon'> & {
|
|
2056
|
+
$color: IconButtonProps['color'];
|
|
2057
|
+
$isActive: IconButtonProps['isActive'];
|
|
2058
|
+
$isDisabled: IconButtonProps['isDisabled'];
|
|
2059
|
+
$isHovered: IconButtonProps['isHovered'];
|
|
2060
|
+
$isLoading: IconButtonProps['isLoading'];
|
|
2061
|
+
$theme: IconButtonProps['theme'];
|
|
2062
|
+
$variant: IconButtonProps['variant'];
|
|
2063
|
+
};
|
|
2064
|
+
|
|
2065
|
+
/**
|
|
2066
|
+
* The Icon Button is a component that contains only one icon as a child, without text.
|
|
2067
|
+
*
|
|
2068
|
+
* This component should use aria-label, aria-labelledby or aria-describedby to make this
|
|
2069
|
+
* component usable with a screen reader.
|
|
2070
|
+
*/
|
|
2071
|
+
declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
|
|
2072
|
+
|
|
2073
|
+
/**
|
|
2074
|
+
* Component props.
|
|
2075
|
+
*/
|
|
2076
|
+
interface BreadcrumbItemProps extends ComponentProps<'a'> {
|
|
2077
|
+
/** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
|
|
2078
|
+
as?: 'a' | ElementType;
|
|
2079
|
+
/** Whether the breadcrumb item is the current page. */
|
|
2080
|
+
isCurrent?: boolean;
|
|
2081
|
+
/** Whether the component is disabled or not. */
|
|
2082
|
+
isDisabled?: boolean;
|
|
2083
|
+
/** Theme. */
|
|
2084
|
+
theme?: Theme;
|
|
2085
|
+
}
|
|
2086
|
+
type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
|
|
2087
|
+
$isCurrent: BreadcrumbItemProps['isCurrent'];
|
|
2088
|
+
$isDisabled: BreadcrumbItemProps['isDisabled'];
|
|
2089
|
+
$theme: BreadcrumbItemProps['theme'];
|
|
2090
|
+
};
|
|
2091
|
+
|
|
2092
|
+
/**
|
|
2093
|
+
* The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
|
|
2094
|
+
*/
|
|
2095
|
+
declare const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
|
|
2096
|
+
|
|
2097
|
+
/**
|
|
2098
|
+
* Component props.
|
|
2099
|
+
*/
|
|
2100
|
+
interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
|
|
2101
|
+
/** Array of breadcrumb item props to use to generate a Breadcrumbs in place of the title. The last item is considered as the current page. */
|
|
2102
|
+
breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
|
|
2103
|
+
/** Custom props to pass to the IconButton used to collapse the side panel. */
|
|
2104
|
+
iconButtonProps?: Omit<IconButtonProps, 'icon'>;
|
|
2105
|
+
/** Custom ref to pass to the IconButton used to collapse the side panel. */
|
|
2106
|
+
iconButtonRef?: RefObject<HTMLButtonElement>;
|
|
2107
|
+
/** Title of the page if no one provided automatically */
|
|
2108
|
+
fallbackTitle?: string;
|
|
2109
|
+
/** Title of the page, if no breadcrumbs used. */
|
|
2110
|
+
title?: string | ReactElement;
|
|
2111
|
+
/** Theme. */
|
|
2112
|
+
theme?: Theme;
|
|
2113
|
+
}
|
|
2114
|
+
type StyledAppBarProps = AppBarProps & {
|
|
2115
|
+
$hasBorder: boolean;
|
|
2116
|
+
$isLoaded: boolean;
|
|
2117
|
+
$isSidePanelCollapsed: boolean;
|
|
2118
|
+
$isAppFullScreen: boolean;
|
|
2119
|
+
$theme: AppBarProps['theme'];
|
|
2120
|
+
};
|
|
2121
|
+
|
|
2122
|
+
/**
|
|
2123
|
+
* The AppBar component.
|
|
2124
|
+
*/
|
|
2125
|
+
declare const AppBar: Comp<AppBarProps, HTMLHeadingElement>;
|
|
2126
|
+
|
|
2127
|
+
/**
|
|
2128
|
+
* Component variant.
|
|
2129
|
+
*/
|
|
2130
|
+
declare const AppSidePanelVariant: {
|
|
2131
|
+
readonly shrinked: "shrinked";
|
|
2132
|
+
readonly standard: "standard";
|
|
2133
|
+
readonly hidden: "hidden";
|
|
2134
|
+
};
|
|
2135
|
+
type AppSidePanelVariant = ValueOf<typeof AppSidePanelVariant>;
|
|
2136
|
+
/**
|
|
2137
|
+
* Component props.
|
|
2138
|
+
*/
|
|
2139
|
+
interface AppSidePanelProps extends ComponentProps<'div'> {
|
|
2140
|
+
/** Elements to display on top of the navigation menu. Usually a button. */
|
|
2141
|
+
featuredElements?: ReactElement | ReactElement[];
|
|
2142
|
+
/** Custom props to pass to the IconButton used to collapse the side panel. */
|
|
2143
|
+
iconButtonProps?: Omit<IconButtonProps, 'icon'>;
|
|
2144
|
+
/** Custom ref to pass to the IconButton used to collapse the side panel. */
|
|
2145
|
+
iconButtonRef?: RefObject<HTMLButtonElement>;
|
|
2146
|
+
/** Place to display the logo app. */
|
|
2147
|
+
logo?: ReactElement | ComponentProps<'img'>;
|
|
2148
|
+
/** Method called when a click occurs on the top open button - which is displayed only in shrinked variant. */
|
|
2149
|
+
onOpen?: (e: MouseEvent) => void;
|
|
2150
|
+
/** Theme. */
|
|
2151
|
+
theme?: Theme;
|
|
2152
|
+
/** Variant. */
|
|
2153
|
+
variant?: AppSidePanelVariant;
|
|
2154
|
+
}
|
|
2155
|
+
type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed' | 'logo'> & {
|
|
2156
|
+
$variant: AppSidePanelProps['variant'];
|
|
2157
|
+
$theme: AppSidePanelProps['theme'];
|
|
2158
|
+
};
|
|
2159
|
+
|
|
2160
|
+
/**
|
|
2161
|
+
* The AppSidePanel component.
|
|
2162
|
+
*/
|
|
2163
|
+
declare const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement>;
|
|
2164
|
+
|
|
2165
|
+
/**
|
|
2166
|
+
* Component variant.
|
|
2167
|
+
*/
|
|
2168
|
+
declare const BadgeVariant: {
|
|
2169
|
+
readonly dot: "dot";
|
|
2170
|
+
readonly standard: "standard";
|
|
2171
|
+
};
|
|
2172
|
+
type BadgeVariant = ValueOf<typeof BadgeVariant>;
|
|
2173
|
+
/**
|
|
2174
|
+
* Component props.
|
|
2175
|
+
*/
|
|
2176
|
+
interface BadgeProps extends ComponentProps<'div'>, LayoutProps, SpacingProps, PositioningProps {
|
|
2177
|
+
/** Whether the badge should automatically break content. */
|
|
2178
|
+
autoBreak?: boolean;
|
|
2179
|
+
/** Color variant. The product colors are available but should only be used to display the Badge in the color of another product. To display a Badge with a color of the current product, use `default`. */
|
|
2180
|
+
color?: NotificationsColorPalette | PresentationColorPalette;
|
|
2181
|
+
/** Whether the Badge has its colors reversed or not. */
|
|
2182
|
+
isReversed?: boolean;
|
|
2183
|
+
/** Theme. */
|
|
2184
|
+
theme?: Theme;
|
|
2185
|
+
/** Badge variant. */
|
|
2186
|
+
variant?: BadgeVariant;
|
|
2187
|
+
}
|
|
2188
|
+
type StyledBadgeProps = Omit<BadgeProps, 'color' | 'variant' | 'isReversed' | 'autoBreak'> & {
|
|
2189
|
+
$autoBreak: BadgeProps['autoBreak'];
|
|
2190
|
+
$color: BadgeProps['color'];
|
|
2191
|
+
$isReversed: BadgeProps['isReversed'];
|
|
2192
|
+
$variant: BadgeProps['variant'];
|
|
2193
|
+
$theme: BadgeProps['theme'];
|
|
2194
|
+
};
|
|
2195
|
+
|
|
2196
|
+
/**
|
|
2197
|
+
* The Badge component.
|
|
2198
|
+
*/
|
|
2199
|
+
declare const Badge: Comp<BadgeProps, HTMLDivElement>;
|
|
2200
|
+
|
|
2201
|
+
/**
|
|
2202
|
+
* Context props.
|
|
2203
|
+
*/
|
|
2204
|
+
type SideNavigationMenuContextProps = {
|
|
2205
|
+
menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
|
|
2206
|
+
};
|
|
2207
|
+
/**
|
|
2208
|
+
* Reducer props.
|
|
2209
|
+
*/
|
|
2210
|
+
type SideNavigationMenuReducerState = {
|
|
2211
|
+
isExpanded: boolean;
|
|
2212
|
+
currentIndex: number;
|
|
2213
|
+
previousIndex: number;
|
|
2214
|
+
};
|
|
2215
|
+
declare enum SideNavigationMenuReducerActionType {
|
|
2216
|
+
Expand = "expand",
|
|
2217
|
+
Collapse = "collapse",
|
|
2218
|
+
Move = "move"
|
|
2219
|
+
}
|
|
2220
|
+
type SideNavigationMenuReducerAction = {
|
|
2221
|
+
type: SideNavigationMenuReducerActionType;
|
|
2222
|
+
index?: number;
|
|
2223
|
+
};
|
|
2224
|
+
/**
|
|
2225
|
+
* Component props.
|
|
2226
|
+
*/
|
|
2227
|
+
interface SideNavigationMenuProps extends ComponentProps<'div'> {
|
|
2228
|
+
/** Custom props to pass to the button. */
|
|
2229
|
+
buttonProps?: ComponentProps<'button'>;
|
|
2230
|
+
/** Custom ref to pass to the button. */
|
|
2231
|
+
buttonRef?: MutableRefObject<HTMLButtonElement>;
|
|
2232
|
+
/** Custom props to pass to the Badge component, if any. */
|
|
2233
|
+
badgeProps?: Omit<BadgeProps, 'ref'>;
|
|
2234
|
+
/** Whether or not the menu contains children that have a badge. */
|
|
2235
|
+
hasBadge?: boolean;
|
|
2236
|
+
/**
|
|
2237
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2238
|
+
* Can also be a ReactElement.
|
|
2239
|
+
*/
|
|
2240
|
+
icon?: IconProps['icon'];
|
|
2241
|
+
/** Custom props to pass to the Icon component. */
|
|
2242
|
+
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
2243
|
+
/** Custom ref to pass to the Icon component. */
|
|
2244
|
+
iconRef?: MutableRefObject<HTMLElement>;
|
|
2245
|
+
/** Whether the component is disabled or not. */
|
|
2246
|
+
isDisabled?: boolean;
|
|
2247
|
+
/** Whether the menu is expanded or not. */
|
|
2248
|
+
isExpanded?: boolean;
|
|
2249
|
+
/** By default, the badge is hidden when the menu is expanded. This prop controls this behavior. */
|
|
2250
|
+
keepBadgeVisible?: boolean;
|
|
2251
|
+
/** Custom props to pass to the menu. */
|
|
2252
|
+
menuProps?: ComponentProps<'ul'>;
|
|
2253
|
+
/** Custom ref to pass to the menu. */
|
|
2254
|
+
menuRef?: MutableRefObject<HTMLUListElement>;
|
|
2255
|
+
/** Theme. */
|
|
2256
|
+
theme?: Theme;
|
|
2257
|
+
}
|
|
2258
|
+
type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'> & {
|
|
2259
|
+
$isDisabled: SideNavigationMenuProps['isDisabled'];
|
|
2260
|
+
$isExpanded: SideNavigationMenuProps['isExpanded'];
|
|
2261
|
+
$numberOfChildren: number;
|
|
2262
|
+
$variant: SideNavigationMenuBarVariant;
|
|
2263
|
+
$theme: SideNavigationMenuProps['theme'];
|
|
2264
|
+
};
|
|
2265
|
+
|
|
2266
|
+
/**
|
|
2267
|
+
* The SideNavigationMenu component.
|
|
2268
|
+
*/
|
|
2269
|
+
declare const SideNavigationMenu: Comp<SideNavigationMenuProps, HTMLDivElement>;
|
|
2270
|
+
|
|
2271
|
+
/**
|
|
2272
|
+
* Component props.
|
|
2273
|
+
*/
|
|
2274
|
+
interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
|
|
2275
|
+
/** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
|
|
2276
|
+
as?: 'a' | ElementType;
|
|
2277
|
+
/** Text or number that should be displayed inside a badge next to the menu item text. */
|
|
2278
|
+
badge?: number | string;
|
|
2279
|
+
/** Custom props to pass to the Badge component, if any. */
|
|
2280
|
+
badgeProps?: Omit<BadgeProps, 'ref'>;
|
|
2281
|
+
/** Color variant. */
|
|
2282
|
+
color?: string;
|
|
2283
|
+
/** Whether the menu item has a border or not. */
|
|
2284
|
+
hasBorder?: boolean;
|
|
2285
|
+
/** Href is required for this component. */
|
|
2286
|
+
href: ComponentProps<'a'>['href'];
|
|
2287
|
+
/**
|
|
2288
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2289
|
+
* Can also be a ReactElement.
|
|
2290
|
+
*/
|
|
2291
|
+
icon?: IconProps['icon'];
|
|
2292
|
+
/** Custom props to pass to the Icon component. */
|
|
2293
|
+
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
2294
|
+
/** Custom ref to pass to the Icon component. */
|
|
2295
|
+
iconRef?: RefObject<HTMLElement>;
|
|
2296
|
+
/** Whether the component is active or not. */
|
|
2297
|
+
isCurrent?: boolean;
|
|
2298
|
+
/** Whether the component is disabled or not. */
|
|
2299
|
+
isDisabled?: boolean;
|
|
2300
|
+
/** Whether the component is a second-level menu item. */
|
|
2301
|
+
isSecondLevel?: boolean;
|
|
2302
|
+
/** Theme. */
|
|
2303
|
+
theme?: Theme;
|
|
2304
|
+
}
|
|
2305
|
+
type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel' | 'hasBorder'> & {
|
|
2306
|
+
$color: SideNavigationMenuItemProps['color'];
|
|
2307
|
+
$hasIcon: boolean;
|
|
2308
|
+
$isCurrent: SideNavigationMenuItemProps['isCurrent'];
|
|
2309
|
+
$isDisabled: SideNavigationMenuItemProps['isDisabled'];
|
|
2310
|
+
$isSecondLevel: SideNavigationMenuItemProps['isSecondLevel'];
|
|
2311
|
+
$variant: SideNavigationMenuBarVariant;
|
|
2312
|
+
$theme: SideNavigationMenuItemProps['theme'];
|
|
2313
|
+
};
|
|
2314
|
+
|
|
2315
|
+
/**
|
|
2316
|
+
* The SideNavigationMenuItem component.
|
|
2317
|
+
*/
|
|
2318
|
+
declare const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement>;
|
|
2319
|
+
|
|
2320
|
+
/**
|
|
2321
|
+
* Component variant.
|
|
2322
|
+
*/
|
|
2323
|
+
declare const SideNavigationMenuBarVariant: {
|
|
2324
|
+
readonly shrinked: "shrinked";
|
|
2325
|
+
readonly standard: "standard";
|
|
2326
|
+
};
|
|
2327
|
+
type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;
|
|
2328
|
+
/**
|
|
2329
|
+
* Context props.
|
|
2330
|
+
*/
|
|
2331
|
+
type SideNavigationMenuBarContextProps = {
|
|
2332
|
+
/** List of menu items. */
|
|
2333
|
+
menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
|
|
2334
|
+
/** Side navigation variant. */
|
|
2335
|
+
sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;
|
|
2336
|
+
/** Change side navigation variant. */
|
|
2337
|
+
setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;
|
|
2338
|
+
/** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */
|
|
2339
|
+
currentOpenMenuId?: string;
|
|
2340
|
+
/** Change current open menu id. */
|
|
2341
|
+
setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;
|
|
2342
|
+
};
|
|
2343
|
+
/**
|
|
2344
|
+
* Component props.
|
|
2345
|
+
*/
|
|
2346
|
+
interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {
|
|
2347
|
+
/** Whether or not opening a menu closes the others. */
|
|
2348
|
+
canHaveMultipleMenuOpenAtOnce?: boolean;
|
|
2349
|
+
/** Whether the component is disabled or not. */
|
|
2350
|
+
isDisabled?: boolean;
|
|
2351
|
+
/** Custom props to pass to the menubar. */
|
|
2352
|
+
menubarProps?: ComponentProps<'ul'>;
|
|
2353
|
+
/** Custom ref to pass to the menubar. */
|
|
2354
|
+
menubarRef?: MutableRefObject<HTMLUListElement>;
|
|
2355
|
+
/** Theme. */
|
|
2356
|
+
theme?: Theme;
|
|
2357
|
+
/** Variant. */
|
|
2358
|
+
variant?: SideNavigationMenuBarVariant;
|
|
2359
|
+
}
|
|
2360
|
+
type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {
|
|
2361
|
+
$isDisabled: SideNavigationMenuBarProps['isDisabled'];
|
|
2362
|
+
$marginTop?: number;
|
|
2363
|
+
$variant: SideNavigationMenuBarProps['variant'];
|
|
2364
|
+
$theme: SideNavigationMenuBarProps['theme'];
|
|
2365
|
+
};
|
|
2366
|
+
/**
|
|
2367
|
+
* Hook props.
|
|
2368
|
+
*/
|
|
2369
|
+
interface MenuItem extends Omit<SideNavigationMenuItemProps, 'children'> {
|
|
2370
|
+
title: string;
|
|
2371
|
+
}
|
|
2372
|
+
interface Menu extends Omit<SideNavigationMenuProps, 'children'> {
|
|
2373
|
+
title: string;
|
|
2374
|
+
children: MenuItem[];
|
|
2375
|
+
}
|
|
2376
|
+
type MenuBarItems = (Menu | MenuItem)[];
|
|
2377
|
+
|
|
2378
|
+
/**
|
|
2379
|
+
* The SideNavigationMenuBar component.
|
|
2380
|
+
*/
|
|
2381
|
+
declare const SideNavigationMenuBar: Comp<SideNavigationMenuBarProps, HTMLElement>;
|
|
2382
|
+
|
|
2383
|
+
interface UseSideNavigationMenuBarProps {
|
|
2384
|
+
items: MenuBarItems;
|
|
2385
|
+
isActive?: (href: string) => boolean;
|
|
2386
|
+
}
|
|
2387
|
+
declare const useSideNavigationMenuBar: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<SideNavigationMenuBarProps, 'ref'>;
|
|
2388
|
+
|
|
2389
|
+
declare const useAppSidePanel: ({ items, isActive }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps, 'ref'>;
|
|
2390
|
+
|
|
2391
|
+
/**
|
|
2392
|
+
* Context props.
|
|
2393
|
+
*/
|
|
2394
|
+
type AppContainerState = {
|
|
2395
|
+
/** Collapses the side panel. */
|
|
2396
|
+
collapseSidePanel(): void;
|
|
2397
|
+
/** Expandes the side panel. */
|
|
2398
|
+
expandSidePanel(): void;
|
|
2399
|
+
/** Product theme. */
|
|
2400
|
+
product?: AppContainerProps['product'];
|
|
2401
|
+
/** Set breadcrumbs of the page. */
|
|
2402
|
+
setBreadcrumbs(breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[]): void;
|
|
2403
|
+
/** Page breadcrumbs. */
|
|
2404
|
+
readonly breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
|
|
2405
|
+
/** Side panel variant. */
|
|
2406
|
+
sidePanelVariant: AppSidePanelVariant;
|
|
2407
|
+
/** Change side panel variant. */
|
|
2408
|
+
setSidePanelVariant: Dispatch<SetStateAction<AppSidePanelVariant>>;
|
|
2409
|
+
/** AppContainer ref. */
|
|
2410
|
+
appContainerRef: RefObject<HTMLDivElement>;
|
|
2411
|
+
/** Whether the App takes the entire screen or not. */
|
|
2412
|
+
isFullScreen?: boolean;
|
|
2413
|
+
};
|
|
2414
|
+
/**
|
|
2415
|
+
* Component props.
|
|
2416
|
+
*/
|
|
2417
|
+
interface AppContainerProps extends ComponentProps<'div'> {
|
|
2418
|
+
/** Whether the App takes the entire screen or not. */
|
|
2419
|
+
isFullScreen?: boolean;
|
|
2420
|
+
/** The locale to apply to the children. */
|
|
2421
|
+
locale?: string;
|
|
2422
|
+
/** Product theme to apply to everything within. This overrides the CSS variables automatically. */
|
|
2423
|
+
product?: Product | {
|
|
2424
|
+
name: string;
|
|
2425
|
+
logo?: ReactElement;
|
|
2426
|
+
};
|
|
2427
|
+
/** Overall theme. */
|
|
2428
|
+
theme?: Theme;
|
|
2429
|
+
}
|
|
2430
|
+
type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
|
|
2431
|
+
$theme: Theme;
|
|
2432
|
+
$product?: AppContainerProps['product'];
|
|
2433
|
+
};
|
|
2434
|
+
|
|
2435
|
+
declare const AppContainerContext: React$1.Context<AppContainerState | null>;
|
|
2436
|
+
|
|
2437
|
+
declare const RadarSvgLinearGradient: React$1.FC;
|
|
2438
|
+
/**
|
|
2439
|
+
* The AppContainer component.
|
|
2440
|
+
*/
|
|
2441
|
+
declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
|
|
2442
|
+
|
|
2443
|
+
/**
|
|
2444
|
+
* Component props.
|
|
2445
|
+
*/
|
|
2446
|
+
interface AppContentProps extends ComponentProps<'main'>, StylingProps, ContainerProps {
|
|
2447
|
+
/** Theme. */
|
|
2448
|
+
theme?: Theme;
|
|
2449
|
+
}
|
|
2450
|
+
type StyledAppContentProps = Omit<AppContentProps, 'product'> & {
|
|
2451
|
+
$isLoaded: boolean;
|
|
2452
|
+
$isSidePanelCollapsed: boolean;
|
|
2453
|
+
$isAppFullScreen: boolean;
|
|
2454
|
+
$theme: AppContentProps['theme'];
|
|
2455
|
+
};
|
|
2456
|
+
|
|
2457
|
+
/**
|
|
2458
|
+
* The AppContent component.
|
|
2459
|
+
*/
|
|
2460
|
+
declare const AppContent: Comp<AppContentProps, HTMLElement>;
|
|
2461
|
+
|
|
2462
|
+
/**
|
|
2463
|
+
* Component props.
|
|
2464
|
+
*/
|
|
2465
|
+
interface BreadcrumbsProps extends ComponentProps<'nav'>, StylingProps {
|
|
2466
|
+
/** Whether the component is disabled or not. */
|
|
2467
|
+
isDisabled?: boolean;
|
|
2468
|
+
/** Theme. */
|
|
2469
|
+
theme?: Theme;
|
|
2470
|
+
}
|
|
2471
|
+
type StyledBreadcrumbsProps = Omit<BreadcrumbsProps, 'isDisabled'> & {
|
|
2472
|
+
$isDisabled: BreadcrumbsProps['isDisabled'];
|
|
2473
|
+
$theme: BreadcrumbsProps['theme'];
|
|
2474
|
+
};
|
|
2475
|
+
|
|
2476
|
+
/**
|
|
2477
|
+
* The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
|
|
2478
|
+
*/
|
|
2479
|
+
declare const BaseBreadcrumbs: Comp<BreadcrumbsProps, HTMLElement>;
|
|
2480
|
+
declare const Breadcrumbs: Comp<BreadcrumbsProps, HTMLElement> & {
|
|
2481
|
+
Item: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
|
|
2482
|
+
};
|
|
2483
|
+
|
|
2484
|
+
/**
|
|
2485
|
+
* Component variant.
|
|
2486
|
+
*/
|
|
2487
|
+
declare const ButtonGroupVariant: {
|
|
2488
|
+
readonly primary: "primary";
|
|
2489
|
+
readonly secondary: "secondary";
|
|
2490
|
+
readonly unstyled: "unstyled";
|
|
2491
|
+
};
|
|
2492
|
+
type ButtonGroupVariant = ValueOf<typeof ButtonGroupVariant>;
|
|
2493
|
+
/**
|
|
2494
|
+
* Component color.
|
|
2495
|
+
*/
|
|
2496
|
+
type ButtonGroupColor = ButtonsColorPalette;
|
|
2497
|
+
/**
|
|
2498
|
+
* Component props.
|
|
2499
|
+
*/
|
|
2500
|
+
interface ButtonGroupProps extends ComponentProps<'div'>, StylingProps, FlexLayoutProps {
|
|
2501
|
+
/** Button color. */
|
|
2502
|
+
color?: ButtonGroupColor;
|
|
2503
|
+
/** Button variant. */
|
|
2504
|
+
variant?: ButtonGroupVariant;
|
|
2505
|
+
/** Theme. */
|
|
2506
|
+
theme?: Theme;
|
|
2507
|
+
}
|
|
2508
|
+
type StyledButtonGroupProps = ButtonGroupProps & {
|
|
2509
|
+
$color: ButtonGroupProps['color'];
|
|
2510
|
+
$variant: ButtonGroupProps['variant'];
|
|
2511
|
+
$theme: ButtonGroupProps['theme'];
|
|
2512
|
+
};
|
|
2513
|
+
|
|
2514
|
+
/**
|
|
2515
|
+
* The ButtonGroup component.
|
|
2516
|
+
*/
|
|
2517
|
+
declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
|
|
2518
|
+
|
|
2519
|
+
/**
|
|
2520
|
+
* Component variant.
|
|
2521
|
+
*/
|
|
2522
|
+
declare const ButtonVariant: {
|
|
2523
|
+
readonly primary: "primary";
|
|
2524
|
+
readonly secondary: "secondary";
|
|
2525
|
+
readonly unstyled: "unstyled";
|
|
2526
|
+
};
|
|
2527
|
+
type ButtonVariant = ValueOf<typeof ButtonVariant>;
|
|
2528
|
+
/**
|
|
2529
|
+
* Component color.
|
|
2530
|
+
*/
|
|
2531
|
+
type ButtonColor = ButtonsColorPalette;
|
|
2532
|
+
/**
|
|
2533
|
+
* Component props.
|
|
2534
|
+
*/
|
|
2535
|
+
interface ButtonProps extends ComponentProps<'button'>, StylingProps {
|
|
2536
|
+
/** Color variant. */
|
|
2537
|
+
color?: ButtonColor;
|
|
2538
|
+
/** Whether the component take the full width or not. */
|
|
2539
|
+
fullWidth?: boolean;
|
|
2540
|
+
/** Whether the component is active or not. */
|
|
2541
|
+
isActive?: boolean;
|
|
2542
|
+
/** Whether the component is disabled or not. */
|
|
2543
|
+
isDisabled?: boolean;
|
|
2544
|
+
/** Whether the component is hovered or not. */
|
|
2545
|
+
isHovered?: boolean;
|
|
2546
|
+
/** Whether the component is in a loading state or not. */
|
|
2547
|
+
isLoading?: boolean;
|
|
2548
|
+
/**
|
|
2549
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2550
|
+
* Can also be a ReactElement.
|
|
2551
|
+
*/
|
|
2552
|
+
leftIcon?: IconProps['icon'];
|
|
2553
|
+
/** Props to add to the left icon. */
|
|
2554
|
+
leftIconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
2555
|
+
/**
|
|
2556
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2557
|
+
* Can also be a ReactElement.
|
|
2558
|
+
*/
|
|
2559
|
+
rightIcon?: IconProps['icon'];
|
|
2560
|
+
/** Props to add to the right icon. */
|
|
2561
|
+
rightIconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
2562
|
+
/** Theme. */
|
|
2563
|
+
theme?: Theme;
|
|
2564
|
+
/** Button variant. */
|
|
2565
|
+
variant?: ButtonVariant;
|
|
2566
|
+
}
|
|
2567
|
+
type StyledButtonProps = ButtonProps & {
|
|
2568
|
+
$color: ButtonProps['color'];
|
|
2569
|
+
$fullWidth?: ButtonProps['fullWidth'];
|
|
2570
|
+
$isActive: ButtonProps['isActive'];
|
|
2571
|
+
$isDisabled: ButtonProps['isDisabled'];
|
|
2572
|
+
$isGradient: boolean;
|
|
2573
|
+
$isHovered: ButtonProps['isHovered'];
|
|
2574
|
+
$isLoading: ButtonProps['isLoading'];
|
|
2575
|
+
$theme: ButtonProps['theme'];
|
|
2576
|
+
$variant: ButtonProps['variant'];
|
|
2577
|
+
};
|
|
2578
|
+
|
|
2579
|
+
/**
|
|
2580
|
+
* Component style.
|
|
2581
|
+
*/
|
|
2582
|
+
declare const StyledButton: styled_components.StyledComponent<"button", any, ButtonProps & {
|
|
2583
|
+
$color: string | undefined;
|
|
2584
|
+
$fullWidth?: boolean | undefined;
|
|
2585
|
+
$isActive: boolean | undefined;
|
|
2586
|
+
$isDisabled: boolean | undefined;
|
|
2587
|
+
$isGradient: boolean;
|
|
2588
|
+
$isHovered: boolean | undefined;
|
|
2589
|
+
$isLoading: boolean | undefined;
|
|
2590
|
+
$theme: Theme | undefined;
|
|
2591
|
+
$variant: ButtonVariant | undefined;
|
|
2592
|
+
}, never>;
|
|
2593
|
+
|
|
2594
|
+
/**
|
|
2595
|
+
* The Button is a semantic button that looks like a button.
|
|
2596
|
+
*
|
|
2597
|
+
* For a semantic link that looks like a button, please use the ButtonLink component.
|
|
2598
|
+
* For a semantic link that looks like a link, please use the Link component.
|
|
2599
|
+
* For a semantic button that looks like a link, please use the LinkButton component.
|
|
2600
|
+
*/
|
|
2601
|
+
declare const Button: Comp<ButtonProps, HTMLButtonElement>;
|
|
2602
|
+
|
|
2603
|
+
/**
|
|
2604
|
+
* Component props.
|
|
2605
|
+
*/
|
|
2606
|
+
interface LinkProps extends ComponentProps<'a'>, StylingProps {
|
|
2607
|
+
/** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
|
|
2608
|
+
as?: 'a' | ElementType;
|
|
2609
|
+
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
2610
|
+
color?: NotificationsColorPalette | NeutralColorPalette | 'radar' | (string & {});
|
|
2611
|
+
/** Whether the component is disabled or not. */
|
|
2612
|
+
isDisabled?: boolean;
|
|
2613
|
+
/**
|
|
2614
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2615
|
+
* Can also be a ReactElement.
|
|
2616
|
+
*/
|
|
2617
|
+
leftIcon?: IconProps['icon'];
|
|
2618
|
+
/** Props to add to the left icon. */
|
|
2619
|
+
leftIconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
2620
|
+
/**
|
|
2621
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2622
|
+
* Can also be a ReactElement.
|
|
2623
|
+
*/
|
|
2624
|
+
rightIcon?: IconProps['icon'];
|
|
2625
|
+
/** Props to add to the right icon. */
|
|
2626
|
+
rightIconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
2627
|
+
/** Theme. */
|
|
2628
|
+
theme?: Theme;
|
|
2629
|
+
}
|
|
2630
|
+
type StyledLinkProps = Omit<LinkProps, 'isDisabled'> & {
|
|
2631
|
+
$isDisabled: LinkProps['isDisabled'];
|
|
2632
|
+
$color: LinkProps['color'];
|
|
2633
|
+
$theme: LinkProps['theme'];
|
|
2634
|
+
$hasIcons: boolean;
|
|
2635
|
+
};
|
|
2636
|
+
|
|
2637
|
+
/**
|
|
2638
|
+
* Component style.
|
|
2639
|
+
*/
|
|
2640
|
+
declare const StyledLink: styled_components.StyledComponent<"a", any, Omit<LinkProps, "isDisabled"> & {
|
|
2641
|
+
$isDisabled: boolean | undefined;
|
|
2642
|
+
$color: (string & {}) | "radar" | NotificationsColorPalette | NeutralColorPalette | undefined;
|
|
2643
|
+
$theme: Theme | undefined;
|
|
2644
|
+
$hasIcons: boolean;
|
|
2645
|
+
}, never>;
|
|
2646
|
+
|
|
2647
|
+
/**
|
|
2648
|
+
* The Link is a semantic link that looks like a link.
|
|
2649
|
+
* Shoud be used for internal and external navigation only.
|
|
2650
|
+
*
|
|
2651
|
+
* For a semantic link that looks like a button, please use the ButtonLink component.
|
|
2652
|
+
* For a semantic button that looks like a button, please use the Button component.
|
|
2653
|
+
* For a semantic button that looks like a link, please use the LinkButton component.
|
|
2654
|
+
*/
|
|
2655
|
+
declare const Link: Comp<LinkProps, HTMLAnchorElement>;
|
|
2656
|
+
|
|
2657
|
+
/**
|
|
2658
|
+
* Component props.
|
|
2659
|
+
*/
|
|
2660
|
+
interface ButtonLinkProps extends Omit<LinkProps, 'color'>, Pick<ButtonProps, 'color' | 'isActive' | 'isDisabled' | 'isHovered' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon' | 'variant' | 'theme'> {
|
|
2661
|
+
}
|
|
2662
|
+
type StyledButtonLinkProps = ButtonLinkProps & {
|
|
2663
|
+
$isActive: ButtonLinkProps['isActive'];
|
|
2664
|
+
$isDisabled: ButtonLinkProps['isDisabled'];
|
|
2665
|
+
$isHovered: ButtonLinkProps['isHovered'];
|
|
2666
|
+
$variant: ButtonLinkProps['variant'];
|
|
2667
|
+
$theme: ButtonLinkProps['theme'];
|
|
2668
|
+
$color: ButtonLinkProps['color'];
|
|
2669
|
+
};
|
|
2670
|
+
|
|
2671
|
+
/**
|
|
2672
|
+
* The ButtonLink is a semantic link that looks like a button.
|
|
2673
|
+
*
|
|
2674
|
+
* For a semantic button that looks like a button, please use the Button component.
|
|
2675
|
+
* For a semantic link that looks like a link, please use the Link component.
|
|
2676
|
+
* For a semantic button that looks like a link, please use the LinkButton component.
|
|
2677
|
+
*/
|
|
2678
|
+
declare const ButtonLink: Comp<ButtonLinkProps, HTMLAnchorElement>;
|
|
2679
|
+
|
|
2680
|
+
/**
|
|
2681
|
+
* Component props.
|
|
2682
|
+
*/
|
|
2683
|
+
interface CardProps extends ComponentProps<'div'>, StylingProps {
|
|
2684
|
+
/** Default collapse status. Used for uncontrolled version. */
|
|
2685
|
+
defaultCollapsed?: boolean;
|
|
2686
|
+
/** Whether the component is collapsed or not. Used for controlled version. */
|
|
2687
|
+
isCollapsed?: boolean;
|
|
2688
|
+
/** Whether the component can be collapse or not. */
|
|
2689
|
+
isCollapsible?: boolean;
|
|
2690
|
+
/** Method to handle component change. */
|
|
2691
|
+
onCollapse?(isCollapsed: boolean): void;
|
|
2692
|
+
/** Theme. */
|
|
2693
|
+
theme?: Theme;
|
|
2694
|
+
}
|
|
2695
|
+
type StyledCardProps = Omit<CardProps, 'isCollapsed'> & {
|
|
2696
|
+
$isCollapsed: CardProps['isCollapsed'];
|
|
2697
|
+
$theme: CardProps['theme'];
|
|
2698
|
+
};
|
|
2699
|
+
|
|
2700
|
+
/**
|
|
2701
|
+
* Component props.
|
|
2702
|
+
*/
|
|
2703
|
+
interface CardActionsProps extends ComponentProps<'div'>, ContainerProps {
|
|
2704
|
+
}
|
|
2705
|
+
type StyledCardActionsProps = CardActionsProps;
|
|
2706
|
+
|
|
2707
|
+
/**
|
|
2708
|
+
* The CardActions component.
|
|
2709
|
+
*/
|
|
2710
|
+
declare const CardActions: Comp<CardActionsProps, HTMLDivElement>;
|
|
2711
|
+
|
|
2712
|
+
/**
|
|
2713
|
+
* Component props.
|
|
2714
|
+
*/
|
|
2715
|
+
interface CardBodyProps extends ComponentProps<'div'>, ContainerProps {
|
|
2716
|
+
}
|
|
2717
|
+
type StyledCardBodyProps = CardBodyProps;
|
|
2718
|
+
|
|
2719
|
+
/**
|
|
2720
|
+
* The CardBody component.
|
|
2721
|
+
*/
|
|
2722
|
+
declare const CardBody: Comp<CardBodyProps, HTMLDivElement>;
|
|
2723
|
+
|
|
2724
|
+
/**
|
|
2725
|
+
* Component variant.
|
|
2726
|
+
*/
|
|
2727
|
+
declare const HeadingVariant: {
|
|
2728
|
+
readonly h1: "h1";
|
|
2729
|
+
readonly h2: "h2";
|
|
2730
|
+
readonly h3: "h3";
|
|
2731
|
+
readonly h4: "h4";
|
|
2732
|
+
readonly h5: "h5";
|
|
2733
|
+
readonly body: "body";
|
|
2734
|
+
};
|
|
2735
|
+
type HeadingVariant = ValueOf<typeof HeadingVariant>;
|
|
2736
|
+
declare const HeadingComponent: {
|
|
2737
|
+
readonly h1: "h1";
|
|
2738
|
+
readonly h2: "h2";
|
|
2739
|
+
readonly h3: "h3";
|
|
2740
|
+
readonly h4: "h4";
|
|
2741
|
+
readonly h5: "h5";
|
|
2742
|
+
readonly span: "span";
|
|
2743
|
+
};
|
|
2744
|
+
type HeadingComponent = ValueOf<typeof HeadingComponent>;
|
|
2745
|
+
/**
|
|
2746
|
+
* Component props.
|
|
2747
|
+
*/
|
|
2748
|
+
interface HeadingProps extends ComponentProps<'span'>, StylingProps {
|
|
2749
|
+
/** The actual component rendered in the DOM. */
|
|
2750
|
+
as: HeadingComponent;
|
|
2751
|
+
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
2752
|
+
color?: NotificationsColorPalette | NeutralColorPalette | 'radar' | (string & {});
|
|
2753
|
+
/** Font family. */
|
|
2754
|
+
fontFamily?: FontFamily;
|
|
2755
|
+
/** Font size. */
|
|
2756
|
+
fontSize?: string;
|
|
2757
|
+
/** Font weight. */
|
|
2758
|
+
fontWeight?: string;
|
|
2759
|
+
/** Line height. */
|
|
2760
|
+
lineHeight?: string;
|
|
2761
|
+
/** Whether the text will truncate with a text overflow ellipsis or wrap. */
|
|
2762
|
+
noWrap?: boolean;
|
|
2763
|
+
/** Theme. */
|
|
2764
|
+
theme?: Theme;
|
|
2765
|
+
/** The component the Heading will look like. */
|
|
2766
|
+
variant?: HeadingVariant;
|
|
2767
|
+
}
|
|
2768
|
+
type StyledHeadingProps = Omit<HeadingProps, 'color' | 'noWrap'> & {
|
|
2769
|
+
$color: HeadingProps['color'];
|
|
2770
|
+
$fontFamily?: HeadingProps['fontFamily'];
|
|
2771
|
+
$fontSize: HeadingProps['fontSize'];
|
|
2772
|
+
$fontWeight: HeadingProps['fontWeight'];
|
|
2773
|
+
$lineHeight: HeadingProps['lineHeight'];
|
|
2774
|
+
$noWrap: HeadingProps['noWrap'];
|
|
2775
|
+
$theme: HeadingProps['theme'];
|
|
2776
|
+
$variant: HeadingProps['variant'];
|
|
2777
|
+
};
|
|
2778
|
+
|
|
2779
|
+
/**
|
|
2780
|
+
* The Heading component.
|
|
2781
|
+
*/
|
|
2782
|
+
declare const Heading: Comp<HeadingProps, HTMLDivElement>;
|
|
2783
|
+
|
|
2784
|
+
/**
|
|
2785
|
+
* Component props.
|
|
2786
|
+
*/
|
|
2787
|
+
interface CardHeaderProps extends ComponentProps<'div'>, StylingProps, Omit<FlexLayoutProps, 'inline'> {
|
|
2788
|
+
/** Header. */
|
|
2789
|
+
header?: string;
|
|
2790
|
+
/** Heading props allowing to override the component rendered by the heading without changing its style. */
|
|
2791
|
+
headingProps?: Pick<HeadingProps, 'as' | 'noWrap' | 'variant'>;
|
|
2792
|
+
/** Subheader */
|
|
2793
|
+
subheader?: string;
|
|
2794
|
+
/**
|
|
2795
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
2796
|
+
* Can also be a ReactElement.
|
|
2797
|
+
*/
|
|
2798
|
+
icon?: IconProps['icon'];
|
|
2799
|
+
/** Custom props to pass to the Icon component. */
|
|
2800
|
+
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
2801
|
+
/** Whether the card is loading or not. */
|
|
2802
|
+
isLoading?: boolean;
|
|
2803
|
+
}
|
|
2804
|
+
type StyledCardHeaderProps = CardHeaderProps;
|
|
2805
|
+
|
|
2806
|
+
/**
|
|
2807
|
+
* The CardHeader component.
|
|
2808
|
+
*/
|
|
2809
|
+
declare const CardHeader: Comp<CardHeaderProps, HTMLDivElement>;
|
|
2810
|
+
|
|
2811
|
+
declare const Card: Comp<CardProps, HTMLDivElement> & {
|
|
2812
|
+
Header: Comp<CardHeaderProps, HTMLDivElement>;
|
|
2813
|
+
Body: Comp<CardBodyProps, HTMLDivElement>;
|
|
2814
|
+
Actions: Comp<CardActionsProps, HTMLDivElement>;
|
|
2815
|
+
};
|
|
2816
|
+
|
|
2817
|
+
/**
|
|
2818
|
+
* Context props.
|
|
2819
|
+
*/
|
|
2820
|
+
type CheckboxGroupState = {
|
|
2821
|
+
/** Adds a value to the set of selected values. */
|
|
2822
|
+
addValue(value: string): void;
|
|
2823
|
+
/** Whether the checkbox group is disabled or not. */
|
|
2824
|
+
readonly isDisabled: boolean;
|
|
2825
|
+
/** Whether the checkbox group is read only or not. */
|
|
2826
|
+
readonly isReadOnly: boolean;
|
|
2827
|
+
/** Removes a value from the set of selected values. */
|
|
2828
|
+
removeValue(value: string): void;
|
|
2829
|
+
/** Sets the selected values. */
|
|
2830
|
+
setValue(value: string[]): void;
|
|
2831
|
+
/** Current selected values. */
|
|
2832
|
+
readonly value: readonly string[];
|
|
2833
|
+
};
|
|
2834
|
+
/**
|
|
2835
|
+
* Component orientation.
|
|
2836
|
+
*/
|
|
2837
|
+
declare const CheckboxGroupOrientation: {
|
|
2838
|
+
readonly vertical: "vertical";
|
|
2839
|
+
readonly horizontal: "horizontal";
|
|
2840
|
+
};
|
|
2841
|
+
type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;
|
|
2842
|
+
/**
|
|
2843
|
+
* Component props.
|
|
2844
|
+
*/
|
|
2845
|
+
interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
2846
|
+
/**
|
|
2847
|
+
* Default selected values.
|
|
2848
|
+
* Used for uncontrolled version.
|
|
2849
|
+
*/
|
|
2850
|
+
defaultValues?: string[];
|
|
2851
|
+
/** Description of the checkbox group. */
|
|
2852
|
+
description?: string;
|
|
2853
|
+
/** Whether the component is disabled or not. */
|
|
2854
|
+
isDisabled?: boolean;
|
|
2855
|
+
/** Whether the component is invalid or not. */
|
|
2856
|
+
isInvalid?: boolean;
|
|
2857
|
+
/** Whether the component is read only or not. */
|
|
2858
|
+
isReadOnly?: boolean;
|
|
2859
|
+
/** Whether the component is required or not. */
|
|
2860
|
+
isRequired?: boolean;
|
|
2861
|
+
/** Label of the checkbox group. */
|
|
2862
|
+
label?: string;
|
|
2863
|
+
/** Method to handle component change. */
|
|
2864
|
+
onChange?(values: string[]): void;
|
|
2865
|
+
/** Method to handle component change. */
|
|
2866
|
+
orientation?: CheckboxGroupOrientation;
|
|
2867
|
+
/** Theme. */
|
|
2868
|
+
theme?: Theme;
|
|
2869
|
+
/**
|
|
2870
|
+
* Currently selected values.
|
|
2871
|
+
* Used for controlled version.
|
|
2872
|
+
*/
|
|
2873
|
+
value?: string[];
|
|
2874
|
+
}
|
|
2875
|
+
type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
|
|
2876
|
+
$isDisabled: CheckboxGroupProps['isDisabled'];
|
|
2877
|
+
$isInvalid: CheckboxGroupProps['isInvalid'];
|
|
2878
|
+
$isReadOnly: CheckboxGroupProps['isReadOnly'];
|
|
2879
|
+
$orientation: CheckboxGroupProps['orientation'];
|
|
2880
|
+
$theme: CheckboxGroupProps['theme'];
|
|
2881
|
+
};
|
|
2882
|
+
|
|
2883
|
+
/**
|
|
2884
|
+
* The CheckboxGroup component.
|
|
2885
|
+
* Can be used as controlled or uncontrolled.
|
|
2886
|
+
*/
|
|
2887
|
+
declare const CheckboxGroup: Comp<CheckboxGroupProps, HTMLDivElement>;
|
|
2888
|
+
|
|
2889
|
+
/**
|
|
2890
|
+
* Component props.
|
|
2891
|
+
*/
|
|
2892
|
+
interface CheckboxProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
|
|
2893
|
+
/** Whether the component can be autofocused. */
|
|
2894
|
+
autoFocus?: boolean;
|
|
2895
|
+
/**
|
|
2896
|
+
* Default select status.
|
|
2897
|
+
* Used for uncontrolled version.
|
|
2898
|
+
*/
|
|
2899
|
+
defaultSelected?: boolean;
|
|
2900
|
+
/** Custom props to pass to the input element. */
|
|
2901
|
+
inputProps?: ComponentProps<'input'>;
|
|
2902
|
+
/** Custom ref object to pass to the input element. */
|
|
2903
|
+
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
2904
|
+
/** Whether the component should use the product colors or shades of grey. */
|
|
2905
|
+
isColored?: boolean;
|
|
2906
|
+
/** Whether the component is disabled or not. */
|
|
2907
|
+
isDisabled?: boolean;
|
|
2908
|
+
/** Whether the checkbox status is indeterminate or not. */
|
|
2909
|
+
isIndeterminate?: boolean;
|
|
2910
|
+
/** Whether the component is invalid or not. */
|
|
2911
|
+
isInvalid?: boolean;
|
|
2912
|
+
/** Whether the component is read only or not. */
|
|
2913
|
+
isReadOnly?: boolean;
|
|
2914
|
+
/** Whether the component is required or not. */
|
|
2915
|
+
isRequired?: boolean;
|
|
2916
|
+
/**
|
|
2917
|
+
* Whether the component is selected or not.
|
|
2918
|
+
* Used for controlled version.
|
|
2919
|
+
*/
|
|
2920
|
+
isSelected?: boolean;
|
|
2921
|
+
/** Name to pass to the input element. */
|
|
2922
|
+
name?: HTMLInputElement['name'];
|
|
2923
|
+
/** Method to handle component change. */
|
|
2924
|
+
onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: CheckboxGroupState): void;
|
|
2925
|
+
/** Theme. */
|
|
2926
|
+
theme?: Theme;
|
|
2927
|
+
/**
|
|
2928
|
+
* Value to pass to the input element.
|
|
2929
|
+
* Required within a group.
|
|
2930
|
+
*/
|
|
2931
|
+
value?: HTMLInputElement['value'];
|
|
2932
|
+
}
|
|
2933
|
+
type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired'> & {
|
|
2934
|
+
$isColored: CheckboxProps['isColored'];
|
|
2935
|
+
$isDisabled: CheckboxProps['isDisabled'];
|
|
2936
|
+
$isInvalid: CheckboxProps['isInvalid'];
|
|
2937
|
+
$isFocusVisible: boolean;
|
|
2938
|
+
$isRequired: CheckboxProps['isRequired'];
|
|
2939
|
+
$isSelected: CheckboxProps['isSelected'];
|
|
2940
|
+
$theme: CheckboxProps['theme'];
|
|
2941
|
+
};
|
|
2942
|
+
|
|
2943
|
+
/**
|
|
2944
|
+
* The Checkbox component.
|
|
2945
|
+
* Works both inside a CheckboxGroup or as standalone.
|
|
2946
|
+
* Can be used as controlled or uncontrolled.
|
|
2947
|
+
*/
|
|
2948
|
+
declare const Checkbox: Comp<CheckboxProps, HTMLLabelElement>;
|
|
2949
|
+
|
|
2950
|
+
interface ConditionalWrapperProps<T = {}> {
|
|
2951
|
+
/** Children to render with or without the wrapper. */
|
|
2952
|
+
children: React.ReactElement<T> | null;
|
|
2953
|
+
/** Condition to define whether or not the children should be wrapped. */
|
|
2954
|
+
condition: boolean;
|
|
2955
|
+
/** Wrapper to conditionaly put around the children. */
|
|
2956
|
+
wrapper: (children: React.ReactElement<T> | null) => React.ReactElement<T> | null;
|
|
2957
|
+
}
|
|
2958
|
+
|
|
2959
|
+
declare const ConditionalWrapper: React$1.FC<ConditionalWrapperProps>;
|
|
2960
|
+
|
|
2961
|
+
/**
|
|
2962
|
+
* Component variant.
|
|
2963
|
+
*/
|
|
2964
|
+
declare const ShieldVariant: {
|
|
2965
|
+
readonly success: "success";
|
|
2966
|
+
readonly successLocked: "successLocked";
|
|
2967
|
+
readonly successUnlocked: "successUnlocked";
|
|
2968
|
+
readonly fail: "fail";
|
|
2969
|
+
readonly failLocked: "failLocked";
|
|
2970
|
+
readonly failUnlocked: "failUnlocked";
|
|
2971
|
+
readonly warning: "warning";
|
|
2972
|
+
readonly warningLocked: "warningLocked";
|
|
2973
|
+
readonly warningUnlocked: "warningUnlocked";
|
|
2974
|
+
readonly ignored: "ignored";
|
|
2975
|
+
readonly noData: "noData";
|
|
2976
|
+
readonly question: "question";
|
|
2977
|
+
readonly email: "email";
|
|
2978
|
+
};
|
|
2979
|
+
type ShieldVariant = ValueOf<typeof ShieldVariant>;
|
|
2980
|
+
/**
|
|
2981
|
+
* Component props.
|
|
2982
|
+
*/
|
|
2983
|
+
interface ShieldProps extends ComponentProps<'div'>, StylingProps {
|
|
2984
|
+
/** Indicates whether the element is exposed to an accessibility API. */
|
|
2985
|
+
'aria-hidden'?: boolean | 'false' | 'true';
|
|
2986
|
+
/** A screen reader only label for the Icon. */
|
|
2987
|
+
'aria-label'?: string;
|
|
2988
|
+
/** Additional properties to forward to the SVG tag. */
|
|
2989
|
+
svgProps?: ComponentProps<'svg'>;
|
|
2990
|
+
/** Whether the shield has an outline or not. */
|
|
2991
|
+
isOutlined?: boolean;
|
|
2992
|
+
/** Whether the shield has its colors reversed or not. */
|
|
2993
|
+
isReversed?: boolean;
|
|
2994
|
+
/** Theme. */
|
|
2995
|
+
theme?: Theme;
|
|
2996
|
+
/** Shield variant. */
|
|
2997
|
+
variant?: ShieldVariant;
|
|
2998
|
+
}
|
|
2999
|
+
type StyledShieldProps = Omit<ShieldProps, 'color'> & {
|
|
3000
|
+
$color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
3001
|
+
$isOutlined: ShieldProps['isOutlined'];
|
|
3002
|
+
$isReversed: ShieldProps['isReversed'];
|
|
3003
|
+
$theme: ShieldProps['theme'];
|
|
3004
|
+
$variant: ShieldProps['variant'];
|
|
3005
|
+
};
|
|
3006
|
+
|
|
3007
|
+
/**
|
|
3008
|
+
* The Shield component.
|
|
3009
|
+
*/
|
|
3010
|
+
declare const Shield: Comp<ShieldProps, HTMLDivElement>;
|
|
3011
|
+
|
|
3012
|
+
/**
|
|
3013
|
+
* Component props.
|
|
3014
|
+
*/
|
|
3015
|
+
interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
|
|
3016
|
+
/** Whether the component is collapsed or not. Used for controlled version. */
|
|
3017
|
+
areAllCollapsed?: boolean;
|
|
3018
|
+
/** Banner variant. */
|
|
3019
|
+
bannerVariant?: 'standard' | 'condensed';
|
|
3020
|
+
/** Banner color. */
|
|
3021
|
+
color?: NotificationsColorPalette;
|
|
3022
|
+
/** Default collapse status. Used for uncontrolled version. */
|
|
3023
|
+
defaultAllCollapsed?: boolean;
|
|
3024
|
+
/**
|
|
3025
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
3026
|
+
* Can also be a ReactElement.
|
|
3027
|
+
*/
|
|
3028
|
+
icon?: IconProps['icon'];
|
|
3029
|
+
/** Whether the card has buttons to collapse and expand all section items. */
|
|
3030
|
+
isCollapsible?: boolean;
|
|
3031
|
+
/** Whether the card is loading or not. */
|
|
3032
|
+
isLoading?: boolean;
|
|
3033
|
+
/** Shield to display in place of the banner icon. */
|
|
3034
|
+
shield?: ShieldVariant;
|
|
3035
|
+
/** Theme. */
|
|
3036
|
+
theme?: Theme;
|
|
3037
|
+
/** Method to handle component change. */
|
|
3038
|
+
onCollapseAll?(areAllCollapsed: boolean): void;
|
|
3039
|
+
}
|
|
3040
|
+
type StyledDetailedCardProps = Omit<DetailedCardProps, 'color'> & {
|
|
3041
|
+
$color: DetailedCardProps['color'];
|
|
3042
|
+
$theme: DetailedCardProps['theme'];
|
|
3043
|
+
};
|
|
3044
|
+
|
|
3045
|
+
/**
|
|
3046
|
+
* Component size.
|
|
3047
|
+
*/
|
|
3048
|
+
declare const PillSize: {
|
|
3049
|
+
readonly small: "small";
|
|
3050
|
+
readonly large: "large";
|
|
3051
|
+
readonly xlarge: "xlarge";
|
|
3052
|
+
};
|
|
3053
|
+
type PillSize = ValueOf<typeof PillSize>;
|
|
3054
|
+
/**
|
|
3055
|
+
* Component props.
|
|
3056
|
+
*/
|
|
3057
|
+
interface PillProps extends ComponentProps<'div'>, StylingProps {
|
|
3058
|
+
/** Whether the badge should automatically break content. */
|
|
3059
|
+
autoBreak?: boolean;
|
|
3060
|
+
/** Color to use for border. */
|
|
3061
|
+
borderColor?: string;
|
|
3062
|
+
/** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */
|
|
3063
|
+
color?: PresentationColorPalette | NeutralColorPalette | 'error' | 'warning' | 'success' | 'error-dark' | 'warning-dark' | 'success-dark' | (string & {});
|
|
3064
|
+
/** Color to use when disabled. */
|
|
3065
|
+
disabledColor?: string;
|
|
3066
|
+
/** Color to use on hover. */
|
|
3067
|
+
hoverColor?: string;
|
|
3068
|
+
/** Whether the Pill is disabled or not. */
|
|
3069
|
+
isDisabled?: boolean;
|
|
3070
|
+
/** Size of the Pill. */
|
|
3071
|
+
size?: PillSize;
|
|
3072
|
+
/** Theme. */
|
|
3073
|
+
theme?: Theme;
|
|
3074
|
+
}
|
|
3075
|
+
type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {
|
|
3076
|
+
$autoBreak: PillProps['autoBreak'];
|
|
3077
|
+
$borderColor: PillProps['borderColor'];
|
|
3078
|
+
$color: PillProps['color'];
|
|
3079
|
+
$disabledColor: PillProps['disabledColor'];
|
|
3080
|
+
$hoverColor: PillProps['hoverColor'];
|
|
3081
|
+
$isDisabled: PillProps['isDisabled'];
|
|
3082
|
+
$size: PillProps['size'];
|
|
3083
|
+
$theme: PillProps['theme'];
|
|
3084
|
+
};
|
|
3085
|
+
|
|
3086
|
+
/**
|
|
3087
|
+
* The Pill component.
|
|
3088
|
+
*/
|
|
3089
|
+
declare const Pill: Comp<PillProps, HTMLDivElement>;
|
|
3090
|
+
|
|
3091
|
+
/**
|
|
3092
|
+
* Component variant.
|
|
3093
|
+
*/
|
|
3094
|
+
declare const TextVariant: {
|
|
3095
|
+
readonly body: "body";
|
|
3096
|
+
readonly button: "button";
|
|
3097
|
+
readonly caption: "caption";
|
|
3098
|
+
readonly helper: "helper";
|
|
3099
|
+
readonly inherit: "inherit";
|
|
3100
|
+
};
|
|
3101
|
+
type TextVariant = ValueOf<typeof TextVariant>;
|
|
3102
|
+
declare const TextComponent: {
|
|
3103
|
+
readonly p: "p";
|
|
3104
|
+
readonly b: "b";
|
|
3105
|
+
readonly i: "i";
|
|
3106
|
+
readonly u: "u";
|
|
3107
|
+
readonly abbr: "abbr";
|
|
3108
|
+
readonly cite: "cite";
|
|
3109
|
+
readonly del: "del";
|
|
3110
|
+
readonly em: "em";
|
|
3111
|
+
readonly ins: "ins";
|
|
3112
|
+
readonly kbd: "kbd";
|
|
3113
|
+
readonly mark: "mark";
|
|
3114
|
+
readonly s: "s";
|
|
3115
|
+
readonly samp: "samp";
|
|
3116
|
+
readonly sub: "sub";
|
|
3117
|
+
readonly sup: "sup";
|
|
3118
|
+
};
|
|
3119
|
+
type TextComponent = ValueOf<typeof TextComponent>;
|
|
3120
|
+
/**
|
|
3121
|
+
* Component props.
|
|
3122
|
+
*/
|
|
3123
|
+
interface TextProps extends ComponentProps<'span'>, StylingProps {
|
|
3124
|
+
/** Override component. */
|
|
3125
|
+
as?: TextComponent;
|
|
3126
|
+
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
3127
|
+
color?: NotificationsColorPalette | NeutralColorPalette | 'radar' | (string & {});
|
|
3128
|
+
/** Font family. */
|
|
3129
|
+
fontFamily?: FontFamily;
|
|
3130
|
+
/** Font size. */
|
|
3131
|
+
fontSize?: string;
|
|
3132
|
+
/** Font weight. */
|
|
3133
|
+
fontWeight?: string;
|
|
3134
|
+
/** Line height. */
|
|
3135
|
+
lineHeight?: string;
|
|
3136
|
+
/** Whether the text will truncate with a text overflow ellipsis or wrap. */
|
|
3137
|
+
noWrap?: boolean;
|
|
3138
|
+
/** Theme. */
|
|
3139
|
+
theme?: Theme;
|
|
3140
|
+
/** Variant. */
|
|
3141
|
+
variant?: TextVariant;
|
|
3142
|
+
/** Word break CSS properties */
|
|
3143
|
+
wordBreak?: string;
|
|
3144
|
+
}
|
|
3145
|
+
type StyledTextProps = Omit<TextProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'noWrap' | 'variant'> & {
|
|
3146
|
+
$as: TextProps['as'];
|
|
3147
|
+
$color: TextProps['color'];
|
|
3148
|
+
$fontFamily?: TextProps['fontFamily'];
|
|
3149
|
+
$fontSize: TextProps['fontSize'];
|
|
3150
|
+
$fontWeight: TextProps['fontWeight'];
|
|
3151
|
+
$lineHeight: TextProps['lineHeight'];
|
|
3152
|
+
$noWrap: TextProps['noWrap'];
|
|
3153
|
+
$variant: TextProps['variant'];
|
|
3154
|
+
$theme: TextProps['theme'];
|
|
3155
|
+
};
|
|
3156
|
+
|
|
3157
|
+
/**
|
|
3158
|
+
* The Text component.
|
|
3159
|
+
*/
|
|
3160
|
+
declare const Text: Comp<TextProps, HTMLDivElement>;
|
|
3161
|
+
|
|
3162
|
+
/**
|
|
3163
|
+
* Component props.
|
|
3164
|
+
*/
|
|
3165
|
+
interface DetailedCardSectionItemProps extends ComponentProps<'div'> {
|
|
3166
|
+
/** Description */
|
|
3167
|
+
description?: string | ReactElement;
|
|
3168
|
+
/** TextProps to forward to the description. */
|
|
3169
|
+
descriptionProps?: Omit<TextProps, 'ref'>;
|
|
3170
|
+
/**
|
|
3171
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
3172
|
+
* Can also be a ReactElement.
|
|
3173
|
+
*/
|
|
3174
|
+
icon?: IconProps['icon'];
|
|
3175
|
+
/** Props to pass to the Icon component. */
|
|
3176
|
+
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
3177
|
+
/** Whether the section item can be collapsed or not. */
|
|
3178
|
+
isCollapsible?: boolean;
|
|
3179
|
+
/** Whether the card is loading or not. */
|
|
3180
|
+
isLoading?: boolean;
|
|
3181
|
+
/** Text to display inside a Pill. */
|
|
3182
|
+
pill?: string;
|
|
3183
|
+
/** Props to pass to the Pill component. */
|
|
3184
|
+
pillProps?: Omit<PillProps, 'ref'>;
|
|
3185
|
+
/** Shield to display in place of the icon. */
|
|
3186
|
+
shield?: ShieldVariant;
|
|
3187
|
+
}
|
|
3188
|
+
type StyledDetailedCardSectionItemProps = DetailedCardSectionItemProps & {};
|
|
3189
|
+
|
|
3190
|
+
/**
|
|
3191
|
+
* The DetailedCardSectionItems component.
|
|
3192
|
+
*/
|
|
3193
|
+
declare const DetailedCardSectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement>;
|
|
3194
|
+
|
|
3195
|
+
/**
|
|
3196
|
+
* Component props.
|
|
3197
|
+
*/
|
|
3198
|
+
interface DetailedCardCollapsibleSectionItemsProps extends ComponentProps<'div'> {
|
|
3199
|
+
/** Small caption at the bottom right corner of the collapsible area. */
|
|
3200
|
+
caption?: string;
|
|
3201
|
+
/** Whether the background should be hidden or not. */
|
|
3202
|
+
hideBackground?: boolean;
|
|
3203
|
+
}
|
|
3204
|
+
type StyledDetailedCardCollapsibleSectionItemsProps = Omit<DetailedCardCollapsibleSectionItemsProps, 'hideBackground'> & {
|
|
3205
|
+
$hideBackground: DetailedCardCollapsibleSectionItemsProps['hideBackground'];
|
|
3206
|
+
};
|
|
3207
|
+
|
|
3208
|
+
/**
|
|
3209
|
+
* The DetailedCardCollapsibleSectionItems Section component.
|
|
3210
|
+
*/
|
|
3211
|
+
declare const DetailedCardCollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement>;
|
|
3212
|
+
|
|
3213
|
+
/**
|
|
3214
|
+
* Component props.
|
|
3215
|
+
*/
|
|
3216
|
+
interface DetailedCardHeaderProps extends ComponentProps<'div'> {
|
|
3217
|
+
/** Header. */
|
|
3218
|
+
header?: string;
|
|
3219
|
+
/** Heading props allowing to override the component rendered by the heading without changing its style. */
|
|
3220
|
+
headingProps?: Pick<HeadingProps, 'as' | 'noWrap'>;
|
|
3221
|
+
/** Whether the card is loading or not. */
|
|
3222
|
+
isLoading?: boolean;
|
|
3223
|
+
}
|
|
3224
|
+
type StyledDetailedCardHeaderProps = DetailedCardHeaderProps & {
|
|
3225
|
+
$theme: Theme;
|
|
3226
|
+
};
|
|
3227
|
+
|
|
3228
|
+
/**
|
|
3229
|
+
* The DetailedCardHeader component.
|
|
3230
|
+
*/
|
|
3231
|
+
declare const DetailedCardHeader: Comp<DetailedCardHeaderProps, HTMLDivElement>;
|
|
3232
|
+
|
|
3233
|
+
/**
|
|
3234
|
+
* Component props.
|
|
3235
|
+
*/
|
|
3236
|
+
interface DetailedCardSectionProps extends ComponentProps<'div'> {
|
|
3237
|
+
/** Props to pass to the badge displayed next to the title. */
|
|
3238
|
+
badge?: Omit<BadgeProps, 'ref'>;
|
|
3239
|
+
/** Color that will be used on the header line. */
|
|
3240
|
+
color?: NotificationsColorPalette | PresentationColorPalette | (string & {});
|
|
3241
|
+
/** Header. */
|
|
3242
|
+
header?: string | ReactElement;
|
|
3243
|
+
/** Whether the section is collapsed or not. */
|
|
3244
|
+
readonly isCollapsed?: boolean;
|
|
3245
|
+
/** Whether the section can be collasped or not. */
|
|
3246
|
+
isCollapsible?: boolean;
|
|
3247
|
+
/** Whether the card is loading or not. */
|
|
3248
|
+
isLoading?: boolean;
|
|
3249
|
+
}
|
|
3250
|
+
type StyledDetailedCardSectionProps = Omit<DetailedCardSectionProps, 'color' | 'isCollapsed'> & {
|
|
3251
|
+
$color: DetailedCardSectionProps['color'];
|
|
3252
|
+
$isCollapsed: DetailedCardSectionProps['isCollapsed'];
|
|
3253
|
+
};
|
|
3254
|
+
|
|
3255
|
+
/**
|
|
3256
|
+
* The DetailedCardSection component.
|
|
3257
|
+
*/
|
|
3258
|
+
declare const DetailedCardSection: Comp<DetailedCardSectionProps, HTMLDivElement>;
|
|
3259
|
+
|
|
3260
|
+
declare const DetailedCard: Comp<DetailedCardProps, HTMLDivElement> & {
|
|
3261
|
+
Header: Comp<DetailedCardHeaderProps, HTMLDivElement>;
|
|
3262
|
+
Section: Comp<DetailedCardSectionProps, HTMLDivElement>;
|
|
3263
|
+
CollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement>;
|
|
3264
|
+
SectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement>;
|
|
3265
|
+
};
|
|
3266
|
+
|
|
3267
|
+
/**
|
|
3268
|
+
* Component props.
|
|
3269
|
+
*/
|
|
3270
|
+
interface FlexboxProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, FlexLayoutProps, BorderProps {
|
|
3271
|
+
/** Used to use a different tag in lieu of a div. */
|
|
3272
|
+
as?: any;
|
|
3273
|
+
/** Whether the flexbox has internal divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the gap property. */
|
|
3274
|
+
divider?: {
|
|
3275
|
+
colGap: number;
|
|
3276
|
+
rowGap: number;
|
|
3277
|
+
};
|
|
3278
|
+
/** Theme. */
|
|
3279
|
+
theme?: Theme;
|
|
3280
|
+
}
|
|
3281
|
+
type StyledFlexboxProps = FlexboxProps & {
|
|
3282
|
+
$divider: FlexboxProps['divider'];
|
|
3283
|
+
$theme: FlexboxProps['theme'];
|
|
3284
|
+
};
|
|
3285
|
+
|
|
3286
|
+
/**
|
|
3287
|
+
* The Flexbox component.
|
|
3288
|
+
*/
|
|
3289
|
+
declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
|
|
3290
|
+
|
|
3291
|
+
declare enum EventKey {
|
|
3292
|
+
ArrowLeft = "ArrowLeft",
|
|
3293
|
+
ArrowRight = "ArrowRight",
|
|
3294
|
+
ArrowUp = "ArrowUp",
|
|
3295
|
+
ArrowDown = "ArrowDown",
|
|
3296
|
+
Home = "Home",
|
|
3297
|
+
End = "End",
|
|
3298
|
+
Enter = "Enter"
|
|
3299
|
+
}
|
|
3300
|
+
type KeyDirection = 'horizontal' | 'vertical' | 'both';
|
|
3301
|
+
declare enum Navigation {
|
|
3302
|
+
PREVIOUS = "PREVIOUS",
|
|
3303
|
+
NEXT = "NEXT",
|
|
3304
|
+
VERY_FIRST = "VERY_FIRST",
|
|
3305
|
+
VERY_LAST = "VERY_LAST",
|
|
3306
|
+
PREVIOUS_ROW = "PREVIOUS_ROW",
|
|
3307
|
+
NEXT_ROW = "NEXT_ROW",
|
|
3308
|
+
FIRST_IN_ROW = "FIRST_IN_ROW",
|
|
3309
|
+
LAST_IN_ROW = "LAST_IN_ROW"
|
|
3310
|
+
}
|
|
3311
|
+
type TabStop = Readonly<{
|
|
3312
|
+
id: string;
|
|
3313
|
+
domElementRef: React.RefObject<Element>;
|
|
3314
|
+
isDisabled: boolean;
|
|
3315
|
+
rowIndex: number | null;
|
|
3316
|
+
value: string;
|
|
3317
|
+
}>;
|
|
3318
|
+
type RowStartMap = Map<Exclude<TabStop['rowIndex'], null>, number>;
|
|
3319
|
+
type FocusWithinGroupState = Readonly<{
|
|
3320
|
+
selectedId: string | null;
|
|
3321
|
+
allowFocusing: boolean;
|
|
3322
|
+
tabStops: readonly TabStop[];
|
|
3323
|
+
direction: KeyDirection;
|
|
3324
|
+
focusOnClick: boolean;
|
|
3325
|
+
focusOnInit: boolean;
|
|
3326
|
+
loopAround: boolean;
|
|
3327
|
+
rowStartMap: RowStartMap | null;
|
|
3328
|
+
focusType: 'roving-tabindex' | 'virtual-focus';
|
|
3329
|
+
listRole: 'listbox' | 'menu';
|
|
3330
|
+
activedescendant?: [string, string];
|
|
3331
|
+
filter?: {
|
|
3332
|
+
value: string;
|
|
3333
|
+
type: 'startsWith' | 'contains' | 'endsWith';
|
|
3334
|
+
caseSensitive?: boolean;
|
|
3335
|
+
};
|
|
3336
|
+
delayedAction?: BaseFocusWithinGroupAction;
|
|
3337
|
+
maxOptionsLength?: number;
|
|
3338
|
+
}>;
|
|
3339
|
+
type FocusWithinGroupOptions = Partial<Pick<FocusWithinGroupState, 'direction' | 'focusOnClick' | 'focusOnInit' | 'loopAround' | 'focusType' | 'listRole' | 'activedescendant' | 'maxOptionsLength'>>;
|
|
3340
|
+
declare enum FocusWithinGroupActionType {
|
|
3341
|
+
REGISTER_TAB_STOP = "REGISTER_TAB_STOP",
|
|
3342
|
+
UNREGISTER_TAB_STOP = "UNREGISTER_TAB_STOP",
|
|
3343
|
+
KEY_DOWN_ON_ITEM = "KEY_DOWN_ON_ITEM",
|
|
3344
|
+
CLICK_ON_ITEM = "CLICK_ON_ITEM",
|
|
3345
|
+
KEY_DOWN_ON_LIST = "KEY_DOWN_ON_LIST",
|
|
3346
|
+
FOCUS_ON_LIST = "FOCUS_ON_LIST",
|
|
3347
|
+
BLUR_ON_LIST = "BLUR_ON_LIST",
|
|
3348
|
+
TAB_STOP_UPDATED = "TAB_STOP_UPDATED",
|
|
3349
|
+
OPTIONS_UPDATED = "OPTIONS_UPDATED",
|
|
3350
|
+
FILTER_LIST = "FILTER_LIST",
|
|
3351
|
+
DELAY_ACTION = "DELAY_ACTION"
|
|
3352
|
+
}
|
|
3353
|
+
type BaseFocusWithinGroupAction = {
|
|
3354
|
+
type: FocusWithinGroupActionType.REGISTER_TAB_STOP;
|
|
3355
|
+
payload: TabStop;
|
|
3356
|
+
} | {
|
|
3357
|
+
type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP;
|
|
3358
|
+
payload: {
|
|
3359
|
+
id: TabStop['id'];
|
|
3360
|
+
};
|
|
3361
|
+
} | {
|
|
3362
|
+
type: FocusWithinGroupActionType.TAB_STOP_UPDATED;
|
|
3363
|
+
payload: {
|
|
3364
|
+
id: TabStop['id'];
|
|
3365
|
+
rowIndex: TabStop['rowIndex'];
|
|
3366
|
+
isDisabled: TabStop['isDisabled'];
|
|
3367
|
+
value: string;
|
|
3368
|
+
};
|
|
3369
|
+
} | {
|
|
3370
|
+
type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM;
|
|
3371
|
+
payload: {
|
|
3372
|
+
id: TabStop['id'];
|
|
3373
|
+
key: EventKey;
|
|
3374
|
+
ctrlKey: boolean;
|
|
3375
|
+
};
|
|
3376
|
+
} | {
|
|
3377
|
+
type: FocusWithinGroupActionType.CLICK_ON_ITEM;
|
|
3378
|
+
payload: {
|
|
3379
|
+
id: TabStop['id'];
|
|
3380
|
+
};
|
|
3381
|
+
} | {
|
|
3382
|
+
type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST;
|
|
3383
|
+
payload: {
|
|
3384
|
+
key: EventKey;
|
|
3385
|
+
ctrlKey: boolean;
|
|
3386
|
+
};
|
|
3387
|
+
} | {
|
|
3388
|
+
type: FocusWithinGroupActionType.FOCUS_ON_LIST;
|
|
3389
|
+
payload: {
|
|
3390
|
+
id: TabStop['id'];
|
|
3391
|
+
filter?: FocusWithinGroupState['filter'];
|
|
3392
|
+
};
|
|
3393
|
+
} | {
|
|
3394
|
+
type: FocusWithinGroupActionType.BLUR_ON_LIST;
|
|
3395
|
+
payload: {};
|
|
3396
|
+
} | {
|
|
3397
|
+
type: FocusWithinGroupActionType.OPTIONS_UPDATED;
|
|
3398
|
+
payload: FocusWithinGroupOptions;
|
|
3399
|
+
} | {
|
|
3400
|
+
type: FocusWithinGroupActionType.FILTER_LIST;
|
|
3401
|
+
payload: {
|
|
3402
|
+
filter: FocusWithinGroupState['filter'];
|
|
3403
|
+
};
|
|
3404
|
+
};
|
|
3405
|
+
type FocusWithinGroupAction = BaseFocusWithinGroupAction | {
|
|
3406
|
+
type: FocusWithinGroupActionType.DELAY_ACTION;
|
|
3407
|
+
payload: BaseFocusWithinGroupAction;
|
|
3408
|
+
};
|
|
3409
|
+
type UseFocusWithinGroupProps = {
|
|
3410
|
+
tabIndex?: number;
|
|
3411
|
+
isFocused: boolean;
|
|
3412
|
+
handleKeyDown: (event: React.KeyboardEvent) => void;
|
|
3413
|
+
handleClick: () => void;
|
|
3414
|
+
};
|
|
3415
|
+
type UseFocusGroupProps = {
|
|
3416
|
+
activedescendant: [string, string] | undefined;
|
|
3417
|
+
handleKeyDown: (event: React.KeyboardEvent) => void;
|
|
3418
|
+
handleFocus: () => void;
|
|
3419
|
+
handleBlur: () => void;
|
|
3420
|
+
};
|
|
3421
|
+
type FocusWithinGroupContextProps = {
|
|
3422
|
+
state: FocusWithinGroupState;
|
|
3423
|
+
dispatch: React.Dispatch<FocusWithinGroupAction>;
|
|
3424
|
+
};
|
|
3425
|
+
/**
|
|
3426
|
+
* Component props.
|
|
3427
|
+
*/
|
|
3428
|
+
interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupOptions {
|
|
3429
|
+
}
|
|
3430
|
+
|
|
3431
|
+
/**
|
|
3432
|
+
* The FocusWithinGroup component.
|
|
3433
|
+
*
|
|
3434
|
+
* @param {ReactNode} children - The child content, which will
|
|
3435
|
+
* include the DOM elements to rove between using the tab key.
|
|
3436
|
+
* @param {KeyDirection} direction - An optional direction value
|
|
3437
|
+
* that only applies when the roving tabindex is not being
|
|
3438
|
+
* used within a grid. This value specifies the arrow key behaviour.
|
|
3439
|
+
* The default value is 'horizontal'.
|
|
3440
|
+
* When set to 'horizontal' then only the ArrowLeft and ArrowRight
|
|
3441
|
+
* keys move to the previous and next tab stop respectively.
|
|
3442
|
+
* When set to 'vertical' then only the ArrowUp and ArrowDown keys
|
|
3443
|
+
* move to the previous and next tab stop respectively. When set
|
|
3444
|
+
* to 'both' then both the ArrowLeft and ArrowUp keys can be used
|
|
3445
|
+
* to move to the previous tab stop, and both the ArrowRight
|
|
3446
|
+
* and ArrowDown keys can be used to move to the next tab stop.
|
|
3447
|
+
* If you do not pass an explicit value then the 'horizontal'
|
|
3448
|
+
* behaviour applies.
|
|
3449
|
+
* @param {boolean} focusOnClick - An optional flag for indicating
|
|
3450
|
+
* if `focus()` should invoked on an item in the roving tabindex
|
|
3451
|
+
* when it is clicked. The default value for this flag is `false`,
|
|
3452
|
+
* meaning that `focus()` will not be invoked on click.
|
|
3453
|
+
* Browsers are
|
|
3454
|
+
* [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)
|
|
3455
|
+
* when a button is clicked so you will see some variation between
|
|
3456
|
+
* the browsers with the default value. Prior to version 3 of this library,
|
|
3457
|
+
* the behaviour was to always invoke `focus()` on click; this behaviour
|
|
3458
|
+
* can be maintained by passing `true`.
|
|
3459
|
+
* @param {boolean} loopAround - An optional flag that,
|
|
3460
|
+
* when set to `true`, will loop the tabindex around when the user
|
|
3461
|
+
* tries to tab to the first or last elements in the roving tabindex,
|
|
3462
|
+
* rather than stopping. The default value is `false` (no looping).
|
|
3463
|
+
* Note that this option does not apply if the roving tabindex
|
|
3464
|
+
* is being used on a grid.
|
|
3465
|
+
*/
|
|
3466
|
+
declare const FocusWithinGroup: React$1.FC<FocusWithinGroupProps>;
|
|
3467
|
+
|
|
3468
|
+
declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
|
|
3469
|
+
declare const FocusWithinGroupContext: React$1.Context<FocusWithinGroupContextProps>;
|
|
3470
|
+
|
|
3471
|
+
declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
|
|
3472
|
+
|
|
3473
|
+
declare function uniqueId(): string;
|
|
3474
|
+
/**
|
|
3475
|
+
* Includes the given DOM element in the current roving tabindex.
|
|
3476
|
+
* @param {RefObject<Element>} domElementRef The DOM element to include.
|
|
3477
|
+
* This must be the same DOM element for the lifetime of the containing
|
|
3478
|
+
* component.
|
|
3479
|
+
* @param {boolean} isDisabled Whether or not the DOM element is currently
|
|
3480
|
+
* enabled. This value can be updated as appropriate throughout the lifetime
|
|
3481
|
+
* of the containing component.
|
|
3482
|
+
* @param {number?} rowIndex An optional integer value that must be
|
|
3483
|
+
* populated if the roving tabindex is being used in a grid. In that case,
|
|
3484
|
+
* set it to the zero-based index of the row that the given DOM element
|
|
3485
|
+
* is currently part of. You can update this row index as appropriate
|
|
3486
|
+
* throughout the lifetime of the containing component, for example if
|
|
3487
|
+
* the shape of the grid can change dynamically.
|
|
3488
|
+
* @returns A tuple of values to be applied by the containing
|
|
3489
|
+
* component for the roving tabindex to work correctly.
|
|
3490
|
+
* First tuple value: The tabIndex value to apply to the tab stop
|
|
3491
|
+
* element.
|
|
3492
|
+
* Second tuple value: Whether or not focus() should be invoked on the
|
|
3493
|
+
* tab stop element.
|
|
3494
|
+
* Third tuple value: The onKeyDown callback to apply to the tab
|
|
3495
|
+
* stop element. If the key press is relevant to the hook then
|
|
3496
|
+
* event.preventDefault() will be invoked on the event.
|
|
3497
|
+
* Fourth tuple value: The onClick callback to apply to the tab
|
|
3498
|
+
* stop element.
|
|
3499
|
+
*/
|
|
3500
|
+
declare function useFocusOnListItem(props: {
|
|
3501
|
+
domElementRef: RefObject<Element>;
|
|
3502
|
+
isDisabled: boolean;
|
|
3503
|
+
id?: string;
|
|
3504
|
+
value?: string;
|
|
3505
|
+
rowIndex?: number | null;
|
|
3506
|
+
}): UseFocusWithinGroupProps;
|
|
3507
|
+
|
|
3508
|
+
declare function useFocusOnList(): UseFocusGroupProps;
|
|
3509
|
+
|
|
3510
|
+
declare const StyledGradientBorder: styled_components.StyledComponent<"div", any, {
|
|
3511
|
+
$borderRadius?: string | undefined;
|
|
3512
|
+
$color?: ButtonProps['color'];
|
|
3513
|
+
$isActive?: ButtonProps['isActive'];
|
|
3514
|
+
$isDisabled?: ButtonProps['isDisabled'];
|
|
3515
|
+
$isHovered?: ButtonProps['isHovered'];
|
|
3516
|
+
$theme?: ButtonProps['theme'];
|
|
3517
|
+
width?: string | undefined;
|
|
3518
|
+
}, never>;
|
|
3519
|
+
|
|
3520
|
+
/**
|
|
3521
|
+
* Component props.
|
|
3522
|
+
*/
|
|
3523
|
+
interface GridProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, GridLayoutProps, BorderProps {
|
|
3524
|
+
/** Whether the grid has divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the grid gap property. */
|
|
3525
|
+
divider?: {
|
|
3526
|
+
colGap: number;
|
|
3527
|
+
rowGap: number;
|
|
3528
|
+
};
|
|
3529
|
+
/** Theme. */
|
|
3530
|
+
theme?: Theme;
|
|
3531
|
+
}
|
|
3532
|
+
type StyledGridProps = GridProps & {
|
|
3533
|
+
$divider: GridProps['divider'];
|
|
3534
|
+
$theme: GridProps['theme'];
|
|
3535
|
+
};
|
|
3536
|
+
|
|
3537
|
+
/**
|
|
3538
|
+
* Component props.
|
|
3539
|
+
*/
|
|
3540
|
+
interface GridItemProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, BorderProps {
|
|
3541
|
+
}
|
|
3542
|
+
type StyledGridItemProps = GridItemProps;
|
|
3543
|
+
|
|
3544
|
+
/**
|
|
3545
|
+
* The GridItem component.
|
|
3546
|
+
*/
|
|
3547
|
+
declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
|
|
3548
|
+
|
|
3549
|
+
/**
|
|
3550
|
+
* The Grid component.
|
|
3551
|
+
*/
|
|
3552
|
+
declare const BaseGrid: Comp<GridProps, HTMLDivElement>;
|
|
3553
|
+
declare const Grid: Comp<GridProps, HTMLDivElement> & {
|
|
3554
|
+
Item: Comp<GridItemProps, HTMLDivElement>;
|
|
3555
|
+
};
|
|
3556
|
+
|
|
3557
|
+
/**
|
|
3558
|
+
* Component props.
|
|
3559
|
+
*/
|
|
3560
|
+
interface IconButtonLinkProps extends Omit<LinkProps, 'color'>, Pick<IconButtonProps, 'icon' | 'iconProps' | 'color' | 'isActive' | 'isDisabled' | 'isHovered' | 'variant' | 'theme'> {
|
|
3561
|
+
}
|
|
3562
|
+
type StyledIconButtonLinkProps = Omit<IconButtonLinkProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size'> & {
|
|
3563
|
+
$isActive: IconButtonLinkProps['isActive'];
|
|
3564
|
+
$isDisabled: IconButtonLinkProps['isDisabled'];
|
|
3565
|
+
$isHovered: IconButtonLinkProps['isHovered'];
|
|
3566
|
+
$variant: IconButtonLinkProps['variant'];
|
|
3567
|
+
$theme: IconButtonLinkProps['theme'];
|
|
3568
|
+
$color: IconButtonLinkProps['color'];
|
|
3569
|
+
};
|
|
3570
|
+
|
|
3571
|
+
/**
|
|
3572
|
+
* The IconButtonLink is a semantic link that looks like an icon button.
|
|
3573
|
+
*
|
|
3574
|
+
* For a semantic button that looks like an icon button, please use the IconButton component.
|
|
3575
|
+
* For a semantic link that looks like a link, please use the Link component.
|
|
3576
|
+
* For a semantic button that looks like a link, please use the LinkButton component.
|
|
3577
|
+
*/
|
|
3578
|
+
declare const IconButtonLink: Comp<IconButtonLinkProps, HTMLAnchorElement>;
|
|
3579
|
+
|
|
3580
|
+
/**
|
|
3581
|
+
* Component variant.
|
|
3582
|
+
*/
|
|
3583
|
+
declare const ListboxSelectionMode: {
|
|
3584
|
+
readonly single: "single";
|
|
3585
|
+
readonly multiple: "multiple";
|
|
3586
|
+
};
|
|
3587
|
+
type ListboxSelectionMode = ValueOf<typeof ListboxSelectionMode>;
|
|
3588
|
+
/**
|
|
3589
|
+
* Context props.
|
|
3590
|
+
*/
|
|
3591
|
+
type ListboxState = Readonly<{
|
|
3592
|
+
isDisabled: boolean;
|
|
3593
|
+
isReadOnly: boolean;
|
|
3594
|
+
selectedValues: string[];
|
|
3595
|
+
selectionMode: ListboxSelectionMode;
|
|
3596
|
+
activedescendant?: [string, string];
|
|
3597
|
+
}>;
|
|
3598
|
+
declare enum ListboxActionType {
|
|
3599
|
+
TOGGLE = "TOGGLE",
|
|
3600
|
+
SET = "SET",
|
|
3601
|
+
UPDATE_OPTIONS = "UPDATE_OPTIONS"
|
|
3602
|
+
}
|
|
3603
|
+
type ListboxAction = {
|
|
3604
|
+
type: ListboxActionType.TOGGLE;
|
|
3605
|
+
payload: {
|
|
3606
|
+
value: string;
|
|
3607
|
+
activedescendant?: [string, string];
|
|
3608
|
+
};
|
|
3609
|
+
} | {
|
|
3610
|
+
type: ListboxActionType.SET;
|
|
3611
|
+
payload: {
|
|
3612
|
+
values: string[];
|
|
3613
|
+
activedescendant?: [string, string];
|
|
3614
|
+
};
|
|
3615
|
+
} | {
|
|
3616
|
+
type: ListboxActionType.UPDATE_OPTIONS;
|
|
3617
|
+
payload: {
|
|
3618
|
+
isDisabled: boolean;
|
|
3619
|
+
};
|
|
3620
|
+
};
|
|
3621
|
+
type UseListboxItemProps = UseFocusWithinGroupProps & {
|
|
3622
|
+
isSelected?: boolean;
|
|
3623
|
+
isDisabled?: boolean;
|
|
3624
|
+
};
|
|
3625
|
+
type ListboxContextProps = {
|
|
3626
|
+
state: ListboxState;
|
|
3627
|
+
dispatch: React.Dispatch<ListboxAction>;
|
|
3628
|
+
};
|
|
3629
|
+
/**
|
|
3630
|
+
* Component variant.
|
|
3631
|
+
*/
|
|
3632
|
+
declare const ListboxVariant: {
|
|
3633
|
+
readonly standalone: "standalone";
|
|
3634
|
+
readonly unstyled: "unstyled";
|
|
3635
|
+
};
|
|
3636
|
+
type ListboxVariant = ValueOf<typeof ListboxVariant>;
|
|
3637
|
+
/**
|
|
3638
|
+
* Component props.
|
|
3639
|
+
*/
|
|
3640
|
+
interface ListboxProps extends Omit<ComponentProps<'div'>, 'onChange'>, ContainerProps, FocusWithinGroupOptions {
|
|
3641
|
+
/**
|
|
3642
|
+
* Default selected values.
|
|
3643
|
+
* Used for uncontrolled version.
|
|
3644
|
+
*/
|
|
3645
|
+
defaultValues?: string[];
|
|
3646
|
+
/** Whether the component is disabled or not. */
|
|
3647
|
+
isDisabled?: boolean;
|
|
3648
|
+
/** Whether the component is invalid or not. */
|
|
3649
|
+
isInvalid?: boolean;
|
|
3650
|
+
/** Whether the component is read only or not. */
|
|
3651
|
+
isReadOnly?: boolean;
|
|
3652
|
+
/** Whether the component is required or not. */
|
|
3653
|
+
isRequired?: boolean;
|
|
3654
|
+
/** Label of the switch group. */
|
|
3655
|
+
label?: string;
|
|
3656
|
+
/** Method to handle component change. */
|
|
3657
|
+
onChange?(values: string[]): void;
|
|
3658
|
+
/** Whether the listbox allows multiple selections or single ones. */
|
|
3659
|
+
selectionMode?: 'single' | 'multiple';
|
|
3660
|
+
/**
|
|
3661
|
+
* Currently selected values.
|
|
3662
|
+
* Used for controlled version.
|
|
3663
|
+
*/
|
|
3664
|
+
values?: string[];
|
|
3665
|
+
/** Whether the Listbox is used as standalone or is unstyled within another component. */
|
|
3666
|
+
variant?: ListboxVariant;
|
|
3667
|
+
}
|
|
3668
|
+
type StyledListboxProps = Omit<ListboxProps, 'onChange'> & {
|
|
3669
|
+
$isDisabled: ListboxProps['isDisabled'];
|
|
3670
|
+
$isInvalid: ListboxProps['isInvalid'];
|
|
3671
|
+
$isReadOnly: ListboxProps['isReadOnly'];
|
|
3672
|
+
$variant: ListboxProps['variant'];
|
|
3673
|
+
};
|
|
3674
|
+
|
|
3675
|
+
declare const ActiveDescendantListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
|
|
3676
|
+
context: ListboxContextProps;
|
|
3677
|
+
}, "label" | "slot" | "style" | "title" | "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "values" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
3678
|
+
|
|
3679
|
+
declare const RovingTabindexListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
|
|
3680
|
+
context: ListboxContextProps;
|
|
3681
|
+
}, "label" | "slot" | "style" | "title" | "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "values" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
3682
|
+
|
|
3683
|
+
/**
|
|
3684
|
+
* The Listbox component.
|
|
3685
|
+
* Can be used as controlled or uncontrolled.
|
|
3686
|
+
*/
|
|
3687
|
+
declare const Listbox: Comp<ListboxProps, HTMLDivElement>;
|
|
3688
|
+
|
|
3689
|
+
declare const LISTBOX_INITIAL_STATE: ListboxState;
|
|
3690
|
+
declare const ListboxContext: React$1.Context<ListboxContextProps>;
|
|
3691
|
+
|
|
3692
|
+
declare const ListboxReducer: (state: ListboxState, action: ListboxAction) => ListboxState;
|
|
3693
|
+
|
|
3694
|
+
declare function useListboxItem(props: {
|
|
3695
|
+
domElementRef: RefObject<Element>;
|
|
3696
|
+
value: string;
|
|
3697
|
+
id?: string;
|
|
3698
|
+
isDisabled?: boolean;
|
|
3699
|
+
propsIsSelected?: boolean;
|
|
3700
|
+
}): UseListboxItemProps;
|
|
3701
|
+
|
|
3702
|
+
/**
|
|
3703
|
+
* Component color.
|
|
3704
|
+
*/
|
|
3705
|
+
type ItemColor = ButtonsColorPalette;
|
|
3706
|
+
/**
|
|
3707
|
+
* Component props.
|
|
3708
|
+
*/
|
|
3709
|
+
interface ItemProps extends Omit<ComponentProps<any>, 'onClick'>, ContainerProps {
|
|
3710
|
+
/** Border radius, only if hasBorder is true. */
|
|
3711
|
+
borderRadius?: string;
|
|
3712
|
+
/** Color variant. */
|
|
3713
|
+
color?: ItemColor;
|
|
3714
|
+
/**
|
|
3715
|
+
* Default select status.
|
|
3716
|
+
* Used for uncontrolled version.
|
|
3717
|
+
*/
|
|
3718
|
+
defaultSelected?: boolean;
|
|
3719
|
+
/** Whether the component is active or not. */
|
|
3720
|
+
isActive?: boolean;
|
|
3721
|
+
/** Whether the component is disabled or not. */
|
|
3722
|
+
isDisabled?: boolean;
|
|
3723
|
+
/** Whether the component is focused or not. */
|
|
3724
|
+
isFocused?: boolean;
|
|
3725
|
+
/** Whether the component is hovered or not. */
|
|
3726
|
+
isHovered?: boolean;
|
|
3727
|
+
/** Whether the Item has borders or not. */
|
|
3728
|
+
hasBorder?: boolean;
|
|
3729
|
+
/** Whether the Item is selectable within a group of multiple selectable Items. */
|
|
3730
|
+
hasCheckbox?: boolean;
|
|
3731
|
+
/**
|
|
3732
|
+
* Whether the component is selected or not.
|
|
3733
|
+
* Used for controlled version.
|
|
3734
|
+
*/
|
|
3735
|
+
isSelected?: boolean;
|
|
3736
|
+
/** Method to handle component change. */
|
|
3737
|
+
onClick?: (isSelected: boolean, value?: string, event?: MouseEvent<HTMLElement>, state?: ListboxContextProps) => void | ComponentProps<'div'>['onClick'];
|
|
3738
|
+
/** Theme. */
|
|
3739
|
+
theme?: Theme;
|
|
3740
|
+
/** Value. */
|
|
3741
|
+
value?: string;
|
|
3742
|
+
}
|
|
3743
|
+
type StyledItemProps = Omit<ItemProps, 'color' | 'onClick' | 'value'> & {
|
|
3744
|
+
$borderRadius: ItemProps['borderRadius'];
|
|
3745
|
+
$color: ItemProps['color'];
|
|
3746
|
+
$hasBorder: ItemProps['hasBorder'];
|
|
3747
|
+
$hasCheckbox: ItemProps['hasCheckbox'];
|
|
3748
|
+
$isActive: ItemProps['isActive'];
|
|
3749
|
+
$isDisabled: ItemProps['isDisabled'];
|
|
3750
|
+
$isGradient: boolean;
|
|
3751
|
+
$isHovered: ItemProps['isHovered'];
|
|
3752
|
+
$theme: ItemProps['theme'];
|
|
3753
|
+
};
|
|
3754
|
+
|
|
3755
|
+
/**
|
|
3756
|
+
* Component style.
|
|
3757
|
+
*/
|
|
3758
|
+
declare const StyledItem: styled_components.StyledComponent<"div", any, Omit<ItemProps, "color" | "onClick" | "value"> & {
|
|
3759
|
+
$borderRadius: string | undefined;
|
|
3760
|
+
$color: string | undefined;
|
|
3761
|
+
$hasBorder: boolean | undefined;
|
|
3762
|
+
$hasCheckbox: boolean | undefined;
|
|
3763
|
+
$isActive: boolean | undefined;
|
|
3764
|
+
$isDisabled: boolean | undefined;
|
|
3765
|
+
$isGradient: boolean;
|
|
3766
|
+
$isHovered: boolean | undefined;
|
|
3767
|
+
$theme: Theme | undefined;
|
|
3768
|
+
}, never>;
|
|
3769
|
+
|
|
3770
|
+
declare const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement>;
|
|
3771
|
+
/**
|
|
3772
|
+
* The Item component.
|
|
3773
|
+
*/
|
|
3774
|
+
declare const Item: Comp<ItemProps, HTMLElement>;
|
|
3775
|
+
|
|
3776
|
+
/**
|
|
3777
|
+
* Component props.
|
|
3778
|
+
*/
|
|
3779
|
+
interface LinkButtonProps extends Pick<LinkProps, 'color' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon'>, Omit<ButtonProps, 'color' | 'fullWidth' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon' | 'size' | 'variant'> {
|
|
3780
|
+
}
|
|
3781
|
+
type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
|
|
3782
|
+
$isDisabled: LinkButtonProps['isDisabled'];
|
|
3783
|
+
};
|
|
3784
|
+
|
|
3785
|
+
/**
|
|
3786
|
+
* The LinkButton is a semantic button that looks like a link.
|
|
3787
|
+
*
|
|
3788
|
+
* For a semantic button that looks like a button, please use the Button component.
|
|
3789
|
+
* For a semantic link that looks like a link, please use the Link component.
|
|
3790
|
+
* For a semantic link that looks like a button, please use the ButtonLink component.
|
|
3791
|
+
*/
|
|
3792
|
+
declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
|
|
3793
|
+
|
|
3794
|
+
interface NumberFormatOptions$1 {
|
|
3795
|
+
}
|
|
3796
|
+
/**
|
|
3797
|
+
* Component props.
|
|
3798
|
+
*/
|
|
3799
|
+
interface NumberProps extends TextProps {
|
|
3800
|
+
/** Value. */
|
|
3801
|
+
value: number;
|
|
3802
|
+
/** The formatting style to use. */
|
|
3803
|
+
type?: 'decimal' | 'currency' | 'percent' | 'unit';
|
|
3804
|
+
/** Only used when notation is 'compact'. */
|
|
3805
|
+
compactDisplay?: 'short' | 'long';
|
|
3806
|
+
/** The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB */
|
|
3807
|
+
currency?: string;
|
|
3808
|
+
/** How to display the currency in currency formatting. */
|
|
3809
|
+
currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
|
|
3810
|
+
/** In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. */
|
|
3811
|
+
currencySign?: 'standard' | 'accounting';
|
|
3812
|
+
/** The locale matching algorithm to use. */
|
|
3813
|
+
localeMatcher?: 'best fit' | 'lookup';
|
|
3814
|
+
/** The formatting that should be displayed for the number. */
|
|
3815
|
+
notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
|
|
3816
|
+
/** Overrides default numbering system for the current locale. */
|
|
3817
|
+
numberingSystem?: string;
|
|
3818
|
+
/** When to display the sign for the number. */
|
|
3819
|
+
signDisplay?: 'auto' | 'always' | 'exceptZero' | 'never';
|
|
3820
|
+
/** The unit to use in unit formatting. */
|
|
3821
|
+
unit?: string;
|
|
3822
|
+
/** The unit formatting style to use in unit formatting. */
|
|
3823
|
+
unitDisplay?: 'long' | 'short' | 'narrow';
|
|
3824
|
+
/** Whether to use grouping separators. */
|
|
3825
|
+
useGrouping?: boolean;
|
|
3826
|
+
/** Options for rounding modes. */
|
|
3827
|
+
roundingMode?: 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCeil' | 'halfFloor' | 'halfExpand' | 'halfTrunc' | 'halfEven';
|
|
3828
|
+
/** Specify how rounding conflicts will be resolved. */
|
|
3829
|
+
roundingPriority?: 'auto' | 'morePrecision' | 'lessPrecision';
|
|
3830
|
+
/** Specifies the rounding-increment precision. */
|
|
3831
|
+
roundingIncrement?: 1 | 2 | 5 | 10 | 20 | 25 | 50 | 100 | 200 | 250 | 500 | 1000 | 2000 | 2500 | 5000;
|
|
3832
|
+
/** A string expressing the strategy for displaying trailing zeros on whole numbers. */
|
|
3833
|
+
trailingZeroDisplay?: 'auto' | 'stripIfInteger';
|
|
3834
|
+
/** The minimum number of integer digits to use. A value with a smaller number of integer digits than this number will be left-padded with zeros (to the specified length) when formatted. */
|
|
3835
|
+
minimumIntegerDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
|
|
3836
|
+
/** The minimum number of fraction digits to use. */
|
|
3837
|
+
minimumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
|
|
3838
|
+
/** The maximum number of fraction digits to use. */
|
|
3839
|
+
maximumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
|
|
3840
|
+
/** The minimum number of significant digits to use. */
|
|
3841
|
+
minimumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
|
|
3842
|
+
/** The maximum number of significant digits to use. */
|
|
3843
|
+
maximumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
|
|
3844
|
+
}
|
|
3845
|
+
type StyledNumberProps = Omit<NumberProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'value' | 'variant'> & {
|
|
3846
|
+
$color: NumberProps['color'];
|
|
3847
|
+
$fontFamily: NumberProps['fontFamily'];
|
|
3848
|
+
$fontSize: NumberProps['fontSize'];
|
|
3849
|
+
$fontWeight: NumberProps['fontWeight'];
|
|
3850
|
+
$variant: NumberProps['variant'];
|
|
3851
|
+
$theme: NumberProps['theme'];
|
|
3852
|
+
};
|
|
3853
|
+
|
|
3854
|
+
/**
|
|
3855
|
+
* The Number component.
|
|
3856
|
+
*/
|
|
3857
|
+
declare const Number: Comp<NumberProps, HTMLDivElement>;
|
|
3858
|
+
|
|
3859
|
+
/**
|
|
3860
|
+
* Component variant.
|
|
3861
|
+
*/
|
|
3862
|
+
declare const TextFieldVariant: {
|
|
3863
|
+
readonly default: "default";
|
|
3864
|
+
readonly underline: "underline";
|
|
3865
|
+
};
|
|
3866
|
+
type TextFieldVariant = ValueOf<typeof TextFieldVariant>;
|
|
3867
|
+
/**
|
|
3868
|
+
* Component color.
|
|
3869
|
+
*/
|
|
3870
|
+
type TextFieldColor = ButtonsColorPalette;
|
|
3871
|
+
/**
|
|
3872
|
+
* Component props.
|
|
3873
|
+
*/
|
|
3874
|
+
interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
3875
|
+
/** Whether the component can be autofocused. */
|
|
3876
|
+
autoFocus?: boolean;
|
|
3877
|
+
/** Color variant. */
|
|
3878
|
+
color?: TextFieldColor;
|
|
3879
|
+
/** Force color even when not focused. */
|
|
3880
|
+
forceColor?: boolean;
|
|
3881
|
+
/**
|
|
3882
|
+
* Default value.
|
|
3883
|
+
* Used for uncontrolled version.
|
|
3884
|
+
*/
|
|
3885
|
+
defaultValue?: string;
|
|
3886
|
+
/** Whether the clear button is displayed or not. */
|
|
3887
|
+
hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;
|
|
3888
|
+
/** Place for icon buttons between the clear button and the separator. */
|
|
3889
|
+
internal?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
|
|
3890
|
+
/** Place for icon buttons after the separator. */
|
|
3891
|
+
after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
|
|
3892
|
+
/** Custom props to pass to the input element. */
|
|
3893
|
+
inputProps?: ComponentProps<'input'>;
|
|
3894
|
+
/** Custom ref object to pass to the input element. */
|
|
3895
|
+
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
3896
|
+
/** @deprecated Whether the component should use the product colors or shades of grey. */
|
|
3897
|
+
isColored?: boolean;
|
|
3898
|
+
/** Whether the component is disabled or not. */
|
|
3899
|
+
isDisabled?: boolean;
|
|
3900
|
+
/** Whether the component is invalid or not. */
|
|
3901
|
+
isInvalid?: boolean;
|
|
3902
|
+
/** Whether the component is read only or not. */
|
|
3903
|
+
isReadOnly?: boolean;
|
|
3904
|
+
/** Whether the component is required or not. */
|
|
3905
|
+
isRequired?: boolean;
|
|
3906
|
+
/** Label */
|
|
3907
|
+
label?: string;
|
|
3908
|
+
/**
|
|
3909
|
+
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
3910
|
+
* Can also be a ReactElement.
|
|
3911
|
+
*/
|
|
3912
|
+
leftIcon?: Omit<IconProps, 'ref'>;
|
|
3913
|
+
/** Name to pass to the input element. */
|
|
3914
|
+
name?: string;
|
|
3915
|
+
/** Method to handle component change. */
|
|
3916
|
+
onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
|
|
3917
|
+
/** Method to handle component clear. */
|
|
3918
|
+
onClear?(): void;
|
|
3919
|
+
/** List of Pills. */
|
|
3920
|
+
pills?: Omit<PillProps, 'ref'>[];
|
|
3921
|
+
/** Placeholder. */
|
|
3922
|
+
placeholder?: string;
|
|
3923
|
+
/** Theme. */
|
|
3924
|
+
theme?: Theme;
|
|
3925
|
+
/** Input type. */
|
|
3926
|
+
type?: string;
|
|
3927
|
+
/**
|
|
3928
|
+
* Input value.
|
|
3929
|
+
* Used for controlled version.
|
|
3930
|
+
*/
|
|
3931
|
+
value?: string;
|
|
3932
|
+
/** TextField variant. */
|
|
3933
|
+
variant?: TextFieldVariant;
|
|
3934
|
+
}
|
|
3935
|
+
type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
|
|
3936
|
+
$color: TextFieldProps['color'];
|
|
3937
|
+
$isGradient: boolean;
|
|
3938
|
+
$hasLeftIcon: boolean;
|
|
3939
|
+
$hasContent: boolean;
|
|
3940
|
+
$isDisabled: TextFieldProps['isDisabled'];
|
|
3941
|
+
$isInvalid: TextFieldProps['isInvalid'];
|
|
3942
|
+
$isFocused: boolean;
|
|
3943
|
+
$isFocusVisible: boolean;
|
|
3944
|
+
$isRequired: TextFieldProps['isRequired'];
|
|
3945
|
+
$theme: TextFieldProps['theme'];
|
|
3946
|
+
$variant: TextFieldProps['variant'];
|
|
3947
|
+
};
|
|
3948
|
+
|
|
3949
|
+
/**
|
|
3950
|
+
* Component style.
|
|
3951
|
+
*/
|
|
3952
|
+
declare const StyledTextField: styled_components.StyledComponent<"div", any, Omit<TextFieldProps, "color" | "onChange" | "isInvalid" | "isRequired" | "isDisabled" | "isColored"> & {
|
|
3953
|
+
$color: string | undefined;
|
|
3954
|
+
$isGradient: boolean;
|
|
3955
|
+
$hasLeftIcon: boolean;
|
|
3956
|
+
$hasContent: boolean;
|
|
3957
|
+
$isDisabled: boolean | undefined;
|
|
3958
|
+
$isInvalid: boolean | undefined;
|
|
3959
|
+
$isFocused: boolean;
|
|
3960
|
+
$isFocusVisible: boolean;
|
|
3961
|
+
$isRequired: boolean | undefined;
|
|
3962
|
+
$theme: Theme | undefined;
|
|
3963
|
+
$variant: TextFieldVariant | undefined;
|
|
3964
|
+
}, never>;
|
|
3965
|
+
|
|
3966
|
+
/**
|
|
3967
|
+
* The TextField component.
|
|
3968
|
+
* Can be used as controlled or uncontrolled.
|
|
3969
|
+
*/
|
|
3970
|
+
declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
|
|
3971
|
+
|
|
3972
|
+
/**
|
|
3973
|
+
* Component variant.
|
|
3974
|
+
*/
|
|
3975
|
+
declare const NumberFieldVariant: {
|
|
3976
|
+
readonly default: "default";
|
|
3977
|
+
readonly underline: "underline";
|
|
3978
|
+
};
|
|
3979
|
+
type NumberFieldVariant = ValueOf<typeof NumberFieldVariant>;
|
|
3980
|
+
/**
|
|
3981
|
+
* Component props.
|
|
3982
|
+
*/
|
|
3983
|
+
interface NumberFieldProps extends Omit<TextFieldProps, 'defaultValue' | 'onChange' | 'value' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp' | 'after' | 'internal' | 'pills' | 'placeholder'> {
|
|
3984
|
+
/** Handler that is called when the element receives focus. */
|
|
3985
|
+
onFocus?: (e: FocusEvent<Element>) => void;
|
|
3986
|
+
/** Handler that is called when the element loses focus. */
|
|
3987
|
+
onBlur?: (e: FocusEvent<Element>) => void;
|
|
3988
|
+
/** Handler that is called when the element's focus status changes. */
|
|
3989
|
+
onFocusChange?: (isFocused: boolean) => void;
|
|
3990
|
+
/** Handler that is called when a key is pressed. */
|
|
3991
|
+
onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
|
|
3992
|
+
/** Handler that is called when a key is released. */
|
|
3993
|
+
onKeyUp?: (e: KeyboardEvent<HTMLElement>) => void;
|
|
3994
|
+
/**
|
|
3995
|
+
* Default value.
|
|
3996
|
+
* Used for uncontrolled version.
|
|
3997
|
+
*/
|
|
3998
|
+
defaultValue?: number;
|
|
3999
|
+
/** Method to handle component change. */
|
|
4000
|
+
onChange?(value?: number, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
|
|
4001
|
+
/**
|
|
4002
|
+
* Input value.
|
|
4003
|
+
* Used for controlled version.
|
|
4004
|
+
*/
|
|
4005
|
+
value?: number;
|
|
4006
|
+
/** Placeholder. */
|
|
4007
|
+
placeholder?: number;
|
|
4008
|
+
/** A custom aria-label for the decrement button. If not provided, the localized string "Decrement" is used. */
|
|
4009
|
+
decrementAriaLabel?: string;
|
|
4010
|
+
/** A custom aria-label for the increment button. If not provided, the localized string "Increment" is used. */
|
|
4011
|
+
incrementAriaLabel?: string;
|
|
4012
|
+
/**
|
|
4013
|
+
* Enables or disables changing the value with scroll.
|
|
4014
|
+
*/
|
|
4015
|
+
isWheelDisabled?: boolean;
|
|
4016
|
+
/**
|
|
4017
|
+
* Formatting options for the value displayed in the number field.
|
|
4018
|
+
* This also affects what characters are allowed to be typed by the user.
|
|
4019
|
+
*/
|
|
4020
|
+
formatOptions?: Intl.NumberFormatOptions;
|
|
4021
|
+
/** The smallest value allowed for the input. */
|
|
4022
|
+
minValue?: number;
|
|
4023
|
+
/** The largest value allowed for the input. */
|
|
4024
|
+
maxValue?: number;
|
|
4025
|
+
/** The amount that the input value changes with each increment or decrement "tick". */
|
|
4026
|
+
step?: number;
|
|
4027
|
+
}
|
|
4028
|
+
type StyledNumberFieldProps = Omit<NumberFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange' | 'onBlur' | 'onFocus'> & {
|
|
4029
|
+
$hasLeftIcon: boolean;
|
|
4030
|
+
$hasContent: boolean;
|
|
4031
|
+
$isColored: NumberFieldProps['isColored'];
|
|
4032
|
+
$isDisabled: NumberFieldProps['isDisabled'];
|
|
4033
|
+
$isInvalid: NumberFieldProps['isInvalid'];
|
|
4034
|
+
$isFocused: boolean;
|
|
4035
|
+
$isFocusVisible: boolean;
|
|
4036
|
+
$isRequired: NumberFieldProps['isRequired'];
|
|
4037
|
+
$theme: NumberFieldProps['theme'];
|
|
4038
|
+
$variant: NumberFieldProps['variant'];
|
|
4039
|
+
};
|
|
4040
|
+
|
|
4041
|
+
/**
|
|
4042
|
+
* The NumberField component.
|
|
4043
|
+
* Can be used as controlled or uncontrolled.
|
|
4044
|
+
*/
|
|
4045
|
+
declare const NumberField: Comp<NumberFieldProps, HTMLDivElement>;
|
|
4046
|
+
|
|
4047
|
+
/**
|
|
4048
|
+
* Component props.
|
|
4049
|
+
*/
|
|
4050
|
+
interface ProgressBarProps extends LinearProgressProps {
|
|
4051
|
+
/** Color of the progress part of the bar. */
|
|
4052
|
+
progressColor?: string;
|
|
4053
|
+
/** Color of the background part of the bar. */
|
|
4054
|
+
backgroundColor?: string;
|
|
4055
|
+
/** Height of the bar. */
|
|
4056
|
+
height?: string;
|
|
4057
|
+
/** Theme. */
|
|
4058
|
+
theme?: Theme;
|
|
4059
|
+
/** Width of the bar. */
|
|
4060
|
+
width?: string;
|
|
4061
|
+
}
|
|
4062
|
+
|
|
4063
|
+
/**
|
|
4064
|
+
* The Progress bar component.
|
|
4065
|
+
*/
|
|
4066
|
+
declare const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement>;
|
|
4067
|
+
|
|
4068
|
+
/**
|
|
4069
|
+
* Context props.
|
|
4070
|
+
*/
|
|
4071
|
+
type RadioGroupState = {
|
|
4072
|
+
/** Whether the radio group is disabled or not. */
|
|
4073
|
+
readonly isDisabled: boolean;
|
|
4074
|
+
/** Whether the radio group is read only or not. */
|
|
4075
|
+
readonly isReadOnly: boolean;
|
|
4076
|
+
/** Sets the selected value. */
|
|
4077
|
+
setValue(value: string): void;
|
|
4078
|
+
/** Current selected value. */
|
|
4079
|
+
readonly value: string;
|
|
4080
|
+
};
|
|
4081
|
+
/**
|
|
4082
|
+
* Component orientation.
|
|
4083
|
+
*/
|
|
4084
|
+
declare const RadioGroupOrientation: {
|
|
4085
|
+
readonly horizontal: "horizontal";
|
|
4086
|
+
readonly vertical: "vertical";
|
|
4087
|
+
};
|
|
4088
|
+
type RadioGroupOrientation = ValueOf<typeof RadioGroupOrientation>;
|
|
4089
|
+
/**
|
|
4090
|
+
* Component props.
|
|
4091
|
+
*/
|
|
4092
|
+
interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
4093
|
+
/**
|
|
4094
|
+
* Default selected value.
|
|
4095
|
+
* Used for uncontrolled version.
|
|
4096
|
+
*/
|
|
4097
|
+
defaultValue?: string;
|
|
4098
|
+
/** Description of the radio group. */
|
|
4099
|
+
description?: string;
|
|
4100
|
+
/** Whether the component is disabled or not. */
|
|
4101
|
+
isDisabled?: boolean;
|
|
4102
|
+
/** Whether the component is invalid or not. */
|
|
4103
|
+
isInvalid?: boolean;
|
|
4104
|
+
/** Whether the component is read only or not. */
|
|
4105
|
+
isReadOnly?: boolean;
|
|
4106
|
+
/** Whether the component is required or not. */
|
|
4107
|
+
isRequired?: boolean;
|
|
4108
|
+
/** Label of the radio group. */
|
|
4109
|
+
label?: string;
|
|
4110
|
+
/** Method to handle component change. */
|
|
4111
|
+
onChange?(values: string): void;
|
|
4112
|
+
/** Method to handle component change. */
|
|
4113
|
+
orientation?: RadioGroupOrientation;
|
|
4114
|
+
/** Theme. */
|
|
4115
|
+
theme?: Theme;
|
|
4116
|
+
/**
|
|
4117
|
+
* Currently selected value.
|
|
4118
|
+
* Used for controlled version.
|
|
4119
|
+
*/
|
|
4120
|
+
value?: string;
|
|
4121
|
+
}
|
|
4122
|
+
type StyledRadioGroupProps = Omit<RadioGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
|
|
4123
|
+
$isDisabled: RadioGroupProps['isDisabled'];
|
|
4124
|
+
$isInvalid: RadioGroupProps['isInvalid'];
|
|
4125
|
+
$isReadOnly: RadioGroupProps['isReadOnly'];
|
|
4126
|
+
$orientation: RadioGroupProps['orientation'];
|
|
4127
|
+
$theme: RadioGroupProps['theme'];
|
|
4128
|
+
};
|
|
4129
|
+
|
|
4130
|
+
/**
|
|
4131
|
+
* The RadioGroup component.
|
|
4132
|
+
* Can be used as controlled or uncontrolled.
|
|
4133
|
+
*/
|
|
4134
|
+
declare const RadioGroup: Comp<RadioGroupProps, HTMLDivElement>;
|
|
4135
|
+
|
|
4136
|
+
/**
|
|
4137
|
+
* Component props.
|
|
4138
|
+
*/
|
|
4139
|
+
interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
|
|
4140
|
+
/** Whether the component can be autofocused. */
|
|
4141
|
+
autoFocus?: boolean;
|
|
4142
|
+
/**
|
|
4143
|
+
* Default select status.
|
|
4144
|
+
* Used for uncontrolled version.
|
|
4145
|
+
*/
|
|
4146
|
+
defaultSelected?: boolean;
|
|
4147
|
+
/** Custom props to pass to the input element. */
|
|
4148
|
+
inputProps?: ComponentProps<'input'>;
|
|
4149
|
+
/** Custom ref object to pass to the input element. */
|
|
4150
|
+
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
4151
|
+
/** Whether the component should use the product colors or shades of grey. */
|
|
4152
|
+
isColored?: boolean;
|
|
4153
|
+
/** Whether the component is disabled or not. */
|
|
4154
|
+
isDisabled?: boolean;
|
|
4155
|
+
/** Whether the component is invalid or not. */
|
|
4156
|
+
isInvalid?: boolean;
|
|
4157
|
+
/** Whether the component is read only or not. */
|
|
4158
|
+
isReadOnly?: boolean;
|
|
4159
|
+
/** Whether the component is required or not. */
|
|
4160
|
+
isRequired?: boolean;
|
|
4161
|
+
/**
|
|
4162
|
+
* Whether the component is selected or not.
|
|
4163
|
+
* Used for controlled version.
|
|
4164
|
+
*/
|
|
4165
|
+
isSelected?: boolean;
|
|
4166
|
+
/** Name to pass to the input element. */
|
|
4167
|
+
name?: HTMLInputElement['name'];
|
|
4168
|
+
/** Method to handle component change. */
|
|
4169
|
+
onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: RadioGroupState): void;
|
|
4170
|
+
/** Theme. */
|
|
4171
|
+
theme?: Theme;
|
|
4172
|
+
/**
|
|
4173
|
+
* Value to pass to the input element.
|
|
4174
|
+
* Required within a group.
|
|
4175
|
+
*/
|
|
4176
|
+
value?: HTMLInputElement['value'];
|
|
4177
|
+
}
|
|
4178
|
+
type StyledRadioProps = Omit<RadioProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
|
|
4179
|
+
$isColored: RadioProps['isColored'];
|
|
4180
|
+
$isDisabled: RadioProps['isDisabled'];
|
|
4181
|
+
$isInvalid: RadioProps['isInvalid'];
|
|
4182
|
+
$isFocusVisible: boolean;
|
|
4183
|
+
$isRequired: RadioProps['isRequired'];
|
|
4184
|
+
$isSelected: RadioProps['isSelected'];
|
|
4185
|
+
$theme: RadioProps['theme'];
|
|
4186
|
+
};
|
|
4187
|
+
|
|
4188
|
+
/**
|
|
4189
|
+
* The Radio component.
|
|
4190
|
+
* Works both inside a RadioGroup or as standalone.
|
|
4191
|
+
* Can be used as controlled or uncontrolled.
|
|
4192
|
+
*/
|
|
4193
|
+
declare const Radio: Comp<RadioProps, HTMLLabelElement>;
|
|
4194
|
+
|
|
4195
|
+
declare const baseLayout: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<LayoutProps, any>>;
|
|
4196
|
+
declare const baseSpacing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SpacingProps, any>>;
|
|
4197
|
+
declare const baseInternalSpacing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<InternalSpacingProps, any>>;
|
|
4198
|
+
declare const baseSizing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SizingProps, any>>;
|
|
4199
|
+
declare const basePositioning: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<PositioningProps, any>>;
|
|
4200
|
+
declare const baseBorder: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<BorderProps, any>>;
|
|
4201
|
+
declare const baseFlexbox: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<FlexLayoutProps, any>>;
|
|
4202
|
+
declare const baseGrid: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<GridLayoutProps, any>>;
|
|
4203
|
+
declare const baseStyling: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<StylingProps, any>>;
|
|
4204
|
+
declare const baseContainer: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<ContainerProps, any>>;
|
|
4205
|
+
declare const focusRing: styled_components.FlattenSimpleInterpolation;
|
|
4206
|
+
declare const srOnly: styled_components.FlattenSimpleInterpolation;
|
|
4207
|
+
|
|
4208
|
+
/**
|
|
4209
|
+
* Component props.
|
|
4210
|
+
*/
|
|
4211
|
+
interface SkeletonProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps {
|
|
4212
|
+
/** Whether the content is loaded and should be displayed instead of the skeleton. */
|
|
4213
|
+
isLoaded?: boolean;
|
|
4214
|
+
/** Theme. */
|
|
4215
|
+
theme?: Theme;
|
|
4216
|
+
}
|
|
4217
|
+
type StyledSkeletonProps = SkeletonProps & {
|
|
4218
|
+
$theme: SkeletonProps['theme'];
|
|
4219
|
+
};
|
|
4220
|
+
|
|
4221
|
+
/**
|
|
4222
|
+
* Component variant.
|
|
4223
|
+
*/
|
|
4224
|
+
declare const SkeletonTextVariant: {
|
|
4225
|
+
readonly h1: "h1";
|
|
4226
|
+
readonly h2: "h2";
|
|
4227
|
+
readonly h3: "h3";
|
|
4228
|
+
readonly h4: "h4";
|
|
4229
|
+
readonly h5: "h5";
|
|
4230
|
+
readonly body: "body";
|
|
4231
|
+
readonly button: "button";
|
|
4232
|
+
readonly caption: "caption";
|
|
4233
|
+
};
|
|
4234
|
+
type SkeletonTextVariant = ValueOf<typeof SkeletonTextVariant>;
|
|
4235
|
+
/**
|
|
4236
|
+
* Component props.
|
|
4237
|
+
*/
|
|
4238
|
+
interface SkeletonTextProps extends SkeletonProps {
|
|
4239
|
+
/** Font size. */
|
|
4240
|
+
fontSize?: string;
|
|
4241
|
+
/** Line height. */
|
|
4242
|
+
lineHeight?: string;
|
|
4243
|
+
/** Variant. */
|
|
4244
|
+
variant?: SkeletonTextVariant;
|
|
4245
|
+
}
|
|
4246
|
+
type StyledSkeletonTextProps = Omit<SkeletonTextProps, 'fontSize' | 'lineHeight' | 'variant'> & {
|
|
4247
|
+
$fontSize: SkeletonTextProps['fontSize'];
|
|
4248
|
+
$lineHeight: SkeletonTextProps['lineHeight'];
|
|
4249
|
+
$variant: SkeletonTextProps['variant'];
|
|
4250
|
+
$theme: SkeletonProps['theme'];
|
|
4251
|
+
};
|
|
4252
|
+
|
|
4253
|
+
/**
|
|
4254
|
+
* The SkeletonText component.
|
|
4255
|
+
*/
|
|
4256
|
+
declare const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement>;
|
|
4257
|
+
|
|
4258
|
+
/**
|
|
4259
|
+
* Component props.
|
|
4260
|
+
*/
|
|
4261
|
+
interface SkeletonCircleProps extends SkeletonProps {
|
|
4262
|
+
}
|
|
4263
|
+
type StyledSkeletonCircleProps = SkeletonCircleProps & {
|
|
4264
|
+
$theme: SkeletonProps['theme'];
|
|
4265
|
+
};
|
|
4266
|
+
|
|
4267
|
+
/**
|
|
4268
|
+
* The SkeletonCircle component.
|
|
4269
|
+
*/
|
|
4270
|
+
declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
|
|
4271
|
+
|
|
4272
|
+
/**
|
|
4273
|
+
* The Skeleton component.
|
|
4274
|
+
*/
|
|
4275
|
+
declare const BaseSkeleton: Comp<SkeletonProps, HTMLDivElement>;
|
|
4276
|
+
declare const Skeleton: Comp<SkeletonProps, HTMLDivElement> & {
|
|
4277
|
+
Circle: Comp<SkeletonCircleProps, HTMLDivElement>;
|
|
4278
|
+
Text: Comp<SkeletonTextProps, HTMLDivElement>;
|
|
4279
|
+
};
|
|
4280
|
+
|
|
4281
|
+
/**
|
|
4282
|
+
* Component size.
|
|
4283
|
+
*/
|
|
4284
|
+
declare const SpinnerSize: {
|
|
4285
|
+
readonly xsmall: "xsmall";
|
|
4286
|
+
readonly small: "small";
|
|
4287
|
+
readonly medium: "medium";
|
|
4288
|
+
readonly large: "large";
|
|
4289
|
+
};
|
|
4290
|
+
type SpinnerSize = ValueOf<typeof SpinnerSize>;
|
|
4291
|
+
/**
|
|
4292
|
+
* Component props.
|
|
4293
|
+
*/
|
|
4294
|
+
interface SpinnerProps extends Omit<ComponentProps<'img'>, 'color'>, LayoutProps, SpacingProps, PositioningProps {
|
|
4295
|
+
/** Indicates whether the element is exposed to an accessibility API. */
|
|
4296
|
+
'aria-hidden'?: boolean | 'false' | 'true';
|
|
4297
|
+
/** A screen reader only label for the Spinner. */
|
|
4298
|
+
'aria-label'?: string;
|
|
4299
|
+
/** Color variant. */
|
|
4300
|
+
color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';
|
|
4301
|
+
/** @deprecated: Whether the spinner is colored or not. */
|
|
4302
|
+
isColored?: boolean;
|
|
4303
|
+
/** Spinner size. */
|
|
4304
|
+
size?: SpinnerSize;
|
|
4305
|
+
/** Theme. */
|
|
4306
|
+
theme?: Theme;
|
|
4307
|
+
}
|
|
4308
|
+
type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
|
|
4309
|
+
$size?: SpinnerProps['size'];
|
|
4310
|
+
$theme?: SpinnerProps['theme'];
|
|
4311
|
+
};
|
|
4312
|
+
|
|
4313
|
+
/**
|
|
4314
|
+
* The Spinner component.
|
|
4315
|
+
*/
|
|
4316
|
+
declare const Spinner: Comp<SpinnerProps, HTMLImageElement>;
|
|
4317
|
+
|
|
4318
|
+
/**
|
|
4319
|
+
* Context props.
|
|
4320
|
+
*/
|
|
4321
|
+
type SwitchGroupState = {
|
|
4322
|
+
/** Adds a value to the set of selected values. */
|
|
4323
|
+
addValue(value: string): void;
|
|
4324
|
+
/** Whether the switch group is disabled or not. */
|
|
4325
|
+
readonly isDisabled: boolean;
|
|
4326
|
+
/** Whether the switch group is read only or not. */
|
|
4327
|
+
readonly isReadOnly: boolean;
|
|
4328
|
+
/** Removes a value from the set of selected values. */
|
|
4329
|
+
removeValue(value: string): void;
|
|
4330
|
+
/** Sets the selected values. */
|
|
4331
|
+
setValue(value: string[]): void;
|
|
4332
|
+
/** Current selected values. */
|
|
4333
|
+
readonly value: readonly string[];
|
|
4334
|
+
};
|
|
4335
|
+
/**
|
|
4336
|
+
* Component orientation.
|
|
4337
|
+
*/
|
|
4338
|
+
declare const SwitchGroupOrientation: {
|
|
4339
|
+
readonly horizontal: "horizontal";
|
|
4340
|
+
readonly vertical: "vertical";
|
|
4341
|
+
};
|
|
4342
|
+
type SwitchGroupOrientation = ValueOf<typeof SwitchGroupOrientation>;
|
|
4343
|
+
/**
|
|
4344
|
+
* Component props.
|
|
4345
|
+
*/
|
|
4346
|
+
interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
4347
|
+
/**
|
|
4348
|
+
* Default selected values.
|
|
4349
|
+
* Used for uncontrolled version.
|
|
4350
|
+
*/
|
|
4351
|
+
defaultValues?: string[];
|
|
4352
|
+
/** Description of the switch group. */
|
|
4353
|
+
description?: string;
|
|
4354
|
+
/** Whether the component is disabled or not. */
|
|
4355
|
+
isDisabled?: boolean;
|
|
4356
|
+
/** Whether the component is invalid or not. */
|
|
4357
|
+
isInvalid?: boolean;
|
|
4358
|
+
/** Whether the component is read only or not. */
|
|
4359
|
+
isReadOnly?: boolean;
|
|
4360
|
+
/** Whether the component is required or not. */
|
|
4361
|
+
isRequired?: boolean;
|
|
4362
|
+
/** Label of the switch group. */
|
|
4363
|
+
label?: string;
|
|
4364
|
+
/** Method to handle component change. */
|
|
4365
|
+
onChange?(values: string[]): void;
|
|
4366
|
+
/** Method to handle component change. */
|
|
4367
|
+
orientation?: SwitchGroupOrientation;
|
|
4368
|
+
/** Theme. */
|
|
4369
|
+
theme?: Theme;
|
|
4370
|
+
/**
|
|
4371
|
+
* Currently selected values.
|
|
4372
|
+
* Used for controlled version.
|
|
4373
|
+
*/
|
|
4374
|
+
value?: string[];
|
|
4375
|
+
}
|
|
4376
|
+
type StyledSwitchGroupProps = Omit<SwitchGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
|
|
4377
|
+
$isDisabled: SwitchGroupProps['isDisabled'];
|
|
4378
|
+
$isInvalid: SwitchGroupProps['isInvalid'];
|
|
4379
|
+
$isReadOnly: SwitchGroupProps['isReadOnly'];
|
|
4380
|
+
$orientation: SwitchGroupProps['orientation'];
|
|
4381
|
+
$theme: SwitchGroupProps['theme'];
|
|
4382
|
+
};
|
|
4383
|
+
|
|
4384
|
+
/**
|
|
4385
|
+
* The SwitchGroup component.
|
|
4386
|
+
* Can be used as controlled or uncontrolled.
|
|
4387
|
+
*/
|
|
4388
|
+
declare const SwitchGroup: Comp<SwitchGroupProps, HTMLDivElement>;
|
|
4389
|
+
|
|
4390
|
+
/**
|
|
4391
|
+
* Component props.
|
|
4392
|
+
*/
|
|
4393
|
+
interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
|
|
4394
|
+
/** Whether the component can be autofocused. */
|
|
4395
|
+
autoFocus?: boolean;
|
|
4396
|
+
/**
|
|
4397
|
+
* Default select status.
|
|
4398
|
+
* Used for uncontrolled version.
|
|
4399
|
+
*/
|
|
4400
|
+
defaultSelected?: boolean;
|
|
4401
|
+
/** Custom props to pass to the input element. */
|
|
4402
|
+
inputProps?: ComponentProps<'input'>;
|
|
4403
|
+
/** Custom ref object to pass to the input element. */
|
|
4404
|
+
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
4405
|
+
/** Whether the component should use the product colors or shades of grey. */
|
|
4406
|
+
isColored?: boolean;
|
|
4407
|
+
/** Whether the component is disabled or not. */
|
|
4408
|
+
isDisabled?: boolean;
|
|
4409
|
+
/** Whether the component is invalid or not. */
|
|
4410
|
+
isInvalid?: boolean;
|
|
4411
|
+
/** Whether the component is read only or not. */
|
|
4412
|
+
isReadOnly?: boolean;
|
|
4413
|
+
/** Whether the component is required or not. */
|
|
4414
|
+
isRequired?: boolean;
|
|
4415
|
+
/**
|
|
4416
|
+
* Whether the component is selected or not.
|
|
4417
|
+
* Used for controlled version.
|
|
4418
|
+
*/
|
|
4419
|
+
isSelected?: boolean;
|
|
4420
|
+
/** Name to pass to the input element. */
|
|
4421
|
+
name?: HTMLInputElement['name'];
|
|
4422
|
+
/** Method to handle component change. */
|
|
4423
|
+
onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: SwitchGroupState): void;
|
|
4424
|
+
/** Theme. */
|
|
4425
|
+
theme?: Theme;
|
|
4426
|
+
/**
|
|
4427
|
+
* Value to pass to the input element.
|
|
4428
|
+
* Required within a group.
|
|
4429
|
+
*/
|
|
4430
|
+
value?: HTMLInputElement['value'];
|
|
4431
|
+
}
|
|
4432
|
+
type StyledSwitchProps = Omit<SwitchProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
|
|
4433
|
+
$isColored: SwitchProps['isColored'];
|
|
4434
|
+
$isDisabled: SwitchProps['isDisabled'];
|
|
4435
|
+
$isInvalid: SwitchProps['isInvalid'];
|
|
4436
|
+
$isFocusVisible: boolean;
|
|
4437
|
+
$isRequired: SwitchProps['isRequired'];
|
|
4438
|
+
$isSelected: SwitchProps['isSelected'];
|
|
4439
|
+
$theme: SwitchProps['theme'];
|
|
4440
|
+
};
|
|
4441
|
+
|
|
4442
|
+
/**
|
|
4443
|
+
* The Switch component.
|
|
4444
|
+
* Works both inside a SwitchGroup or as standalone.
|
|
4445
|
+
* Can be used as controlled or uncontrolled.
|
|
4446
|
+
*/
|
|
4447
|
+
declare const Switch: Comp<SwitchProps, HTMLLabelElement>;
|
|
4448
|
+
|
|
4449
|
+
/**
|
|
4450
|
+
* Component variant.
|
|
4451
|
+
*/
|
|
4452
|
+
declare const TextAreaVariant: {
|
|
4453
|
+
readonly default: "default";
|
|
4454
|
+
readonly underline: "underline";
|
|
4455
|
+
};
|
|
4456
|
+
type TextAreaVariant = ValueOf<typeof TextAreaVariant>;
|
|
4457
|
+
/**
|
|
4458
|
+
* Component props.
|
|
4459
|
+
*/
|
|
4460
|
+
interface TextAreaProps extends Omit<TextFieldProps, 'onChange' | 'inputRef' | 'inputProps' | 'pills' | 'internal' | 'hasClearButton' | 'onClear'> {
|
|
4461
|
+
/** Custom ref object to pass to the textarea element. */
|
|
4462
|
+
textareaRef?: MutableRefObject<HTMLTextAreaElement>;
|
|
4463
|
+
/** Custom props to pass to the textarea element. */
|
|
4464
|
+
textareaProps?: ComponentProps<'textarea'>;
|
|
4465
|
+
/** Method to handle component change. */
|
|
4466
|
+
onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLTextAreaElement>): void;
|
|
4467
|
+
/** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */
|
|
4468
|
+
minimumRows?: number;
|
|
4469
|
+
}
|
|
4470
|
+
type StyledTextAreaProps = StyledTextFieldProps;
|
|
4471
|
+
|
|
4472
|
+
/**
|
|
4473
|
+
* The TextArea component.
|
|
4474
|
+
* Can be used as controlled or uncontrolled.
|
|
4475
|
+
*/
|
|
4476
|
+
declare const TextArea: Comp<TextAreaProps, HTMLDivElement>;
|
|
4477
|
+
|
|
4478
|
+
declare const ThemeContext: React$1.Context<{
|
|
4479
|
+
theme?: Theme | undefined;
|
|
4480
|
+
} | null>;
|
|
4481
|
+
declare const ThemeProvider: React$1.Provider<{
|
|
4482
|
+
theme?: Theme | undefined;
|
|
4483
|
+
} | null>;
|
|
4484
|
+
|
|
4485
|
+
declare function useTheme(theme?: Theme): Theme;
|
|
4486
|
+
|
|
1558
4487
|
type Direction = 'ltr' | 'rtl';
|
|
1559
4488
|
|
|
1560
4489
|
interface Locale {
|
|
@@ -1735,4 +4664,4 @@ declare const useSSRSafeId: typeof useModernSSRSafeId;
|
|
|
1735
4664
|
*/
|
|
1736
4665
|
declare function useIsSSR(): boolean;
|
|
1737
4666
|
|
|
1738
|
-
export { DateFormatter, DateFormatterOptions, Filter, I18nProvider, I18nProviderProps, Locale, LocalizedStringFormatter, LocalizedStrings, RedsiftBorderRadius, RedsiftColorBlueD1, RedsiftColorBlueD2, RedsiftColorBlueD3, RedsiftColorBlueD4, RedsiftColorBlueL1, RedsiftColorBlueL2, RedsiftColorBlueL3, RedsiftColorBlueL4, RedsiftColorBlueN, RedsiftColorBordersBorderDefault, RedsiftColorBordersBorderDisabled, RedsiftColorBordersBorderDivider, RedsiftColorBordersBorderError, RedsiftColorBordersBorderPrimary, RedsiftColorBordersBorderSecondary, RedsiftColorBordersBorderSuccess, RedsiftColorDarkComponentsAiAiBorder, RedsiftColorDarkComponentsAiAiIcon, RedsiftColorDarkComponentsAlertErrorBackground, RedsiftColorDarkComponentsAlertErrorBorder, RedsiftColorDarkComponentsAlertErrorIcon, RedsiftColorDarkComponentsAlertInfoBackground, RedsiftColorDarkComponentsAlertInfoBorder, RedsiftColorDarkComponentsAlertInfoIcon, RedsiftColorDarkComponentsAlertSuccessBackground, RedsiftColorDarkComponentsAlertSuccessBorder, RedsiftColorDarkComponentsAlertSuccessIcon, RedsiftColorDarkComponentsAlertText, RedsiftColorDarkComponentsAlertWarningBackground, RedsiftColorDarkComponentsAlertWarningBorder, RedsiftColorDarkComponentsAlertWarningIcon, RedsiftColorDarkComponentsAppBarBackground, RedsiftColorDarkComponentsAppBarBorder, RedsiftColorDarkComponentsAppBarBreadcrumbDefault, RedsiftColorDarkComponentsAppBarBreadcrumbDown, RedsiftColorDarkComponentsAppBarBreadcrumbHover, RedsiftColorDarkComponentsAppBarIconBackgroundActive, RedsiftColorDarkComponentsAppBarIconBackgroundActiveDown, RedsiftColorDarkComponentsAppBarIconBackgroundActiveHover, RedsiftColorDarkComponentsAppBarIconBackgroundDown, RedsiftColorDarkComponentsAppBarIconBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextHover, RedsiftColorDarkComponentsCheckboxFillDefault, RedsiftColorDarkComponentsCheckboxFillDefaultHover, RedsiftColorDarkComponentsCheckboxFillDisabled, RedsiftColorDarkComponentsCheckboxFillInvalid, RedsiftColorDarkComponentsCheckboxFillInvalidHover, RedsiftColorDarkComponentsCheckboxFillUncolored, RedsiftColorDarkComponentsCheckboxFillUncoloredHover, RedsiftColorDarkComponentsCheckboxTextDefault, RedsiftColorDarkComponentsCheckboxTextDisabled, RedsiftColorDarkComponentsCheckboxTextInvalid, RedsiftColorDarkComponentsDropdownsAndMenusClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusClickText, RedsiftColorDarkComponentsDropdownsAndMenusDefaultBackground, RedsiftColorDarkComponentsDropdownsAndMenusDefaultText, RedsiftColorDarkComponentsDropdownsAndMenusDividers, RedsiftColorDarkComponentsDropdownsAndMenusHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveText, RedsiftColorDarkComponentsIconsDefault, RedsiftColorDarkComponentsModalBackground, RedsiftColorDarkComponentsPageBackground, RedsiftColorDarkComponentsPillsAquaDefaultBackground, RedsiftColorDarkComponentsPillsAquaDefaultBorder, RedsiftColorDarkComponentsPillsAquaDefaultText, RedsiftColorDarkComponentsPillsAquaDisabledBackground, RedsiftColorDarkComponentsPillsAquaDisabledBorder, RedsiftColorDarkComponentsPillsAquaDisabledText, RedsiftColorDarkComponentsPillsAquaHoverBackground, RedsiftColorDarkComponentsPillsAquaHoverBorder, RedsiftColorDarkComponentsPillsAquaHoverText, RedsiftColorDarkComponentsPillsBlackDefaultBackground, RedsiftColorDarkComponentsPillsBlackDefaultBorder, RedsiftColorDarkComponentsPillsBlackDefaultText, RedsiftColorDarkComponentsPillsBlackDisabledBackground, RedsiftColorDarkComponentsPillsBlackDisabledBorder, RedsiftColorDarkComponentsPillsBlackDisabledText, RedsiftColorDarkComponentsPillsBlackHoverBackground, RedsiftColorDarkComponentsPillsBlackHoverBorder, RedsiftColorDarkComponentsPillsBlackHoverText, RedsiftColorDarkComponentsPillsBlueDefaultBackground, RedsiftColorDarkComponentsPillsBlueDefaultBorder, RedsiftColorDarkComponentsPillsBlueDefaultText, RedsiftColorDarkComponentsPillsBlueDisabledBackground, RedsiftColorDarkComponentsPillsBlueDisabledBorder, RedsiftColorDarkComponentsPillsBlueDisabledText, RedsiftColorDarkComponentsPillsBlueHoverBackground, RedsiftColorDarkComponentsPillsBlueHoverBorder, RedsiftColorDarkComponentsPillsBlueHoverText, RedsiftColorDarkComponentsPillsBrownDefaultBackground, RedsiftColorDarkComponentsPillsBrownDefaultBorder, RedsiftColorDarkComponentsPillsBrownDefaultText, RedsiftColorDarkComponentsPillsBrownDisabledBackground, RedsiftColorDarkComponentsPillsBrownDisabledBorder, RedsiftColorDarkComponentsPillsBrownDisabledText, RedsiftColorDarkComponentsPillsBrownHoverBackground, RedsiftColorDarkComponentsPillsBrownHoverBorder, RedsiftColorDarkComponentsPillsBrownHoverText, RedsiftColorDarkComponentsPillsDarkGreyDefaultBackground, RedsiftColorDarkComponentsPillsDarkGreyDefaultBorder, RedsiftColorDarkComponentsPillsDarkGreyDefaultText, RedsiftColorDarkComponentsPillsDarkGreyDisabledBackground, RedsiftColorDarkComponentsPillsDarkGreyDisabledBorder, RedsiftColorDarkComponentsPillsDarkGreyDisabledText, RedsiftColorDarkComponentsPillsDarkGreyHoverBackground, RedsiftColorDarkComponentsPillsDarkGreyHoverBorder, RedsiftColorDarkComponentsPillsDarkGreyHoverText, RedsiftColorDarkComponentsPillsErrorDarkDefaultBackground, RedsiftColorDarkComponentsPillsErrorDarkDefaultBorder, RedsiftColorDarkComponentsPillsErrorDarkDefaultText, RedsiftColorDarkComponentsPillsErrorDarkDisabledBackground, RedsiftColorDarkComponentsPillsErrorDarkDisabledBorder, RedsiftColorDarkComponentsPillsErrorDarkDisabledText, RedsiftColorDarkComponentsPillsErrorDarkHoverBackground, RedsiftColorDarkComponentsPillsErrorDarkHoverBorder, RedsiftColorDarkComponentsPillsErrorDarkHoverText, RedsiftColorDarkComponentsPillsErrorDefaultBackground, RedsiftColorDarkComponentsPillsErrorDefaultBorder, RedsiftColorDarkComponentsPillsErrorDefaultText, RedsiftColorDarkComponentsPillsErrorDisabledBackground, RedsiftColorDarkComponentsPillsErrorDisabledBorder, RedsiftColorDarkComponentsPillsErrorDisabledText, RedsiftColorDarkComponentsPillsErrorHoverBackground, RedsiftColorDarkComponentsPillsErrorHoverBorder, RedsiftColorDarkComponentsPillsErrorHoverText, RedsiftColorDarkComponentsPillsGreenDefaultBackground, RedsiftColorDarkComponentsPillsGreenDefaultBorder, RedsiftColorDarkComponentsPillsGreenDefaultText, RedsiftColorDarkComponentsPillsGreenDisabledBackground, RedsiftColorDarkComponentsPillsGreenDisabledBorder, RedsiftColorDarkComponentsPillsGreenDisabledText, RedsiftColorDarkComponentsPillsGreenHoverBackground, RedsiftColorDarkComponentsPillsGreenHoverBorder, RedsiftColorDarkComponentsPillsGreenHoverText, RedsiftColorDarkComponentsPillsGreyDefaultBackground, RedsiftColorDarkComponentsPillsGreyDefaultBorder, RedsiftColorDarkComponentsPillsGreyDefaultText, RedsiftColorDarkComponentsPillsGreyDisabledBackground, RedsiftColorDarkComponentsPillsGreyDisabledBorder, RedsiftColorDarkComponentsPillsGreyDisabledText, RedsiftColorDarkComponentsPillsGreyHoverBackground, RedsiftColorDarkComponentsPillsGreyHoverBorder, RedsiftColorDarkComponentsPillsGreyHoverText, RedsiftColorDarkComponentsPillsLightGreyDefaultBackground, RedsiftColorDarkComponentsPillsLightGreyDefaultBorder, RedsiftColorDarkComponentsPillsLightGreyDefaultText, RedsiftColorDarkComponentsPillsLightGreyDisabledBackground, RedsiftColorDarkComponentsPillsLightGreyDisabledBorder, RedsiftColorDarkComponentsPillsLightGreyDisabledText, RedsiftColorDarkComponentsPillsLightGreyHoverBackground, RedsiftColorDarkComponentsPillsLightGreyHoverBorder, RedsiftColorDarkComponentsPillsLightGreyHoverText, RedsiftColorDarkComponentsPillsMidGreyDefaultBackground, RedsiftColorDarkComponentsPillsMidGreyDefaultBorder, RedsiftColorDarkComponentsPillsMidGreyDefaultText, RedsiftColorDarkComponentsPillsMidGreyDisabledBackground, RedsiftColorDarkComponentsPillsMidGreyDisabledBorder, RedsiftColorDarkComponentsPillsMidGreyDisabledText, RedsiftColorDarkComponentsPillsMidGreyHoverBackground, RedsiftColorDarkComponentsPillsMidGreyHoverBorder, RedsiftColorDarkComponentsPillsMidGreyHoverText, RedsiftColorDarkComponentsPillsOrangeDefaultBackground, RedsiftColorDarkComponentsPillsOrangeDefaultBorder, RedsiftColorDarkComponentsPillsOrangeDefaultText, RedsiftColorDarkComponentsPillsOrangeDisabledBackground, RedsiftColorDarkComponentsPillsOrangeDisabledBorder, RedsiftColorDarkComponentsPillsOrangeDisabledText, RedsiftColorDarkComponentsPillsOrangeHoverBackground, RedsiftColorDarkComponentsPillsOrangeHoverBorder, RedsiftColorDarkComponentsPillsOrangeHoverText, RedsiftColorDarkComponentsPillsPinkDefaultBackground, RedsiftColorDarkComponentsPillsPinkDefaultBorder, RedsiftColorDarkComponentsPillsPinkDefaultText, RedsiftColorDarkComponentsPillsPinkDisabledBackground, RedsiftColorDarkComponentsPillsPinkDisabledBorder, RedsiftColorDarkComponentsPillsPinkDisabledText, RedsiftColorDarkComponentsPillsPinkHoverBackground, RedsiftColorDarkComponentsPillsPinkHoverBorder, RedsiftColorDarkComponentsPillsPinkHoverText, RedsiftColorDarkComponentsPillsPurpleDefaultBackground, RedsiftColorDarkComponentsPillsPurpleDefaultBorder, RedsiftColorDarkComponentsPillsPurpleDefaultText, RedsiftColorDarkComponentsPillsPurpleDisabledBackground, RedsiftColorDarkComponentsPillsPurpleDisabledBorder, RedsiftColorDarkComponentsPillsPurpleDisabledText, RedsiftColorDarkComponentsPillsPurpleHoverBackground, RedsiftColorDarkComponentsPillsPurpleHoverBorder, RedsiftColorDarkComponentsPillsPurpleHoverText, RedsiftColorDarkComponentsPillsRedDefaultBackground, RedsiftColorDarkComponentsPillsRedDefaultBorder, RedsiftColorDarkComponentsPillsRedDefaultText, RedsiftColorDarkComponentsPillsRedDisabledBackground, RedsiftColorDarkComponentsPillsRedDisabledBorder, RedsiftColorDarkComponentsPillsRedDisabledText, RedsiftColorDarkComponentsPillsRedHoverBackground, RedsiftColorDarkComponentsPillsRedHoverBorder, RedsiftColorDarkComponentsPillsRedHoverText, RedsiftColorDarkComponentsPillsSuccessDarkDefaultBackground, RedsiftColorDarkComponentsPillsSuccessDarkDefaultBorder, RedsiftColorDarkComponentsPillsSuccessDarkDefaultText, RedsiftColorDarkComponentsPillsSuccessDarkDisabledBackground, RedsiftColorDarkComponentsPillsSuccessDarkDisabledBorder, RedsiftColorDarkComponentsPillsSuccessDarkDisabledText, RedsiftColorDarkComponentsPillsSuccessDarkHoverBackground, RedsiftColorDarkComponentsPillsSuccessDarkHoverBorder, RedsiftColorDarkComponentsPillsSuccessDarkHoverText, RedsiftColorDarkComponentsPillsSuccessDefaultBackground, RedsiftColorDarkComponentsPillsSuccessDefaultBorder, RedsiftColorDarkComponentsPillsSuccessDefaultText, RedsiftColorDarkComponentsPillsSuccessDisabledBackground, RedsiftColorDarkComponentsPillsSuccessDisabledBorder, RedsiftColorDarkComponentsPillsSuccessDisabledText, RedsiftColorDarkComponentsPillsSuccessHoverBackground, RedsiftColorDarkComponentsPillsSuccessHoverBorder, RedsiftColorDarkComponentsPillsSuccessHoverText, RedsiftColorDarkComponentsPillsWarningDarkDefaultBackground, RedsiftColorDarkComponentsPillsWarningDarkDefaultBorder, RedsiftColorDarkComponentsPillsWarningDarkDefaultText, RedsiftColorDarkComponentsPillsWarningDarkDisabledBackground, RedsiftColorDarkComponentsPillsWarningDarkDisabledBorder, RedsiftColorDarkComponentsPillsWarningDarkDisabledText, RedsiftColorDarkComponentsPillsWarningDarkHoverBackground, RedsiftColorDarkComponentsPillsWarningDarkHoverBorder, RedsiftColorDarkComponentsPillsWarningDarkHoverText, RedsiftColorDarkComponentsPillsWarningDefaultBackground, RedsiftColorDarkComponentsPillsWarningDefaultBorder, RedsiftColorDarkComponentsPillsWarningDefaultText, RedsiftColorDarkComponentsPillsWarningDisabledBackground, RedsiftColorDarkComponentsPillsWarningDisabledBorder, RedsiftColorDarkComponentsPillsWarningDisabledText, RedsiftColorDarkComponentsPillsWarningHoverBackground, RedsiftColorDarkComponentsPillsWarningHoverBorder, RedsiftColorDarkComponentsPillsWarningHoverText, RedsiftColorDarkComponentsPillsWhiteDefaultBackground, RedsiftColorDarkComponentsPillsWhiteDefaultBorder, RedsiftColorDarkComponentsPillsWhiteDefaultText, RedsiftColorDarkComponentsPillsWhiteDisabledBackground, RedsiftColorDarkComponentsPillsWhiteDisabledBorder, RedsiftColorDarkComponentsPillsWhiteDisabledText, RedsiftColorDarkComponentsPillsWhiteHoverBackground, RedsiftColorDarkComponentsPillsWhiteHoverBorder, RedsiftColorDarkComponentsPillsWhiteHoverText, RedsiftColorDarkComponentsPillsXDarkGreyDefaultBackground, RedsiftColorDarkComponentsPillsXDarkGreyDefaultBorder, RedsiftColorDarkComponentsPillsXDarkGreyDefaultText, RedsiftColorDarkComponentsPillsXDarkGreyDisabledBackground, RedsiftColorDarkComponentsPillsXDarkGreyDisabledBorder, RedsiftColorDarkComponentsPillsXDarkGreyDisabledText, RedsiftColorDarkComponentsPillsXDarkGreyHoverBackground, RedsiftColorDarkComponentsPillsXDarkGreyHoverBorder, RedsiftColorDarkComponentsPillsXDarkGreyHoverText, RedsiftColorDarkComponentsPillsXLightGreyDefaultBackground, RedsiftColorDarkComponentsPillsXLightGreyDefaultBorder, RedsiftColorDarkComponentsPillsXLightGreyDefaultText, RedsiftColorDarkComponentsPillsXLightGreyDisabledBackground, RedsiftColorDarkComponentsPillsXLightGreyDisabledBorder, RedsiftColorDarkComponentsPillsXLightGreyDisabledText, RedsiftColorDarkComponentsPillsXLightGreyHoverBackground, RedsiftColorDarkComponentsPillsXLightGreyHoverBorder, RedsiftColorDarkComponentsPillsXLightGreyHoverText, RedsiftColorDarkComponentsPillsYellowDefaultBackground, RedsiftColorDarkComponentsPillsYellowDefaultBorder, RedsiftColorDarkComponentsPillsYellowDefaultText, RedsiftColorDarkComponentsPillsYellowDisabledBackground, RedsiftColorDarkComponentsPillsYellowDisabledBorder, RedsiftColorDarkComponentsPillsYellowDisabledText, RedsiftColorDarkComponentsPillsYellowHoverBackground, RedsiftColorDarkComponentsPillsYellowHoverBorder, RedsiftColorDarkComponentsPillsYellowHoverText, RedsiftColorDarkComponentsProductLogosIconGrey, RedsiftColorDarkComponentsProductLogosIconRed, RedsiftColorDarkComponentsProductLogosTextGrey, RedsiftColorDarkComponentsProductLogosTextRed, RedsiftColorDarkComponentsProductLogosTextWhite, RedsiftColorDarkComponentsRadioFillDefault, RedsiftColorDarkComponentsRadioFillDefaultHover, RedsiftColorDarkComponentsRadioFillDisabled, RedsiftColorDarkComponentsRadioFillInvalid, RedsiftColorDarkComponentsRadioFillInvalidHover, RedsiftColorDarkComponentsRadioFillUncolored, RedsiftColorDarkComponentsRadioFillUncoloredHover, RedsiftColorDarkComponentsRadioTextDefault, RedsiftColorDarkComponentsRadioTextDisabled, RedsiftColorDarkComponentsRadioTextInvalid, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomRight, RedsiftColorDarkComponentsRedSiftLogoDiamondDark, RedsiftColorDarkComponentsRedSiftLogoDiamondLight, RedsiftColorDarkComponentsRedSiftLogoDiamondMid, RedsiftColorDarkComponentsRedSiftLogoDiamondTopRight, RedsiftColorDarkComponentsRedSiftLogoIconBackground, RedsiftColorDarkComponentsRedSiftLogoIconR, RedsiftColorDarkComponentsRedSiftLogoTextGrey, RedsiftColorDarkComponentsRedSiftLogoTextRed, RedsiftColorDarkComponentsRedSiftLogoTextWhite, RedsiftColorDarkComponentsSideNavigationBackground, RedsiftColorDarkComponentsSideNavigationCurrentMarker, RedsiftColorDarkComponentsSideNavigationMenuItemActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorDarkComponentsSideNavigationMenuItemTextDisabled, RedsiftColorDarkComponentsSideNavigationMenuItemTextHover, RedsiftColorDarkComponentsSideNavigationMenuItemTextResting, RedsiftColorDarkComponentsSideNavigationRightLine, RedsiftColorDarkComponentsSideNavigationScrollbarHover, RedsiftColorDarkComponentsSideNavigationScrollbarResting, RedsiftColorDarkComponentsSpinnerSpinner, RedsiftColorDarkComponentsSwitchBackgroundDefault, RedsiftColorDarkComponentsSwitchBackgroundDefaultActive, RedsiftColorDarkComponentsSwitchBackgroundDisabled, RedsiftColorDarkComponentsSwitchBackgroundDisabledActive, RedsiftColorDarkComponentsSwitchBackgroundInvalid, RedsiftColorDarkComponentsSwitchBackgroundInvalidActive, RedsiftColorDarkComponentsSwitchBackgroundUncolored, RedsiftColorDarkComponentsSwitchBackgroundUncoloredActive, RedsiftColorDarkComponentsSwitchDotDefault, RedsiftColorDarkComponentsSwitchDotDefaultHover, RedsiftColorDarkComponentsSwitchDotDisabled, RedsiftColorDarkComponentsSwitchDotInvalid, RedsiftColorDarkComponentsSwitchDotInvalidHover, RedsiftColorDarkComponentsSwitchDotUncolored, RedsiftColorDarkComponentsSwitchDotUncoloredHover, RedsiftColorDarkComponentsSwitchTextDefault, RedsiftColorDarkComponentsSwitchTextDisabled, RedsiftColorDarkComponentsSwitchTextInvalid, RedsiftColorDarkComponentsTabsLine, RedsiftColorDarkComponentsTextPrimary, RedsiftColorDarkComponentsTextSecondary, RedsiftColorDarkComponentsTooltipBackground, RedsiftColorDarkComponentsTooltipText, RedsiftColorGreenD1, RedsiftColorGreenD2, RedsiftColorGreenD3, RedsiftColorGreenD4, RedsiftColorGreenL1, RedsiftColorGreenL2, RedsiftColorGreenL3, RedsiftColorGreenL4, RedsiftColorGreenN, RedsiftColorGreyD1, RedsiftColorGreyD2, RedsiftColorGreyD3, RedsiftColorGreyD4, RedsiftColorGreyD5, RedsiftColorGreyL1, RedsiftColorGreyL2, RedsiftColorGreyL3, RedsiftColorGreyL4, RedsiftColorGreyL5, RedsiftColorGreyN, RedsiftColorLightComponentsAiAiBorder, RedsiftColorLightComponentsAiAiIcon, RedsiftColorLightComponentsAlertErrorBackground, RedsiftColorLightComponentsAlertErrorBorder, RedsiftColorLightComponentsAlertErrorIcon, RedsiftColorLightComponentsAlertInfoBackground, RedsiftColorLightComponentsAlertInfoBorder, RedsiftColorLightComponentsAlertInfoIcon, RedsiftColorLightComponentsAlertSuccessBackground, RedsiftColorLightComponentsAlertSuccessBorder, RedsiftColorLightComponentsAlertSuccessIcon, RedsiftColorLightComponentsAlertText, RedsiftColorLightComponentsAlertWarningBackground, RedsiftColorLightComponentsAlertWarningBorder, RedsiftColorLightComponentsAlertWarningIcon, RedsiftColorLightComponentsAppBarBackground, RedsiftColorLightComponentsAppBarBorder, RedsiftColorLightComponentsAppBarBreadcrumbDefault, RedsiftColorLightComponentsAppBarBreadcrumbDown, RedsiftColorLightComponentsAppBarBreadcrumbHover, RedsiftColorLightComponentsAppBarIconBackgroundActive, RedsiftColorLightComponentsAppBarIconBackgroundActiveDown, RedsiftColorLightComponentsAppBarIconBackgroundActiveHover, RedsiftColorLightComponentsAppBarIconBackgroundDown, RedsiftColorLightComponentsAppBarIconBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextHover, RedsiftColorLightComponentsCheckboxFillDefault, RedsiftColorLightComponentsCheckboxFillDefaultHover, RedsiftColorLightComponentsCheckboxFillDisabled, RedsiftColorLightComponentsCheckboxFillInvalid, RedsiftColorLightComponentsCheckboxFillInvalidHover, RedsiftColorLightComponentsCheckboxFillUncolored, RedsiftColorLightComponentsCheckboxFillUncoloredHover, RedsiftColorLightComponentsCheckboxTextDefault, RedsiftColorLightComponentsCheckboxTextDisabled, RedsiftColorLightComponentsCheckboxTextInvalid, RedsiftColorLightComponentsDropdownsAndMenusClickBackground, RedsiftColorLightComponentsDropdownsAndMenusClickText, RedsiftColorLightComponentsDropdownsAndMenusDefaultBackground, RedsiftColorLightComponentsDropdownsAndMenusDefaultText, RedsiftColorLightComponentsDropdownsAndMenusDividers, RedsiftColorLightComponentsDropdownsAndMenusHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveText, RedsiftColorLightComponentsIconsDefault, RedsiftColorLightComponentsModalBackground, RedsiftColorLightComponentsPageBackground, RedsiftColorLightComponentsPillsAquaDefaultBackground, RedsiftColorLightComponentsPillsAquaDefaultBorder, RedsiftColorLightComponentsPillsAquaDefaultText, RedsiftColorLightComponentsPillsAquaDisabledBackground, RedsiftColorLightComponentsPillsAquaDisabledBorder, RedsiftColorLightComponentsPillsAquaDisabledText, RedsiftColorLightComponentsPillsAquaHoverBackground, RedsiftColorLightComponentsPillsAquaHoverBorder, RedsiftColorLightComponentsPillsAquaHoverText, RedsiftColorLightComponentsPillsBlackDefaultBackground, RedsiftColorLightComponentsPillsBlackDefaultBorder, RedsiftColorLightComponentsPillsBlackDefaultText, RedsiftColorLightComponentsPillsBlackDisabledBackground, RedsiftColorLightComponentsPillsBlackDisabledBorder, RedsiftColorLightComponentsPillsBlackDisabledText, RedsiftColorLightComponentsPillsBlackHoverBackground, RedsiftColorLightComponentsPillsBlackHoverBorder, RedsiftColorLightComponentsPillsBlackHoverText, RedsiftColorLightComponentsPillsBlueDefaultBackground, RedsiftColorLightComponentsPillsBlueDefaultBorder, RedsiftColorLightComponentsPillsBlueDefaultText, RedsiftColorLightComponentsPillsBlueDisabledBackground, RedsiftColorLightComponentsPillsBlueDisabledBorder, RedsiftColorLightComponentsPillsBlueDisabledText, RedsiftColorLightComponentsPillsBlueHoverBackground, RedsiftColorLightComponentsPillsBlueHoverBorder, RedsiftColorLightComponentsPillsBlueHoverText, RedsiftColorLightComponentsPillsBrownDefaultBackground, RedsiftColorLightComponentsPillsBrownDefaultBorder, RedsiftColorLightComponentsPillsBrownDefaultText, RedsiftColorLightComponentsPillsBrownDisabledBackground, RedsiftColorLightComponentsPillsBrownDisabledBorder, RedsiftColorLightComponentsPillsBrownDisabledText, RedsiftColorLightComponentsPillsBrownHoverBackground, RedsiftColorLightComponentsPillsBrownHoverBorder, RedsiftColorLightComponentsPillsBrownHoverText, RedsiftColorLightComponentsPillsDarkGreyDefaultBackground, RedsiftColorLightComponentsPillsDarkGreyDefaultBorder, RedsiftColorLightComponentsPillsDarkGreyDefaultText, RedsiftColorLightComponentsPillsDarkGreyDisabledBackground, RedsiftColorLightComponentsPillsDarkGreyDisabledBorder, RedsiftColorLightComponentsPillsDarkGreyDisabledText, RedsiftColorLightComponentsPillsDarkGreyHoverBackground, RedsiftColorLightComponentsPillsDarkGreyHoverBorder, RedsiftColorLightComponentsPillsDarkGreyHoverText, RedsiftColorLightComponentsPillsErrorDarkDefaultBackground, RedsiftColorLightComponentsPillsErrorDarkDefaultBorder, RedsiftColorLightComponentsPillsErrorDarkDefaultText, RedsiftColorLightComponentsPillsErrorDarkDisabledBackground, RedsiftColorLightComponentsPillsErrorDarkDisabledBorder, RedsiftColorLightComponentsPillsErrorDarkDisabledText, RedsiftColorLightComponentsPillsErrorDarkHoverBackground, RedsiftColorLightComponentsPillsErrorDarkHoverBorder, RedsiftColorLightComponentsPillsErrorDarkHoverText, RedsiftColorLightComponentsPillsErrorDefaultBackground, RedsiftColorLightComponentsPillsErrorDefaultBorder, RedsiftColorLightComponentsPillsErrorDefaultText, RedsiftColorLightComponentsPillsErrorDisabledBackground, RedsiftColorLightComponentsPillsErrorDisabledBorder, RedsiftColorLightComponentsPillsErrorDisabledText, RedsiftColorLightComponentsPillsErrorHoverBackground, RedsiftColorLightComponentsPillsErrorHoverBorder, RedsiftColorLightComponentsPillsErrorHoverText, RedsiftColorLightComponentsPillsGreenDefaultBackground, RedsiftColorLightComponentsPillsGreenDefaultBorder, RedsiftColorLightComponentsPillsGreenDefaultText, RedsiftColorLightComponentsPillsGreenDisabledBackground, RedsiftColorLightComponentsPillsGreenDisabledBorder, RedsiftColorLightComponentsPillsGreenDisabledText, RedsiftColorLightComponentsPillsGreenHoverBackground, RedsiftColorLightComponentsPillsGreenHoverBorder, RedsiftColorLightComponentsPillsGreenHoverText, RedsiftColorLightComponentsPillsGreyDefaultBackground, RedsiftColorLightComponentsPillsGreyDefaultBorder, RedsiftColorLightComponentsPillsGreyDefaultText, RedsiftColorLightComponentsPillsGreyDisabledBackground, RedsiftColorLightComponentsPillsGreyDisabledBorder, RedsiftColorLightComponentsPillsGreyDisabledText, RedsiftColorLightComponentsPillsGreyHoverBackground, RedsiftColorLightComponentsPillsGreyHoverBorder, RedsiftColorLightComponentsPillsGreyHoverText, RedsiftColorLightComponentsPillsLightGreyDefaultBackground, RedsiftColorLightComponentsPillsLightGreyDefaultBorder, RedsiftColorLightComponentsPillsLightGreyDefaultText, RedsiftColorLightComponentsPillsLightGreyDisabledBackground, RedsiftColorLightComponentsPillsLightGreyDisabledBorder, RedsiftColorLightComponentsPillsLightGreyDisabledText, RedsiftColorLightComponentsPillsLightGreyHoverBackground, RedsiftColorLightComponentsPillsLightGreyHoverBorder, RedsiftColorLightComponentsPillsLightGreyHoverText, RedsiftColorLightComponentsPillsMidGreyDefaultBackground, RedsiftColorLightComponentsPillsMidGreyDefaultBorder, RedsiftColorLightComponentsPillsMidGreyDefaultText, RedsiftColorLightComponentsPillsMidGreyDisabledBackground, RedsiftColorLightComponentsPillsMidGreyDisabledBorder, RedsiftColorLightComponentsPillsMidGreyDisabledText, RedsiftColorLightComponentsPillsMidGreyHoverBackground, RedsiftColorLightComponentsPillsMidGreyHoverBorder, RedsiftColorLightComponentsPillsMidGreyHoverText, RedsiftColorLightComponentsPillsOrangeDefaultBackground, RedsiftColorLightComponentsPillsOrangeDefaultBorder, RedsiftColorLightComponentsPillsOrangeDefaultText, RedsiftColorLightComponentsPillsOrangeDisabledBackground, RedsiftColorLightComponentsPillsOrangeDisabledBorder, RedsiftColorLightComponentsPillsOrangeDisabledText, RedsiftColorLightComponentsPillsOrangeHoverBackground, RedsiftColorLightComponentsPillsOrangeHoverBorder, RedsiftColorLightComponentsPillsOrangeHoverText, RedsiftColorLightComponentsPillsPinkDefaultBackground, RedsiftColorLightComponentsPillsPinkDefaultBorder, RedsiftColorLightComponentsPillsPinkDefaultText, RedsiftColorLightComponentsPillsPinkDisabledBackground, RedsiftColorLightComponentsPillsPinkDisabledBorder, RedsiftColorLightComponentsPillsPinkDisabledText, RedsiftColorLightComponentsPillsPinkHoverBackground, RedsiftColorLightComponentsPillsPinkHoverBorder, RedsiftColorLightComponentsPillsPinkHoverText, RedsiftColorLightComponentsPillsPurpleDefaultBackground, RedsiftColorLightComponentsPillsPurpleDefaultBorder, RedsiftColorLightComponentsPillsPurpleDefaultText, RedsiftColorLightComponentsPillsPurpleDisabledBackground, RedsiftColorLightComponentsPillsPurpleDisabledBorder, RedsiftColorLightComponentsPillsPurpleDisabledText, RedsiftColorLightComponentsPillsPurpleHoverBackground, RedsiftColorLightComponentsPillsPurpleHoverBorder, RedsiftColorLightComponentsPillsPurpleHoverText, RedsiftColorLightComponentsPillsRedDefaultBackground, RedsiftColorLightComponentsPillsRedDefaultBorder, RedsiftColorLightComponentsPillsRedDefaultText, RedsiftColorLightComponentsPillsRedDisabledBackground, RedsiftColorLightComponentsPillsRedDisabledBorder, RedsiftColorLightComponentsPillsRedDisabledText, RedsiftColorLightComponentsPillsRedHoverBackground, RedsiftColorLightComponentsPillsRedHoverBorder, RedsiftColorLightComponentsPillsRedHoverText, RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground, RedsiftColorLightComponentsPillsSuccessDarkDefaultBorder, RedsiftColorLightComponentsPillsSuccessDarkDefaultText, RedsiftColorLightComponentsPillsSuccessDarkDisabledBackground, RedsiftColorLightComponentsPillsSuccessDarkDisabledBorder, RedsiftColorLightComponentsPillsSuccessDarkDisabledText, RedsiftColorLightComponentsPillsSuccessDarkHoverBackground, RedsiftColorLightComponentsPillsSuccessDarkHoverBorder, RedsiftColorLightComponentsPillsSuccessDarkHoverText, RedsiftColorLightComponentsPillsSuccessDefaultBackground, RedsiftColorLightComponentsPillsSuccessDefaultBorder, RedsiftColorLightComponentsPillsSuccessDefaultText, RedsiftColorLightComponentsPillsSuccessDisabledBackground, RedsiftColorLightComponentsPillsSuccessDisabledBorder, RedsiftColorLightComponentsPillsSuccessDisabledText, RedsiftColorLightComponentsPillsSuccessHoverBackground, RedsiftColorLightComponentsPillsSuccessHoverBorder, RedsiftColorLightComponentsPillsSuccessHoverText, RedsiftColorLightComponentsPillsWarningDarkDefaultBackground, RedsiftColorLightComponentsPillsWarningDarkDefaultBorder, RedsiftColorLightComponentsPillsWarningDarkDefaultText, RedsiftColorLightComponentsPillsWarningDarkDisabledBackground, RedsiftColorLightComponentsPillsWarningDarkDisabledBorder, RedsiftColorLightComponentsPillsWarningDarkDisabledText, RedsiftColorLightComponentsPillsWarningDarkHoverBackground, RedsiftColorLightComponentsPillsWarningDarkHoverBorder, RedsiftColorLightComponentsPillsWarningDarkHoverText, RedsiftColorLightComponentsPillsWarningDefaultBackground, RedsiftColorLightComponentsPillsWarningDefaultBorder, RedsiftColorLightComponentsPillsWarningDefaultText, RedsiftColorLightComponentsPillsWarningDisabledBackground, RedsiftColorLightComponentsPillsWarningDisabledBorder, RedsiftColorLightComponentsPillsWarningDisabledText, RedsiftColorLightComponentsPillsWarningHoverBackground, RedsiftColorLightComponentsPillsWarningHoverBorder, RedsiftColorLightComponentsPillsWarningHoverText, RedsiftColorLightComponentsPillsWhiteDefaultBackground, RedsiftColorLightComponentsPillsWhiteDefaultBorder, RedsiftColorLightComponentsPillsWhiteDefaultText, RedsiftColorLightComponentsPillsWhiteDisabledBackground, RedsiftColorLightComponentsPillsWhiteDisabledBorder, RedsiftColorLightComponentsPillsWhiteDisabledText, RedsiftColorLightComponentsPillsWhiteHoverBackground, RedsiftColorLightComponentsPillsWhiteHoverBorder, RedsiftColorLightComponentsPillsWhiteHoverText, RedsiftColorLightComponentsPillsXDarkGreyDefaultBackground, RedsiftColorLightComponentsPillsXDarkGreyDefaultBorder, RedsiftColorLightComponentsPillsXDarkGreyDefaultText, RedsiftColorLightComponentsPillsXDarkGreyDisabledBackground, RedsiftColorLightComponentsPillsXDarkGreyDisabledBorder, RedsiftColorLightComponentsPillsXDarkGreyDisabledText, RedsiftColorLightComponentsPillsXDarkGreyHoverBackground, RedsiftColorLightComponentsPillsXDarkGreyHoverBorder, RedsiftColorLightComponentsPillsXDarkGreyHoverText, RedsiftColorLightComponentsPillsXLightGreyDefaultBackground, RedsiftColorLightComponentsPillsXLightGreyDefaultBorder, RedsiftColorLightComponentsPillsXLightGreyDefaultText, RedsiftColorLightComponentsPillsXLightGreyDisabledBackground, RedsiftColorLightComponentsPillsXLightGreyDisabledBorder, RedsiftColorLightComponentsPillsXLightGreyDisabledText, RedsiftColorLightComponentsPillsXLightGreyHoverBackground, RedsiftColorLightComponentsPillsXLightGreyHoverBorder, RedsiftColorLightComponentsPillsXLightGreyHoverText, RedsiftColorLightComponentsPillsYellowDefaultBackground, RedsiftColorLightComponentsPillsYellowDefaultBorder, RedsiftColorLightComponentsPillsYellowDefaultText, RedsiftColorLightComponentsPillsYellowDisabledBackground, RedsiftColorLightComponentsPillsYellowDisabledBorder, RedsiftColorLightComponentsPillsYellowDisabledText, RedsiftColorLightComponentsPillsYellowHoverBackground, RedsiftColorLightComponentsPillsYellowHoverBorder, RedsiftColorLightComponentsPillsYellowHoverText, RedsiftColorLightComponentsProductLogosIconGrey, RedsiftColorLightComponentsProductLogosIconRed, RedsiftColorLightComponentsProductLogosTextGrey, RedsiftColorLightComponentsProductLogosTextRed, RedsiftColorLightComponentsProductLogosTextWhite, RedsiftColorLightComponentsRadioFillDefault, RedsiftColorLightComponentsRadioFillDefaultHover, RedsiftColorLightComponentsRadioFillDisabled, RedsiftColorLightComponentsRadioFillInvalid, RedsiftColorLightComponentsRadioFillInvalidHover, RedsiftColorLightComponentsRadioFillUncolored, RedsiftColorLightComponentsRadioFillUncoloredHover, RedsiftColorLightComponentsRadioTextDefault, RedsiftColorLightComponentsRadioTextDisabled, RedsiftColorLightComponentsRadioTextInvalid, RedsiftColorLightComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorLightComponentsRedSiftLogoDiamondBottomRight, RedsiftColorLightComponentsRedSiftLogoDiamondDark, RedsiftColorLightComponentsRedSiftLogoDiamondLight, RedsiftColorLightComponentsRedSiftLogoDiamondMid, RedsiftColorLightComponentsRedSiftLogoDiamondTopRight, RedsiftColorLightComponentsRedSiftLogoIconBackground, RedsiftColorLightComponentsRedSiftLogoIconR, RedsiftColorLightComponentsRedSiftLogoTextGrey, RedsiftColorLightComponentsRedSiftLogoTextRed, RedsiftColorLightComponentsRedSiftLogoTextWhite, RedsiftColorLightComponentsSideNavigationBackground, RedsiftColorLightComponentsSideNavigationCurrentMarker, RedsiftColorLightComponentsSideNavigationMenuItemActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorLightComponentsSideNavigationMenuItemTextDisabled, RedsiftColorLightComponentsSideNavigationMenuItemTextHover, RedsiftColorLightComponentsSideNavigationMenuItemTextResting, RedsiftColorLightComponentsSideNavigationRightLine, RedsiftColorLightComponentsSideNavigationScrollbarHover, RedsiftColorLightComponentsSideNavigationScrollbarResting, RedsiftColorLightComponentsSpinnerSpinner, RedsiftColorLightComponentsSwitchBackgroundDefault, RedsiftColorLightComponentsSwitchBackgroundDefaultActive, RedsiftColorLightComponentsSwitchBackgroundDisabled, RedsiftColorLightComponentsSwitchBackgroundDisabledActive, RedsiftColorLightComponentsSwitchBackgroundInvalid, RedsiftColorLightComponentsSwitchBackgroundInvalidActive, RedsiftColorLightComponentsSwitchBackgroundUncolored, RedsiftColorLightComponentsSwitchBackgroundUncoloredActive, RedsiftColorLightComponentsSwitchDotDefault, RedsiftColorLightComponentsSwitchDotDefaultHover, RedsiftColorLightComponentsSwitchDotDisabled, RedsiftColorLightComponentsSwitchDotInvalid, RedsiftColorLightComponentsSwitchDotInvalidHover, RedsiftColorLightComponentsSwitchDotUncolored, RedsiftColorLightComponentsSwitchDotUncoloredHover, RedsiftColorLightComponentsSwitchTextDefault, RedsiftColorLightComponentsSwitchTextDisabled, RedsiftColorLightComponentsSwitchTextInvalid, RedsiftColorLightComponentsTabsLine, RedsiftColorLightComponentsTextPrimary, RedsiftColorLightComponentsTextSecondary, RedsiftColorLightComponentsTooltipBackground, RedsiftColorLightComponentsTooltipText, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkGrey, RedsiftColorNeutralDisabled, RedsiftColorNeutralLightGrey, RedsiftColorNeutralMidGrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralXLightGrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsPrimaryActive, RedsiftColorNotificationsPrimaryHover, RedsiftColorNotificationsPrimaryPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSecondaryActive, RedsiftColorNotificationsSecondaryHover, RedsiftColorNotificationsSecondaryPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorPrimaryD1, RedsiftColorPrimaryD2, RedsiftColorPrimaryD3, RedsiftColorPrimaryD4, RedsiftColorPrimaryL1, RedsiftColorPrimaryL2, RedsiftColorPrimaryL3, RedsiftColorPrimaryL4, RedsiftColorPrimaryN, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductHardenize, RedsiftColorProductOnDmarc, RedsiftColorProductOnInbox, RedsiftColorProductOndmarc, RedsiftColorProductOninbox, RedsiftColorProductPulse, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedD1, RedsiftColorRedD2, RedsiftColorRedD3, RedsiftColorRedD4, RedsiftColorRedL1, RedsiftColorRedL2, RedsiftColorRedL3, RedsiftColorRedL4, RedsiftColorRedN, RedsiftColorSecondaryD1, RedsiftColorSecondaryD2, RedsiftColorSecondaryD3, RedsiftColorSecondaryD4, RedsiftColorSecondaryL1, RedsiftColorSecondaryL2, RedsiftColorSecondaryL3, RedsiftColorSecondaryL4, RedsiftColorSecondaryN, RedsiftColorTealD1, RedsiftColorTealD2, RedsiftColorTealD3, RedsiftColorTealD4, RedsiftColorTealL1, RedsiftColorTealL2, RedsiftColorTealL3, RedsiftColorTealL4, RedsiftColorTealN, RedsiftColorTextPrimary, RedsiftColorTextSecondary, RedsiftColorYellowD1, RedsiftColorYellowD2, RedsiftColorYellowD3, RedsiftColorYellowD4, RedsiftColorYellowL1, RedsiftColorYellowL2, RedsiftColorYellowL3, RedsiftColorYellowL4, RedsiftColorYellowN, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, SSRProvider, SSRProviderProps, filterComponents, getCanvasFont, getCssStyle, getMaxTextWidth, getTextWidth, isComponent, nextId, partitionComponents, resetId, setPrefix, useBoundingClientRect, useCollator, useComputeNumberOfRows, useDateFormatter, useFilter, useId, useIsLoaded, useIsSSR, useListFormatter, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter, useSSRSafeId, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
4667
|
+
export { ActiveDescendantListbox, Alert, AlertProps, AlertStyleVariant, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, AppSidePanelVariant, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BorderProps, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonGroup, ButtonGroupColor, ButtonGroupProps, ButtonGroupVariant, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, ButtonsColorPalette, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DateFormatter, DateFormatterOptions, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, Falsy, Filter, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FocusWithinGroup, FocusWithinGroupAction, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupContextProps, FocusWithinGroupOptions, FocusWithinGroupProps, FocusWithinGroupReducer, FocusWithinGroupState, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, I18nProvider, I18nProviderProps, Icon, IconButton, IconButtonColor, IconButtonLink, IconButtonLinkProps, IconButtonProps, IconButtonVariant, IconDimensions, IconProps, IconSize, InternalSpacingProps, Item, ItemColor, ItemProps, JustifyContent, JustifyItems, JustifySelf, KeyDirection, LISTBOX_INITIAL_STATE, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Listbox, ListboxAction, ListboxActionType, ListboxContext, ListboxContextProps, ListboxProps, ListboxReducer, ListboxSelectionMode, ListboxState, ListboxVariant, Locale, LocalizedStringFormatter, LocalizedStrings, Menu, MenuBarItems, MenuItem, Navigation, NeutralColorPalette, NotificationsColorPalette, Number, NumberField, NumberFieldProps, NumberFieldVariant, NumberFormatOptions$1 as NumberFormatOptions, NumberProps, Pill, PillProps, PillSize, PositioningProps, PresentationColorPalette, PrimaryButtonsColorPalette, PrimaryColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, ProgressBar, ProgressBarProps, RadarSvgLinearGradient, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftBorderRadius, RedsiftColorBlueD1, RedsiftColorBlueD2, RedsiftColorBlueD3, RedsiftColorBlueD4, RedsiftColorBlueL1, RedsiftColorBlueL2, RedsiftColorBlueL3, RedsiftColorBlueL4, RedsiftColorBlueN, RedsiftColorBordersBorderDefault, RedsiftColorBordersBorderDisabled, RedsiftColorBordersBorderDivider, RedsiftColorBordersBorderError, RedsiftColorBordersBorderPrimary, RedsiftColorBordersBorderSecondary, RedsiftColorBordersBorderSuccess, RedsiftColorDarkComponentsAiAiBorder, RedsiftColorDarkComponentsAiAiIcon, RedsiftColorDarkComponentsAlertErrorBackground, RedsiftColorDarkComponentsAlertErrorBorder, RedsiftColorDarkComponentsAlertErrorIcon, RedsiftColorDarkComponentsAlertInfoBackground, RedsiftColorDarkComponentsAlertInfoBorder, RedsiftColorDarkComponentsAlertInfoIcon, RedsiftColorDarkComponentsAlertSuccessBackground, RedsiftColorDarkComponentsAlertSuccessBorder, RedsiftColorDarkComponentsAlertSuccessIcon, RedsiftColorDarkComponentsAlertText, RedsiftColorDarkComponentsAlertWarningBackground, RedsiftColorDarkComponentsAlertWarningBorder, RedsiftColorDarkComponentsAlertWarningIcon, RedsiftColorDarkComponentsAppBarBackground, RedsiftColorDarkComponentsAppBarBorder, RedsiftColorDarkComponentsAppBarBreadcrumbDefault, RedsiftColorDarkComponentsAppBarBreadcrumbDown, RedsiftColorDarkComponentsAppBarBreadcrumbHover, RedsiftColorDarkComponentsAppBarIconBackgroundActive, RedsiftColorDarkComponentsAppBarIconBackgroundActiveDown, RedsiftColorDarkComponentsAppBarIconBackgroundActiveHover, RedsiftColorDarkComponentsAppBarIconBackgroundDown, RedsiftColorDarkComponentsAppBarIconBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextHover, RedsiftColorDarkComponentsCheckboxFillDefault, RedsiftColorDarkComponentsCheckboxFillDefaultHover, RedsiftColorDarkComponentsCheckboxFillDisabled, RedsiftColorDarkComponentsCheckboxFillInvalid, RedsiftColorDarkComponentsCheckboxFillInvalidHover, RedsiftColorDarkComponentsCheckboxFillUncolored, RedsiftColorDarkComponentsCheckboxFillUncoloredHover, RedsiftColorDarkComponentsCheckboxTextDefault, RedsiftColorDarkComponentsCheckboxTextDisabled, RedsiftColorDarkComponentsCheckboxTextInvalid, RedsiftColorDarkComponentsDropdownsAndMenusClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusClickText, RedsiftColorDarkComponentsDropdownsAndMenusDefaultBackground, RedsiftColorDarkComponentsDropdownsAndMenusDefaultText, RedsiftColorDarkComponentsDropdownsAndMenusDividers, RedsiftColorDarkComponentsDropdownsAndMenusHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveText, RedsiftColorDarkComponentsIconsDefault, RedsiftColorDarkComponentsModalBackground, RedsiftColorDarkComponentsPageBackground, RedsiftColorDarkComponentsPillsAquaDefaultBackground, RedsiftColorDarkComponentsPillsAquaDefaultBorder, RedsiftColorDarkComponentsPillsAquaDefaultText, RedsiftColorDarkComponentsPillsAquaDisabledBackground, RedsiftColorDarkComponentsPillsAquaDisabledBorder, RedsiftColorDarkComponentsPillsAquaDisabledText, RedsiftColorDarkComponentsPillsAquaHoverBackground, RedsiftColorDarkComponentsPillsAquaHoverBorder, RedsiftColorDarkComponentsPillsAquaHoverText, RedsiftColorDarkComponentsPillsBlackDefaultBackground, RedsiftColorDarkComponentsPillsBlackDefaultBorder, RedsiftColorDarkComponentsPillsBlackDefaultText, RedsiftColorDarkComponentsPillsBlackDisabledBackground, RedsiftColorDarkComponentsPillsBlackDisabledBorder, RedsiftColorDarkComponentsPillsBlackDisabledText, RedsiftColorDarkComponentsPillsBlackHoverBackground, RedsiftColorDarkComponentsPillsBlackHoverBorder, RedsiftColorDarkComponentsPillsBlackHoverText, RedsiftColorDarkComponentsPillsBlueDefaultBackground, RedsiftColorDarkComponentsPillsBlueDefaultBorder, RedsiftColorDarkComponentsPillsBlueDefaultText, RedsiftColorDarkComponentsPillsBlueDisabledBackground, RedsiftColorDarkComponentsPillsBlueDisabledBorder, RedsiftColorDarkComponentsPillsBlueDisabledText, RedsiftColorDarkComponentsPillsBlueHoverBackground, RedsiftColorDarkComponentsPillsBlueHoverBorder, RedsiftColorDarkComponentsPillsBlueHoverText, RedsiftColorDarkComponentsPillsBrownDefaultBackground, RedsiftColorDarkComponentsPillsBrownDefaultBorder, RedsiftColorDarkComponentsPillsBrownDefaultText, RedsiftColorDarkComponentsPillsBrownDisabledBackground, RedsiftColorDarkComponentsPillsBrownDisabledBorder, RedsiftColorDarkComponentsPillsBrownDisabledText, RedsiftColorDarkComponentsPillsBrownHoverBackground, RedsiftColorDarkComponentsPillsBrownHoverBorder, RedsiftColorDarkComponentsPillsBrownHoverText, RedsiftColorDarkComponentsPillsDarkGreyDefaultBackground, RedsiftColorDarkComponentsPillsDarkGreyDefaultBorder, RedsiftColorDarkComponentsPillsDarkGreyDefaultText, RedsiftColorDarkComponentsPillsDarkGreyDisabledBackground, RedsiftColorDarkComponentsPillsDarkGreyDisabledBorder, RedsiftColorDarkComponentsPillsDarkGreyDisabledText, RedsiftColorDarkComponentsPillsDarkGreyHoverBackground, RedsiftColorDarkComponentsPillsDarkGreyHoverBorder, RedsiftColorDarkComponentsPillsDarkGreyHoverText, RedsiftColorDarkComponentsPillsErrorDarkDefaultBackground, RedsiftColorDarkComponentsPillsErrorDarkDefaultBorder, RedsiftColorDarkComponentsPillsErrorDarkDefaultText, RedsiftColorDarkComponentsPillsErrorDarkDisabledBackground, RedsiftColorDarkComponentsPillsErrorDarkDisabledBorder, RedsiftColorDarkComponentsPillsErrorDarkDisabledText, RedsiftColorDarkComponentsPillsErrorDarkHoverBackground, RedsiftColorDarkComponentsPillsErrorDarkHoverBorder, RedsiftColorDarkComponentsPillsErrorDarkHoverText, RedsiftColorDarkComponentsPillsErrorDefaultBackground, RedsiftColorDarkComponentsPillsErrorDefaultBorder, RedsiftColorDarkComponentsPillsErrorDefaultText, RedsiftColorDarkComponentsPillsErrorDisabledBackground, RedsiftColorDarkComponentsPillsErrorDisabledBorder, RedsiftColorDarkComponentsPillsErrorDisabledText, RedsiftColorDarkComponentsPillsErrorHoverBackground, RedsiftColorDarkComponentsPillsErrorHoverBorder, RedsiftColorDarkComponentsPillsErrorHoverText, RedsiftColorDarkComponentsPillsGreenDefaultBackground, RedsiftColorDarkComponentsPillsGreenDefaultBorder, RedsiftColorDarkComponentsPillsGreenDefaultText, RedsiftColorDarkComponentsPillsGreenDisabledBackground, RedsiftColorDarkComponentsPillsGreenDisabledBorder, RedsiftColorDarkComponentsPillsGreenDisabledText, RedsiftColorDarkComponentsPillsGreenHoverBackground, RedsiftColorDarkComponentsPillsGreenHoverBorder, RedsiftColorDarkComponentsPillsGreenHoverText, RedsiftColorDarkComponentsPillsGreyDefaultBackground, RedsiftColorDarkComponentsPillsGreyDefaultBorder, RedsiftColorDarkComponentsPillsGreyDefaultText, RedsiftColorDarkComponentsPillsGreyDisabledBackground, RedsiftColorDarkComponentsPillsGreyDisabledBorder, RedsiftColorDarkComponentsPillsGreyDisabledText, RedsiftColorDarkComponentsPillsGreyHoverBackground, RedsiftColorDarkComponentsPillsGreyHoverBorder, RedsiftColorDarkComponentsPillsGreyHoverText, RedsiftColorDarkComponentsPillsLightGreyDefaultBackground, RedsiftColorDarkComponentsPillsLightGreyDefaultBorder, RedsiftColorDarkComponentsPillsLightGreyDefaultText, RedsiftColorDarkComponentsPillsLightGreyDisabledBackground, RedsiftColorDarkComponentsPillsLightGreyDisabledBorder, RedsiftColorDarkComponentsPillsLightGreyDisabledText, RedsiftColorDarkComponentsPillsLightGreyHoverBackground, RedsiftColorDarkComponentsPillsLightGreyHoverBorder, RedsiftColorDarkComponentsPillsLightGreyHoverText, RedsiftColorDarkComponentsPillsMidGreyDefaultBackground, RedsiftColorDarkComponentsPillsMidGreyDefaultBorder, RedsiftColorDarkComponentsPillsMidGreyDefaultText, RedsiftColorDarkComponentsPillsMidGreyDisabledBackground, RedsiftColorDarkComponentsPillsMidGreyDisabledBorder, RedsiftColorDarkComponentsPillsMidGreyDisabledText, RedsiftColorDarkComponentsPillsMidGreyHoverBackground, RedsiftColorDarkComponentsPillsMidGreyHoverBorder, RedsiftColorDarkComponentsPillsMidGreyHoverText, RedsiftColorDarkComponentsPillsOrangeDefaultBackground, RedsiftColorDarkComponentsPillsOrangeDefaultBorder, RedsiftColorDarkComponentsPillsOrangeDefaultText, RedsiftColorDarkComponentsPillsOrangeDisabledBackground, RedsiftColorDarkComponentsPillsOrangeDisabledBorder, RedsiftColorDarkComponentsPillsOrangeDisabledText, RedsiftColorDarkComponentsPillsOrangeHoverBackground, RedsiftColorDarkComponentsPillsOrangeHoverBorder, RedsiftColorDarkComponentsPillsOrangeHoverText, RedsiftColorDarkComponentsPillsPinkDefaultBackground, RedsiftColorDarkComponentsPillsPinkDefaultBorder, RedsiftColorDarkComponentsPillsPinkDefaultText, RedsiftColorDarkComponentsPillsPinkDisabledBackground, RedsiftColorDarkComponentsPillsPinkDisabledBorder, RedsiftColorDarkComponentsPillsPinkDisabledText, RedsiftColorDarkComponentsPillsPinkHoverBackground, RedsiftColorDarkComponentsPillsPinkHoverBorder, RedsiftColorDarkComponentsPillsPinkHoverText, RedsiftColorDarkComponentsPillsPurpleDefaultBackground, RedsiftColorDarkComponentsPillsPurpleDefaultBorder, RedsiftColorDarkComponentsPillsPurpleDefaultText, RedsiftColorDarkComponentsPillsPurpleDisabledBackground, RedsiftColorDarkComponentsPillsPurpleDisabledBorder, RedsiftColorDarkComponentsPillsPurpleDisabledText, RedsiftColorDarkComponentsPillsPurpleHoverBackground, RedsiftColorDarkComponentsPillsPurpleHoverBorder, RedsiftColorDarkComponentsPillsPurpleHoverText, RedsiftColorDarkComponentsPillsRedDefaultBackground, RedsiftColorDarkComponentsPillsRedDefaultBorder, RedsiftColorDarkComponentsPillsRedDefaultText, RedsiftColorDarkComponentsPillsRedDisabledBackground, RedsiftColorDarkComponentsPillsRedDisabledBorder, RedsiftColorDarkComponentsPillsRedDisabledText, RedsiftColorDarkComponentsPillsRedHoverBackground, RedsiftColorDarkComponentsPillsRedHoverBorder, RedsiftColorDarkComponentsPillsRedHoverText, RedsiftColorDarkComponentsPillsSuccessDarkDefaultBackground, RedsiftColorDarkComponentsPillsSuccessDarkDefaultBorder, RedsiftColorDarkComponentsPillsSuccessDarkDefaultText, RedsiftColorDarkComponentsPillsSuccessDarkDisabledBackground, RedsiftColorDarkComponentsPillsSuccessDarkDisabledBorder, RedsiftColorDarkComponentsPillsSuccessDarkDisabledText, RedsiftColorDarkComponentsPillsSuccessDarkHoverBackground, RedsiftColorDarkComponentsPillsSuccessDarkHoverBorder, RedsiftColorDarkComponentsPillsSuccessDarkHoverText, RedsiftColorDarkComponentsPillsSuccessDefaultBackground, RedsiftColorDarkComponentsPillsSuccessDefaultBorder, RedsiftColorDarkComponentsPillsSuccessDefaultText, RedsiftColorDarkComponentsPillsSuccessDisabledBackground, RedsiftColorDarkComponentsPillsSuccessDisabledBorder, RedsiftColorDarkComponentsPillsSuccessDisabledText, RedsiftColorDarkComponentsPillsSuccessHoverBackground, RedsiftColorDarkComponentsPillsSuccessHoverBorder, RedsiftColorDarkComponentsPillsSuccessHoverText, RedsiftColorDarkComponentsPillsWarningDarkDefaultBackground, RedsiftColorDarkComponentsPillsWarningDarkDefaultBorder, RedsiftColorDarkComponentsPillsWarningDarkDefaultText, RedsiftColorDarkComponentsPillsWarningDarkDisabledBackground, RedsiftColorDarkComponentsPillsWarningDarkDisabledBorder, RedsiftColorDarkComponentsPillsWarningDarkDisabledText, RedsiftColorDarkComponentsPillsWarningDarkHoverBackground, RedsiftColorDarkComponentsPillsWarningDarkHoverBorder, RedsiftColorDarkComponentsPillsWarningDarkHoverText, RedsiftColorDarkComponentsPillsWarningDefaultBackground, RedsiftColorDarkComponentsPillsWarningDefaultBorder, RedsiftColorDarkComponentsPillsWarningDefaultText, RedsiftColorDarkComponentsPillsWarningDisabledBackground, RedsiftColorDarkComponentsPillsWarningDisabledBorder, RedsiftColorDarkComponentsPillsWarningDisabledText, RedsiftColorDarkComponentsPillsWarningHoverBackground, RedsiftColorDarkComponentsPillsWarningHoverBorder, RedsiftColorDarkComponentsPillsWarningHoverText, RedsiftColorDarkComponentsPillsWhiteDefaultBackground, RedsiftColorDarkComponentsPillsWhiteDefaultBorder, RedsiftColorDarkComponentsPillsWhiteDefaultText, RedsiftColorDarkComponentsPillsWhiteDisabledBackground, RedsiftColorDarkComponentsPillsWhiteDisabledBorder, RedsiftColorDarkComponentsPillsWhiteDisabledText, RedsiftColorDarkComponentsPillsWhiteHoverBackground, RedsiftColorDarkComponentsPillsWhiteHoverBorder, RedsiftColorDarkComponentsPillsWhiteHoverText, RedsiftColorDarkComponentsPillsXDarkGreyDefaultBackground, RedsiftColorDarkComponentsPillsXDarkGreyDefaultBorder, RedsiftColorDarkComponentsPillsXDarkGreyDefaultText, RedsiftColorDarkComponentsPillsXDarkGreyDisabledBackground, RedsiftColorDarkComponentsPillsXDarkGreyDisabledBorder, RedsiftColorDarkComponentsPillsXDarkGreyDisabledText, RedsiftColorDarkComponentsPillsXDarkGreyHoverBackground, RedsiftColorDarkComponentsPillsXDarkGreyHoverBorder, RedsiftColorDarkComponentsPillsXDarkGreyHoverText, RedsiftColorDarkComponentsPillsXLightGreyDefaultBackground, RedsiftColorDarkComponentsPillsXLightGreyDefaultBorder, RedsiftColorDarkComponentsPillsXLightGreyDefaultText, RedsiftColorDarkComponentsPillsXLightGreyDisabledBackground, RedsiftColorDarkComponentsPillsXLightGreyDisabledBorder, RedsiftColorDarkComponentsPillsXLightGreyDisabledText, RedsiftColorDarkComponentsPillsXLightGreyHoverBackground, RedsiftColorDarkComponentsPillsXLightGreyHoverBorder, RedsiftColorDarkComponentsPillsXLightGreyHoverText, RedsiftColorDarkComponentsPillsYellowDefaultBackground, RedsiftColorDarkComponentsPillsYellowDefaultBorder, RedsiftColorDarkComponentsPillsYellowDefaultText, RedsiftColorDarkComponentsPillsYellowDisabledBackground, RedsiftColorDarkComponentsPillsYellowDisabledBorder, RedsiftColorDarkComponentsPillsYellowDisabledText, RedsiftColorDarkComponentsPillsYellowHoverBackground, RedsiftColorDarkComponentsPillsYellowHoverBorder, RedsiftColorDarkComponentsPillsYellowHoverText, RedsiftColorDarkComponentsProductLogosIconGrey, RedsiftColorDarkComponentsProductLogosIconRed, RedsiftColorDarkComponentsProductLogosTextGrey, RedsiftColorDarkComponentsProductLogosTextRed, RedsiftColorDarkComponentsProductLogosTextWhite, RedsiftColorDarkComponentsRadioFillDefault, RedsiftColorDarkComponentsRadioFillDefaultHover, RedsiftColorDarkComponentsRadioFillDisabled, RedsiftColorDarkComponentsRadioFillInvalid, RedsiftColorDarkComponentsRadioFillInvalidHover, RedsiftColorDarkComponentsRadioFillUncolored, RedsiftColorDarkComponentsRadioFillUncoloredHover, RedsiftColorDarkComponentsRadioTextDefault, RedsiftColorDarkComponentsRadioTextDisabled, RedsiftColorDarkComponentsRadioTextInvalid, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomRight, RedsiftColorDarkComponentsRedSiftLogoDiamondDark, RedsiftColorDarkComponentsRedSiftLogoDiamondLight, RedsiftColorDarkComponentsRedSiftLogoDiamondMid, RedsiftColorDarkComponentsRedSiftLogoDiamondTopRight, RedsiftColorDarkComponentsRedSiftLogoIconBackground, RedsiftColorDarkComponentsRedSiftLogoIconR, RedsiftColorDarkComponentsRedSiftLogoTextGrey, RedsiftColorDarkComponentsRedSiftLogoTextRed, RedsiftColorDarkComponentsRedSiftLogoTextWhite, RedsiftColorDarkComponentsSideNavigationBackground, RedsiftColorDarkComponentsSideNavigationCurrentMarker, RedsiftColorDarkComponentsSideNavigationMenuItemActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorDarkComponentsSideNavigationMenuItemTextDisabled, RedsiftColorDarkComponentsSideNavigationMenuItemTextHover, RedsiftColorDarkComponentsSideNavigationMenuItemTextResting, RedsiftColorDarkComponentsSideNavigationRightLine, RedsiftColorDarkComponentsSideNavigationScrollbarHover, RedsiftColorDarkComponentsSideNavigationScrollbarResting, RedsiftColorDarkComponentsSpinnerSpinner, RedsiftColorDarkComponentsSwitchBackgroundDefault, RedsiftColorDarkComponentsSwitchBackgroundDefaultActive, RedsiftColorDarkComponentsSwitchBackgroundDisabled, RedsiftColorDarkComponentsSwitchBackgroundDisabledActive, RedsiftColorDarkComponentsSwitchBackgroundInvalid, RedsiftColorDarkComponentsSwitchBackgroundInvalidActive, RedsiftColorDarkComponentsSwitchBackgroundUncolored, RedsiftColorDarkComponentsSwitchBackgroundUncoloredActive, RedsiftColorDarkComponentsSwitchDotDefault, RedsiftColorDarkComponentsSwitchDotDefaultHover, RedsiftColorDarkComponentsSwitchDotDisabled, RedsiftColorDarkComponentsSwitchDotInvalid, RedsiftColorDarkComponentsSwitchDotInvalidHover, RedsiftColorDarkComponentsSwitchDotUncolored, RedsiftColorDarkComponentsSwitchDotUncoloredHover, RedsiftColorDarkComponentsSwitchTextDefault, RedsiftColorDarkComponentsSwitchTextDisabled, RedsiftColorDarkComponentsSwitchTextInvalid, RedsiftColorDarkComponentsTabsLine, RedsiftColorDarkComponentsTextPrimary, RedsiftColorDarkComponentsTextSecondary, RedsiftColorDarkComponentsTooltipBackground, RedsiftColorDarkComponentsTooltipText, RedsiftColorGreenD1, RedsiftColorGreenD2, RedsiftColorGreenD3, RedsiftColorGreenD4, RedsiftColorGreenL1, RedsiftColorGreenL2, RedsiftColorGreenL3, RedsiftColorGreenL4, RedsiftColorGreenN, RedsiftColorGreyD1, RedsiftColorGreyD2, RedsiftColorGreyD3, RedsiftColorGreyD4, RedsiftColorGreyD5, RedsiftColorGreyL1, RedsiftColorGreyL2, RedsiftColorGreyL3, RedsiftColorGreyL4, RedsiftColorGreyL5, RedsiftColorGreyN, RedsiftColorLightComponentsAiAiBorder, RedsiftColorLightComponentsAiAiIcon, RedsiftColorLightComponentsAlertErrorBackground, RedsiftColorLightComponentsAlertErrorBorder, RedsiftColorLightComponentsAlertErrorIcon, RedsiftColorLightComponentsAlertInfoBackground, RedsiftColorLightComponentsAlertInfoBorder, RedsiftColorLightComponentsAlertInfoIcon, RedsiftColorLightComponentsAlertSuccessBackground, RedsiftColorLightComponentsAlertSuccessBorder, RedsiftColorLightComponentsAlertSuccessIcon, RedsiftColorLightComponentsAlertText, RedsiftColorLightComponentsAlertWarningBackground, RedsiftColorLightComponentsAlertWarningBorder, RedsiftColorLightComponentsAlertWarningIcon, RedsiftColorLightComponentsAppBarBackground, RedsiftColorLightComponentsAppBarBorder, RedsiftColorLightComponentsAppBarBreadcrumbDefault, RedsiftColorLightComponentsAppBarBreadcrumbDown, RedsiftColorLightComponentsAppBarBreadcrumbHover, RedsiftColorLightComponentsAppBarIconBackgroundActive, RedsiftColorLightComponentsAppBarIconBackgroundActiveDown, RedsiftColorLightComponentsAppBarIconBackgroundActiveHover, RedsiftColorLightComponentsAppBarIconBackgroundDown, RedsiftColorLightComponentsAppBarIconBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextHover, RedsiftColorLightComponentsCheckboxFillDefault, RedsiftColorLightComponentsCheckboxFillDefaultHover, RedsiftColorLightComponentsCheckboxFillDisabled, RedsiftColorLightComponentsCheckboxFillInvalid, RedsiftColorLightComponentsCheckboxFillInvalidHover, RedsiftColorLightComponentsCheckboxFillUncolored, RedsiftColorLightComponentsCheckboxFillUncoloredHover, RedsiftColorLightComponentsCheckboxTextDefault, RedsiftColorLightComponentsCheckboxTextDisabled, RedsiftColorLightComponentsCheckboxTextInvalid, RedsiftColorLightComponentsDropdownsAndMenusClickBackground, RedsiftColorLightComponentsDropdownsAndMenusClickText, RedsiftColorLightComponentsDropdownsAndMenusDefaultBackground, RedsiftColorLightComponentsDropdownsAndMenusDefaultText, RedsiftColorLightComponentsDropdownsAndMenusDividers, RedsiftColorLightComponentsDropdownsAndMenusHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveText, RedsiftColorLightComponentsIconsDefault, RedsiftColorLightComponentsModalBackground, RedsiftColorLightComponentsPageBackground, RedsiftColorLightComponentsPillsAquaDefaultBackground, RedsiftColorLightComponentsPillsAquaDefaultBorder, RedsiftColorLightComponentsPillsAquaDefaultText, RedsiftColorLightComponentsPillsAquaDisabledBackground, RedsiftColorLightComponentsPillsAquaDisabledBorder, RedsiftColorLightComponentsPillsAquaDisabledText, RedsiftColorLightComponentsPillsAquaHoverBackground, RedsiftColorLightComponentsPillsAquaHoverBorder, RedsiftColorLightComponentsPillsAquaHoverText, RedsiftColorLightComponentsPillsBlackDefaultBackground, RedsiftColorLightComponentsPillsBlackDefaultBorder, RedsiftColorLightComponentsPillsBlackDefaultText, RedsiftColorLightComponentsPillsBlackDisabledBackground, RedsiftColorLightComponentsPillsBlackDisabledBorder, RedsiftColorLightComponentsPillsBlackDisabledText, RedsiftColorLightComponentsPillsBlackHoverBackground, RedsiftColorLightComponentsPillsBlackHoverBorder, RedsiftColorLightComponentsPillsBlackHoverText, RedsiftColorLightComponentsPillsBlueDefaultBackground, RedsiftColorLightComponentsPillsBlueDefaultBorder, RedsiftColorLightComponentsPillsBlueDefaultText, RedsiftColorLightComponentsPillsBlueDisabledBackground, RedsiftColorLightComponentsPillsBlueDisabledBorder, RedsiftColorLightComponentsPillsBlueDisabledText, RedsiftColorLightComponentsPillsBlueHoverBackground, RedsiftColorLightComponentsPillsBlueHoverBorder, RedsiftColorLightComponentsPillsBlueHoverText, RedsiftColorLightComponentsPillsBrownDefaultBackground, RedsiftColorLightComponentsPillsBrownDefaultBorder, RedsiftColorLightComponentsPillsBrownDefaultText, RedsiftColorLightComponentsPillsBrownDisabledBackground, RedsiftColorLightComponentsPillsBrownDisabledBorder, RedsiftColorLightComponentsPillsBrownDisabledText, RedsiftColorLightComponentsPillsBrownHoverBackground, RedsiftColorLightComponentsPillsBrownHoverBorder, RedsiftColorLightComponentsPillsBrownHoverText, RedsiftColorLightComponentsPillsDarkGreyDefaultBackground, RedsiftColorLightComponentsPillsDarkGreyDefaultBorder, RedsiftColorLightComponentsPillsDarkGreyDefaultText, RedsiftColorLightComponentsPillsDarkGreyDisabledBackground, RedsiftColorLightComponentsPillsDarkGreyDisabledBorder, RedsiftColorLightComponentsPillsDarkGreyDisabledText, RedsiftColorLightComponentsPillsDarkGreyHoverBackground, RedsiftColorLightComponentsPillsDarkGreyHoverBorder, RedsiftColorLightComponentsPillsDarkGreyHoverText, RedsiftColorLightComponentsPillsErrorDarkDefaultBackground, RedsiftColorLightComponentsPillsErrorDarkDefaultBorder, RedsiftColorLightComponentsPillsErrorDarkDefaultText, RedsiftColorLightComponentsPillsErrorDarkDisabledBackground, RedsiftColorLightComponentsPillsErrorDarkDisabledBorder, RedsiftColorLightComponentsPillsErrorDarkDisabledText, RedsiftColorLightComponentsPillsErrorDarkHoverBackground, RedsiftColorLightComponentsPillsErrorDarkHoverBorder, RedsiftColorLightComponentsPillsErrorDarkHoverText, RedsiftColorLightComponentsPillsErrorDefaultBackground, RedsiftColorLightComponentsPillsErrorDefaultBorder, RedsiftColorLightComponentsPillsErrorDefaultText, RedsiftColorLightComponentsPillsErrorDisabledBackground, RedsiftColorLightComponentsPillsErrorDisabledBorder, RedsiftColorLightComponentsPillsErrorDisabledText, RedsiftColorLightComponentsPillsErrorHoverBackground, RedsiftColorLightComponentsPillsErrorHoverBorder, RedsiftColorLightComponentsPillsErrorHoverText, RedsiftColorLightComponentsPillsGreenDefaultBackground, RedsiftColorLightComponentsPillsGreenDefaultBorder, RedsiftColorLightComponentsPillsGreenDefaultText, RedsiftColorLightComponentsPillsGreenDisabledBackground, RedsiftColorLightComponentsPillsGreenDisabledBorder, RedsiftColorLightComponentsPillsGreenDisabledText, RedsiftColorLightComponentsPillsGreenHoverBackground, RedsiftColorLightComponentsPillsGreenHoverBorder, RedsiftColorLightComponentsPillsGreenHoverText, RedsiftColorLightComponentsPillsGreyDefaultBackground, RedsiftColorLightComponentsPillsGreyDefaultBorder, RedsiftColorLightComponentsPillsGreyDefaultText, RedsiftColorLightComponentsPillsGreyDisabledBackground, RedsiftColorLightComponentsPillsGreyDisabledBorder, RedsiftColorLightComponentsPillsGreyDisabledText, RedsiftColorLightComponentsPillsGreyHoverBackground, RedsiftColorLightComponentsPillsGreyHoverBorder, RedsiftColorLightComponentsPillsGreyHoverText, RedsiftColorLightComponentsPillsLightGreyDefaultBackground, RedsiftColorLightComponentsPillsLightGreyDefaultBorder, RedsiftColorLightComponentsPillsLightGreyDefaultText, RedsiftColorLightComponentsPillsLightGreyDisabledBackground, RedsiftColorLightComponentsPillsLightGreyDisabledBorder, RedsiftColorLightComponentsPillsLightGreyDisabledText, RedsiftColorLightComponentsPillsLightGreyHoverBackground, RedsiftColorLightComponentsPillsLightGreyHoverBorder, RedsiftColorLightComponentsPillsLightGreyHoverText, RedsiftColorLightComponentsPillsMidGreyDefaultBackground, RedsiftColorLightComponentsPillsMidGreyDefaultBorder, RedsiftColorLightComponentsPillsMidGreyDefaultText, RedsiftColorLightComponentsPillsMidGreyDisabledBackground, RedsiftColorLightComponentsPillsMidGreyDisabledBorder, RedsiftColorLightComponentsPillsMidGreyDisabledText, RedsiftColorLightComponentsPillsMidGreyHoverBackground, RedsiftColorLightComponentsPillsMidGreyHoverBorder, RedsiftColorLightComponentsPillsMidGreyHoverText, RedsiftColorLightComponentsPillsOrangeDefaultBackground, RedsiftColorLightComponentsPillsOrangeDefaultBorder, RedsiftColorLightComponentsPillsOrangeDefaultText, RedsiftColorLightComponentsPillsOrangeDisabledBackground, RedsiftColorLightComponentsPillsOrangeDisabledBorder, RedsiftColorLightComponentsPillsOrangeDisabledText, RedsiftColorLightComponentsPillsOrangeHoverBackground, RedsiftColorLightComponentsPillsOrangeHoverBorder, RedsiftColorLightComponentsPillsOrangeHoverText, RedsiftColorLightComponentsPillsPinkDefaultBackground, RedsiftColorLightComponentsPillsPinkDefaultBorder, RedsiftColorLightComponentsPillsPinkDefaultText, RedsiftColorLightComponentsPillsPinkDisabledBackground, RedsiftColorLightComponentsPillsPinkDisabledBorder, RedsiftColorLightComponentsPillsPinkDisabledText, RedsiftColorLightComponentsPillsPinkHoverBackground, RedsiftColorLightComponentsPillsPinkHoverBorder, RedsiftColorLightComponentsPillsPinkHoverText, RedsiftColorLightComponentsPillsPurpleDefaultBackground, RedsiftColorLightComponentsPillsPurpleDefaultBorder, RedsiftColorLightComponentsPillsPurpleDefaultText, RedsiftColorLightComponentsPillsPurpleDisabledBackground, RedsiftColorLightComponentsPillsPurpleDisabledBorder, RedsiftColorLightComponentsPillsPurpleDisabledText, RedsiftColorLightComponentsPillsPurpleHoverBackground, RedsiftColorLightComponentsPillsPurpleHoverBorder, RedsiftColorLightComponentsPillsPurpleHoverText, RedsiftColorLightComponentsPillsRedDefaultBackground, RedsiftColorLightComponentsPillsRedDefaultBorder, RedsiftColorLightComponentsPillsRedDefaultText, RedsiftColorLightComponentsPillsRedDisabledBackground, RedsiftColorLightComponentsPillsRedDisabledBorder, RedsiftColorLightComponentsPillsRedDisabledText, RedsiftColorLightComponentsPillsRedHoverBackground, RedsiftColorLightComponentsPillsRedHoverBorder, RedsiftColorLightComponentsPillsRedHoverText, RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground, RedsiftColorLightComponentsPillsSuccessDarkDefaultBorder, RedsiftColorLightComponentsPillsSuccessDarkDefaultText, RedsiftColorLightComponentsPillsSuccessDarkDisabledBackground, RedsiftColorLightComponentsPillsSuccessDarkDisabledBorder, RedsiftColorLightComponentsPillsSuccessDarkDisabledText, RedsiftColorLightComponentsPillsSuccessDarkHoverBackground, RedsiftColorLightComponentsPillsSuccessDarkHoverBorder, RedsiftColorLightComponentsPillsSuccessDarkHoverText, RedsiftColorLightComponentsPillsSuccessDefaultBackground, RedsiftColorLightComponentsPillsSuccessDefaultBorder, RedsiftColorLightComponentsPillsSuccessDefaultText, RedsiftColorLightComponentsPillsSuccessDisabledBackground, RedsiftColorLightComponentsPillsSuccessDisabledBorder, RedsiftColorLightComponentsPillsSuccessDisabledText, RedsiftColorLightComponentsPillsSuccessHoverBackground, RedsiftColorLightComponentsPillsSuccessHoverBorder, RedsiftColorLightComponentsPillsSuccessHoverText, RedsiftColorLightComponentsPillsWarningDarkDefaultBackground, RedsiftColorLightComponentsPillsWarningDarkDefaultBorder, RedsiftColorLightComponentsPillsWarningDarkDefaultText, RedsiftColorLightComponentsPillsWarningDarkDisabledBackground, RedsiftColorLightComponentsPillsWarningDarkDisabledBorder, RedsiftColorLightComponentsPillsWarningDarkDisabledText, RedsiftColorLightComponentsPillsWarningDarkHoverBackground, RedsiftColorLightComponentsPillsWarningDarkHoverBorder, RedsiftColorLightComponentsPillsWarningDarkHoverText, RedsiftColorLightComponentsPillsWarningDefaultBackground, RedsiftColorLightComponentsPillsWarningDefaultBorder, RedsiftColorLightComponentsPillsWarningDefaultText, RedsiftColorLightComponentsPillsWarningDisabledBackground, RedsiftColorLightComponentsPillsWarningDisabledBorder, RedsiftColorLightComponentsPillsWarningDisabledText, RedsiftColorLightComponentsPillsWarningHoverBackground, RedsiftColorLightComponentsPillsWarningHoverBorder, RedsiftColorLightComponentsPillsWarningHoverText, RedsiftColorLightComponentsPillsWhiteDefaultBackground, RedsiftColorLightComponentsPillsWhiteDefaultBorder, RedsiftColorLightComponentsPillsWhiteDefaultText, RedsiftColorLightComponentsPillsWhiteDisabledBackground, RedsiftColorLightComponentsPillsWhiteDisabledBorder, RedsiftColorLightComponentsPillsWhiteDisabledText, RedsiftColorLightComponentsPillsWhiteHoverBackground, RedsiftColorLightComponentsPillsWhiteHoverBorder, RedsiftColorLightComponentsPillsWhiteHoverText, RedsiftColorLightComponentsPillsXDarkGreyDefaultBackground, RedsiftColorLightComponentsPillsXDarkGreyDefaultBorder, RedsiftColorLightComponentsPillsXDarkGreyDefaultText, RedsiftColorLightComponentsPillsXDarkGreyDisabledBackground, RedsiftColorLightComponentsPillsXDarkGreyDisabledBorder, RedsiftColorLightComponentsPillsXDarkGreyDisabledText, RedsiftColorLightComponentsPillsXDarkGreyHoverBackground, RedsiftColorLightComponentsPillsXDarkGreyHoverBorder, RedsiftColorLightComponentsPillsXDarkGreyHoverText, RedsiftColorLightComponentsPillsXLightGreyDefaultBackground, RedsiftColorLightComponentsPillsXLightGreyDefaultBorder, RedsiftColorLightComponentsPillsXLightGreyDefaultText, RedsiftColorLightComponentsPillsXLightGreyDisabledBackground, RedsiftColorLightComponentsPillsXLightGreyDisabledBorder, RedsiftColorLightComponentsPillsXLightGreyDisabledText, RedsiftColorLightComponentsPillsXLightGreyHoverBackground, RedsiftColorLightComponentsPillsXLightGreyHoverBorder, RedsiftColorLightComponentsPillsXLightGreyHoverText, RedsiftColorLightComponentsPillsYellowDefaultBackground, RedsiftColorLightComponentsPillsYellowDefaultBorder, RedsiftColorLightComponentsPillsYellowDefaultText, RedsiftColorLightComponentsPillsYellowDisabledBackground, RedsiftColorLightComponentsPillsYellowDisabledBorder, RedsiftColorLightComponentsPillsYellowDisabledText, RedsiftColorLightComponentsPillsYellowHoverBackground, RedsiftColorLightComponentsPillsYellowHoverBorder, RedsiftColorLightComponentsPillsYellowHoverText, RedsiftColorLightComponentsProductLogosIconGrey, RedsiftColorLightComponentsProductLogosIconRed, RedsiftColorLightComponentsProductLogosTextGrey, RedsiftColorLightComponentsProductLogosTextRed, RedsiftColorLightComponentsProductLogosTextWhite, RedsiftColorLightComponentsRadioFillDefault, RedsiftColorLightComponentsRadioFillDefaultHover, RedsiftColorLightComponentsRadioFillDisabled, RedsiftColorLightComponentsRadioFillInvalid, RedsiftColorLightComponentsRadioFillInvalidHover, RedsiftColorLightComponentsRadioFillUncolored, RedsiftColorLightComponentsRadioFillUncoloredHover, RedsiftColorLightComponentsRadioTextDefault, RedsiftColorLightComponentsRadioTextDisabled, RedsiftColorLightComponentsRadioTextInvalid, RedsiftColorLightComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorLightComponentsRedSiftLogoDiamondBottomRight, RedsiftColorLightComponentsRedSiftLogoDiamondDark, RedsiftColorLightComponentsRedSiftLogoDiamondLight, RedsiftColorLightComponentsRedSiftLogoDiamondMid, RedsiftColorLightComponentsRedSiftLogoDiamondTopRight, RedsiftColorLightComponentsRedSiftLogoIconBackground, RedsiftColorLightComponentsRedSiftLogoIconR, RedsiftColorLightComponentsRedSiftLogoTextGrey, RedsiftColorLightComponentsRedSiftLogoTextRed, RedsiftColorLightComponentsRedSiftLogoTextWhite, RedsiftColorLightComponentsSideNavigationBackground, RedsiftColorLightComponentsSideNavigationCurrentMarker, RedsiftColorLightComponentsSideNavigationMenuItemActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorLightComponentsSideNavigationMenuItemTextDisabled, RedsiftColorLightComponentsSideNavigationMenuItemTextHover, RedsiftColorLightComponentsSideNavigationMenuItemTextResting, RedsiftColorLightComponentsSideNavigationRightLine, RedsiftColorLightComponentsSideNavigationScrollbarHover, RedsiftColorLightComponentsSideNavigationScrollbarResting, RedsiftColorLightComponentsSpinnerSpinner, RedsiftColorLightComponentsSwitchBackgroundDefault, RedsiftColorLightComponentsSwitchBackgroundDefaultActive, RedsiftColorLightComponentsSwitchBackgroundDisabled, RedsiftColorLightComponentsSwitchBackgroundDisabledActive, RedsiftColorLightComponentsSwitchBackgroundInvalid, RedsiftColorLightComponentsSwitchBackgroundInvalidActive, RedsiftColorLightComponentsSwitchBackgroundUncolored, RedsiftColorLightComponentsSwitchBackgroundUncoloredActive, RedsiftColorLightComponentsSwitchDotDefault, RedsiftColorLightComponentsSwitchDotDefaultHover, RedsiftColorLightComponentsSwitchDotDisabled, RedsiftColorLightComponentsSwitchDotInvalid, RedsiftColorLightComponentsSwitchDotInvalidHover, RedsiftColorLightComponentsSwitchDotUncolored, RedsiftColorLightComponentsSwitchDotUncoloredHover, RedsiftColorLightComponentsSwitchTextDefault, RedsiftColorLightComponentsSwitchTextDisabled, RedsiftColorLightComponentsSwitchTextInvalid, RedsiftColorLightComponentsTabsLine, RedsiftColorLightComponentsTextPrimary, RedsiftColorLightComponentsTextSecondary, RedsiftColorLightComponentsTooltipBackground, RedsiftColorLightComponentsTooltipText, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkGrey, RedsiftColorNeutralDisabled, RedsiftColorNeutralLightGrey, RedsiftColorNeutralMidGrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralXLightGrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsPrimaryActive, RedsiftColorNotificationsPrimaryHover, RedsiftColorNotificationsPrimaryPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSecondaryActive, RedsiftColorNotificationsSecondaryHover, RedsiftColorNotificationsSecondaryPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorPrimaryD1, RedsiftColorPrimaryD2, RedsiftColorPrimaryD3, RedsiftColorPrimaryD4, RedsiftColorPrimaryL1, RedsiftColorPrimaryL2, RedsiftColorPrimaryL3, RedsiftColorPrimaryL4, RedsiftColorPrimaryN, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductHardenize, RedsiftColorProductOnDmarc, RedsiftColorProductOnInbox, RedsiftColorProductOndmarc, RedsiftColorProductOninbox, RedsiftColorProductPulse, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedD1, RedsiftColorRedD2, RedsiftColorRedD3, RedsiftColorRedD4, RedsiftColorRedL1, RedsiftColorRedL2, RedsiftColorRedL3, RedsiftColorRedL4, RedsiftColorRedN, RedsiftColorSecondaryD1, RedsiftColorSecondaryD2, RedsiftColorSecondaryD3, RedsiftColorSecondaryD4, RedsiftColorSecondaryL1, RedsiftColorSecondaryL2, RedsiftColorSecondaryL3, RedsiftColorSecondaryL4, RedsiftColorSecondaryN, RedsiftColorTealD1, RedsiftColorTealD2, RedsiftColorTealD3, RedsiftColorTealD4, RedsiftColorTealL1, RedsiftColorTealL2, RedsiftColorTealL3, RedsiftColorTealL4, RedsiftColorTealN, RedsiftColorTextPrimary, RedsiftColorTextSecondary, RedsiftColorYellowD1, RedsiftColorYellowD2, RedsiftColorYellowD3, RedsiftColorYellowD4, RedsiftColorYellowL1, RedsiftColorYellowL2, RedsiftColorYellowL3, RedsiftColorYellowL4, RedsiftColorYellowN, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RenderedListboxItem, RovingTabindexListbox, RowStartMap, SSRProvider, SSRProviderProps, SecondaryColorPalette, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuBarVariant, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonGroupProps, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGradientBorder, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonLinkProps, StyledIconButtonProps, StyledIconProps, StyledItem, StyledItemProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledListboxProps, StyledNumberFieldProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextAreaProps, StyledTextField, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, TabStop, Text, TextArea, TextAreaProps, TextAreaVariant, TextComponent, TextField, TextFieldColor, TextFieldProps, TextFieldVariant, TextProps, TextVariant, Theme, ThemeContext, ThemeProvider, UseFocusGroupProps, UseFocusWithinGroupProps, UseListboxItemProps, UseSideNavigationMenuBarProps, ValueOf, baseBorder, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, getCanvasFont, getContainerProps, getCssStyle, getMaxTextWidth, getTextWidth, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension, srOnly, uniqueId, useAppSidePanel, useBoundingClientRect, useCollator, useComputeNumberOfRows, useDateFormatter, useFilter, useFocusOnList, useFocusOnListItem, useId, useIsLoaded, useIsSSR, useListFormatter, useListboxItem, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter, useSSRSafeId, useSideNavigationMenuBar, useTheme, useWindowSize, warnIfNoAccessibleLabelFound };
|