@foxford/ui 2.38.0-beta-ff3ed8d-20240813 → 2.38.0-beta-4b5e375-20240813
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/dts/index.d.ts +4914 -0
- package/package.json +2 -1
package/dts/index.d.ts
ADDED
|
@@ -0,0 +1,4914 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ThemePreset as ThemePreset$1, Breakpoint as Breakpoint$1, CSSColor as CSSColor$1, ThemeMode as ThemeMode$1, ThemeName as ThemeName$1, Size as Size$1, Color as Color$1, CSSBorderStyle as CSSBorderStyle$1, Nullable as Nullable$1, CSSVerticalAlign as CSSVerticalAlign$1, CSSFontWeight as CSSFontWeight$1 } from 'shared/types';
|
|
3
|
+
import * as react from 'react';
|
|
4
|
+
import { CSSProperties, PureComponent, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
|
|
5
|
+
import { ColorNames as ColorNames$1 } from 'theme/colors';
|
|
6
|
+
import * as styled_components from 'styled-components';
|
|
7
|
+
import { DefaultTheme, CSSObject, Interpolation, ThemeProps, SimpleInterpolation, FlattenSimpleInterpolation, css, StyledProps } from 'styled-components';
|
|
8
|
+
import { AlertProps as AlertProps$1 } from 'components/Alert';
|
|
9
|
+
import { ArrowProps as ArrowProps$1 } from 'components/Arrow';
|
|
10
|
+
import { ButtonProps as ButtonProps$1 } from 'components/Button';
|
|
11
|
+
import { CheckboxProps as CheckboxProps$1 } from 'components/Checkbox';
|
|
12
|
+
import { TextareaProps as TextareaProps$1 } from 'components/Textarea';
|
|
13
|
+
import { TextHeadingProps, TextHeading } from 'components/Text.Heading';
|
|
14
|
+
import { SwitcherProps as SwitcherProps$1 } from 'components/Switcher';
|
|
15
|
+
import { ArrowBadgeProps as ArrowBadgeProps$1 } from 'components/ArrowBadge';
|
|
16
|
+
import * as components_Tab from 'components/Tab';
|
|
17
|
+
import { TabProps as TabProps$1 } from 'components/Tab';
|
|
18
|
+
import { BadgeProps as BadgeProps$1 } from 'components/Badge';
|
|
19
|
+
import { TextProps as TextProps$1 } from 'components/Text';
|
|
20
|
+
import { AnchorProps as AnchorProps$1 } from 'components/Anchor';
|
|
21
|
+
import { SkeletonProps as SkeletonProps$1 } from 'components/Skeleton';
|
|
22
|
+
import { TooltipProps as TooltipProps$1 } from 'components/Tooltip';
|
|
23
|
+
import { TooltipComponentProps, TooltipComponentPalette, TooltipComponent } from 'components/TooltipComponent';
|
|
24
|
+
import { PopoverProps as PopoverProps$1 } from 'components/Popover';
|
|
25
|
+
import { PopoverComponentProps, PopoverComponentPalette, PopoverComponent } from 'components/PopoverComponent';
|
|
26
|
+
import { ListItemProps as ListItemProps$1 } from 'components/ListItem';
|
|
27
|
+
import { IndicatorProps as IndicatorProps$1 } from 'components/Indicator';
|
|
28
|
+
import { AvatarProps as AvatarProps$1 } from 'components/Avatar';
|
|
29
|
+
import { IconButtonProps as IconButtonProps$1 } from 'components/IconButton';
|
|
30
|
+
import { ChipProps as ChipProps$1 } from 'components/Chip';
|
|
31
|
+
import { MenuProps as MenuProps$1 } from 'components/Menu';
|
|
32
|
+
import { MenuComponentProps, MenuComponentPalette, MenuComponent } from 'components/MenuComponent';
|
|
33
|
+
import { SizeInput } from 'shared/enums/sizeInput';
|
|
34
|
+
import { DisplayProperty } from 'mixins/display';
|
|
35
|
+
import { BaseProps as BaseProps$1 } from 'shared/interfaces';
|
|
36
|
+
import { IconName as IconName$2, IconProps as IconProps$1 } from 'components/Icon';
|
|
37
|
+
import { ResponsiveNamedProperty as ResponsiveNamedProperty$1, ResponsiveProperty } from 'mixins/responsive-property';
|
|
38
|
+
import { ColorProperty } from 'mixins/color';
|
|
39
|
+
import { ResponsiveSizeProps } from 'mixins/responsive-size';
|
|
40
|
+
import { ResponsiveMarginProps } from 'mixins/responsive-margin';
|
|
41
|
+
import { Classes } from 'react-modal';
|
|
42
|
+
import { SpacerProps as SpacerProps$1 } from 'components/Spacer';
|
|
43
|
+
import { ProgressSegmented } from 'components/Progress.Segmented';
|
|
44
|
+
import { ProgressCircle } from 'components/Progress.Circle';
|
|
45
|
+
import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
|
|
46
|
+
import * as rc_scrollbars from 'rc-scrollbars';
|
|
47
|
+
import { ScrollbarsProps } from 'rc-scrollbars';
|
|
48
|
+
import { TextEllipse } from 'components/Text.Ellipse';
|
|
49
|
+
import { Props, PopperInstance, PlacementOptions, Styles } from 'react-floater/lib/types';
|
|
50
|
+
import { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel';
|
|
51
|
+
import { InputPhone } from 'components/Input.Phone';
|
|
52
|
+
import { InputState, MaskOptions } from 'react-input-mask';
|
|
53
|
+
import * as components_InputRadio from 'components/InputRadio';
|
|
54
|
+
import { InputCheckboxProps } from 'components/InputCheckbox';
|
|
55
|
+
import { ReactSelectProps } from 'react-select';
|
|
56
|
+
import { MenuList } from 'components/MenuList';
|
|
57
|
+
import { MenuContainer } from 'components/MenuContainer';
|
|
58
|
+
import { MenuDivider } from 'components/MenuDivider';
|
|
59
|
+
|
|
60
|
+
interface BaseProps {
|
|
61
|
+
preset?: ThemePreset$1;
|
|
62
|
+
className?: string;
|
|
63
|
+
style?: React.CSSProperties;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
declare type Nullable<T> = T | null | undefined;
|
|
67
|
+
declare type HEX = `#${string}`;
|
|
68
|
+
declare type RGB = `rgb(${number}, ${number}, ${number})`;
|
|
69
|
+
declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
|
|
70
|
+
declare type CSSGlobalValue = 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer';
|
|
71
|
+
declare type CSSUnit = 'px' | 'rem' | 'em' | '%';
|
|
72
|
+
declare type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparent';
|
|
73
|
+
declare type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
|
74
|
+
declare type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
|
|
75
|
+
declare type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
|
|
76
|
+
declare type Size = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
77
|
+
declare type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
78
|
+
declare type Color = keyof typeof ColorNames$1 | CSSColor;
|
|
79
|
+
declare type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
|
|
80
|
+
declare type Sizes = Record<Size, CSSProperties>;
|
|
81
|
+
declare type ThemePreset = 'default' | 'brand';
|
|
82
|
+
declare type ThemeMode = 'light' | 'dark';
|
|
83
|
+
declare type ThemeName = 'mother' | 'baby' | 'teen' | 'adult';
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* Converts HEX color code to RGB(A) string
|
|
87
|
+
*
|
|
88
|
+
* @export
|
|
89
|
+
* @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)
|
|
90
|
+
* @param {Number} alpha channel which specifies the opacity of the color
|
|
91
|
+
* @returns {String} RGB(A) string
|
|
92
|
+
*/
|
|
93
|
+
declare function hexToRgbA(hex: string, alpha?: number): string;
|
|
94
|
+
/**
|
|
95
|
+
* Checks if value is HEX color
|
|
96
|
+
*
|
|
97
|
+
* @export
|
|
98
|
+
* @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)
|
|
99
|
+
* @returns {boolean}
|
|
100
|
+
*/
|
|
101
|
+
declare function isHex(hex: string): boolean;
|
|
102
|
+
|
|
103
|
+
interface ThemeProviderProps {
|
|
104
|
+
theme: Partial<DefaultTheme> | ((topLevelTheme: DefaultTheme) => DefaultTheme);
|
|
105
|
+
children: React.ReactNode;
|
|
106
|
+
}
|
|
107
|
+
declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
|
|
108
|
+
|
|
109
|
+
declare const defaultTheme: DefaultTheme;
|
|
110
|
+
declare const motherLightTheme: DefaultTheme;
|
|
111
|
+
declare const motherDarkTheme: DefaultTheme;
|
|
112
|
+
declare const babyLightTheme: DefaultTheme;
|
|
113
|
+
declare const babyDarkTheme: DefaultTheme;
|
|
114
|
+
declare const teenLightTheme: DefaultTheme;
|
|
115
|
+
declare const teenDarkTheme: DefaultTheme;
|
|
116
|
+
declare const adultLightTheme: DefaultTheme;
|
|
117
|
+
declare const adultDarkTheme: DefaultTheme;
|
|
118
|
+
|
|
119
|
+
declare enum DefaultColorNames {
|
|
120
|
+
white = "white",
|
|
121
|
+
black = "black",
|
|
122
|
+
tundora = "tundora",
|
|
123
|
+
paleSky = "paleSky",
|
|
124
|
+
bostonBlue = "bostonBlue",
|
|
125
|
+
atlantisBrightly = "atlantisBrightly",
|
|
126
|
+
cinnabar = "cinnabar",
|
|
127
|
+
sail = "sail",
|
|
128
|
+
bittersweet = "bittersweet",
|
|
129
|
+
turquoise = "turquoise",
|
|
130
|
+
dodgerBlue = "dodgerBlue",
|
|
131
|
+
mantis = "mantis",
|
|
132
|
+
azure = "azure",
|
|
133
|
+
bahamaBlue = "bahamaBlue",
|
|
134
|
+
shamrock = "shamrock",
|
|
135
|
+
olive = "olive",
|
|
136
|
+
copperRose = "copperRose",
|
|
137
|
+
cyan = "cyan",
|
|
138
|
+
plum = "plum",
|
|
139
|
+
hokeyPokey = "hokeyPokey",
|
|
140
|
+
monaLisa = "monaLisa",
|
|
141
|
+
mariner = "mariner",
|
|
142
|
+
heliotrope = "heliotrope",
|
|
143
|
+
dandelion = "dandelion",
|
|
144
|
+
fruitSalad = "fruitSalad",
|
|
145
|
+
fuchsiaBlue = "fuchsiaBlue",
|
|
146
|
+
persianGreen = "persianGreen",
|
|
147
|
+
watermelon = "watermelon",
|
|
148
|
+
tropaz = "tropaz",
|
|
149
|
+
lima = "lima",
|
|
150
|
+
mintTulip = "mintTulip",
|
|
151
|
+
carnationPink = "carnationPink",
|
|
152
|
+
paleRose = "paleRose",
|
|
153
|
+
deYork = "deYork",
|
|
154
|
+
peppermint = "peppermint",
|
|
155
|
+
cornflowerBlue = "cornflowerBlue",
|
|
156
|
+
colonialWhite = "colonialWhite",
|
|
157
|
+
cherokee = "cherokee",
|
|
158
|
+
supernova = "supernova",
|
|
159
|
+
picasso = "picasso",
|
|
160
|
+
bilobaFlower = "bilobaFlower",
|
|
161
|
+
linkWater = "linkWater",
|
|
162
|
+
mineShaft = "mineShaft",
|
|
163
|
+
silver = "silver",
|
|
164
|
+
alto = "alto",
|
|
165
|
+
mercury = "mercury",
|
|
166
|
+
wildSand = "wildSand",
|
|
167
|
+
whiteGray = "whiteGray",
|
|
168
|
+
alabaster = "alabaster",
|
|
169
|
+
whiteLilac = "whiteLilac",
|
|
170
|
+
atlantis = "atlantis",
|
|
171
|
+
yellowOrange = "yellowOrange",
|
|
172
|
+
mystic = "mystic",
|
|
173
|
+
pomegranate = "pomegranate",
|
|
174
|
+
oliveDrab = "oliveDrab",
|
|
175
|
+
curious = "curious",
|
|
176
|
+
orangePeel = "orangePeel",
|
|
177
|
+
nebula = "nebula",
|
|
178
|
+
seaNymph = "seaNymph",
|
|
179
|
+
chromeWhite = "chromeWhite",
|
|
180
|
+
onahau = "onahau",
|
|
181
|
+
citrineWhite = "citrineWhite",
|
|
182
|
+
coralReef = "coralReef",
|
|
183
|
+
creemBrulee = "creemBrulee",
|
|
184
|
+
frangipani = "frangipani",
|
|
185
|
+
yourPink = "yourPink",
|
|
186
|
+
periwinkleGray = "periwinkleGray",
|
|
187
|
+
baliHai = "baliHai",
|
|
188
|
+
primary = "primary",
|
|
189
|
+
accent = "accent",
|
|
190
|
+
transparent = "transparent",
|
|
191
|
+
catalinaBlue = "catalinaBlue",
|
|
192
|
+
danube = "danube",
|
|
193
|
+
midnightDeep = "midnightDeep",
|
|
194
|
+
anakiva = "anakiva",
|
|
195
|
+
azureRadiance = "azureRadiance",
|
|
196
|
+
blueMarguerite = "blueMarguerite",
|
|
197
|
+
blueViolet = "blueViolet",
|
|
198
|
+
bossanova = "bossanova",
|
|
199
|
+
capeCod = "capeCod",
|
|
200
|
+
cerulean = "cerulean",
|
|
201
|
+
congressBlue = "congressBlue",
|
|
202
|
+
congressBlueLight = "congressBlueLight",
|
|
203
|
+
creamBrulee = "creamBrulee",
|
|
204
|
+
denim = "denim",
|
|
205
|
+
earlyDawn = "earlyDawn",
|
|
206
|
+
eminence = "eminence",
|
|
207
|
+
endeavour = "endeavour",
|
|
208
|
+
fern = "fern",
|
|
209
|
+
ghost = "ghost",
|
|
210
|
+
grape = "grape",
|
|
211
|
+
gunsmoke = "gunsmoke",
|
|
212
|
+
highland = "highland",
|
|
213
|
+
honeyFlower = "honeyFlower",
|
|
214
|
+
honeyFlower2 = "honeyFlower2",
|
|
215
|
+
honeyFlower3 = "honeyFlower3",
|
|
216
|
+
jagger = "jagger",
|
|
217
|
+
jordyBlue = "jordyBlue",
|
|
218
|
+
jumbo = "jumbo",
|
|
219
|
+
mediumPurple = "mediumPurple",
|
|
220
|
+
midnightBlue = "midnightBlue",
|
|
221
|
+
moodyBlue = "moodyBlue",
|
|
222
|
+
nandor = "nandor",
|
|
223
|
+
nevada = "nevada",
|
|
224
|
+
olivine = "olivine",
|
|
225
|
+
parsley = "parsley",
|
|
226
|
+
pattensBlue = "pattensBlue",
|
|
227
|
+
pattensBlueLight = "pattensBlueLight",
|
|
228
|
+
scarletGum = "scarletGum",
|
|
229
|
+
scienceBlue = "scienceBlue",
|
|
230
|
+
scienceBlue03 = "scienceBlue03",
|
|
231
|
+
seance = "seance",
|
|
232
|
+
smalt = "smalt",
|
|
233
|
+
smaltLight = "smaltLight",
|
|
234
|
+
tarawera = "tarawera",
|
|
235
|
+
toryBlue = "toryBlue",
|
|
236
|
+
toryBlueDark = "toryBlueDark",
|
|
237
|
+
dodgerBlueDark = "dodgerBlueDark",
|
|
238
|
+
chambray = "chambray",
|
|
239
|
+
chambrayDark = "chambrayDark",
|
|
240
|
+
pomegranateDark = "pomegranateDark",
|
|
241
|
+
azureRadiance2 = "azureRadiance2",
|
|
242
|
+
curiousBlue = "curiousBlue",
|
|
243
|
+
jungleGreen = "jungleGreen",
|
|
244
|
+
violetDeep = "violetDeep",
|
|
245
|
+
stormGray = "stormGray",
|
|
246
|
+
zeus = "zeus",
|
|
247
|
+
athensGray = "athensGray",
|
|
248
|
+
marinerLight = "marinerLight",
|
|
249
|
+
royalBlue = "royalBlue",
|
|
250
|
+
melrose = "melrose",
|
|
251
|
+
zircon = "zircon",
|
|
252
|
+
veniceBlue = "veniceBlue",
|
|
253
|
+
solitude = "solitude",
|
|
254
|
+
selago = "selago",
|
|
255
|
+
coconutCream = "coconutCream",
|
|
256
|
+
cinderella = "cinderella",
|
|
257
|
+
royalBlueDark = "royalBlueDark",
|
|
258
|
+
persianBlue = "persianBlue",
|
|
259
|
+
ultramarine = "ultramarine",
|
|
260
|
+
cornflowerBlueDark = "cornflowerBlueDark",
|
|
261
|
+
jungleGreenDark = "jungleGreenDark",
|
|
262
|
+
mountainMeadow = "mountainMeadow",
|
|
263
|
+
dodgerBlueDim = "dodgerBlueDim",
|
|
264
|
+
zirconDark = "zirconDark",
|
|
265
|
+
pizazz = "pizazz",
|
|
266
|
+
madison = "madison",
|
|
267
|
+
ebony = "ebony",
|
|
268
|
+
mediumRedViolet = "mediumRedViolet",
|
|
269
|
+
fruitSaladLight = "fruitSaladLight",
|
|
270
|
+
shark = "shark",
|
|
271
|
+
azureRadianceLight = "azureRadianceLight",
|
|
272
|
+
carnation = "carnation",
|
|
273
|
+
limaGreen = "limaGreen",
|
|
274
|
+
mysin = "mysin",
|
|
275
|
+
studio = "studio",
|
|
276
|
+
athsSpecial = "athsSpecial",
|
|
277
|
+
thunderbird = "thunderbird",
|
|
278
|
+
denimDark = "denimDark",
|
|
279
|
+
puertoRico = "puertoRico",
|
|
280
|
+
lochmara = "lochmara",
|
|
281
|
+
aliceBlue = "aliceBlue",
|
|
282
|
+
perano = "perano",
|
|
283
|
+
portage = "portage",
|
|
284
|
+
royalBlueDim = "royalBlueDim",
|
|
285
|
+
sailDim = "sailDim",
|
|
286
|
+
solitaire = "solitaire",
|
|
287
|
+
capeHoney = "capeHoney",
|
|
288
|
+
fairPink = "fairPink",
|
|
289
|
+
romantic = "romantic",
|
|
290
|
+
polar = "polar",
|
|
291
|
+
cruise = "cruise",
|
|
292
|
+
selagoLight = "selagoLight",
|
|
293
|
+
moonRaker = "moonRaker",
|
|
294
|
+
pippin = "pippin",
|
|
295
|
+
yourPinkDark = "yourPinkDark",
|
|
296
|
+
peppermintLight = "peppermintLight",
|
|
297
|
+
fringyFlower = "fringyFlower",
|
|
298
|
+
heliotropeDark = "heliotropeDark",
|
|
299
|
+
pictonBlue = "pictonBlue",
|
|
300
|
+
mediumPurpleRed = "mediumPurpleRed",
|
|
301
|
+
scooter = "scooter",
|
|
302
|
+
chambrayDim = "chambrayDim",
|
|
303
|
+
dodgerBlueLight = "dodgerBlueLight",
|
|
304
|
+
selectiveYellow = "selectiveYellow",
|
|
305
|
+
scienceBlueDark = "scienceBlueDark",
|
|
306
|
+
dodgerBlueDeep = "dodgerBlueDeep",
|
|
307
|
+
kashmirBlue = "kashmirBlue",
|
|
308
|
+
turbo = "turbo",
|
|
309
|
+
denimDim = "denimDim",
|
|
310
|
+
orangeRoughy = "orangeRoughy",
|
|
311
|
+
selagoDim = "selagoDim",
|
|
312
|
+
congressBlueNight = "congressBlueNight",
|
|
313
|
+
azureRadianceMedium = "azureRadianceMedium",
|
|
314
|
+
honeyFlowerDim = "honeyFlowerDim",
|
|
315
|
+
jaguar = "jaguar",
|
|
316
|
+
kournikova = "kournikova",
|
|
317
|
+
drover = "drover",
|
|
318
|
+
flamingo = "flamingo",
|
|
319
|
+
mineShaftDim = "mineShaftDim",
|
|
320
|
+
periwinkle = "periwinkle",
|
|
321
|
+
colonialWhiteDim = "colonialWhiteDim",
|
|
322
|
+
pattensBlueDeep = "pattensBlueDeep",
|
|
323
|
+
solitudeDim = "solitudeDim",
|
|
324
|
+
periwinkleDim = "periwinkleDim",
|
|
325
|
+
rioGrande = "rioGrande",
|
|
326
|
+
kournikovaDim = "kournikovaDim"
|
|
327
|
+
}
|
|
328
|
+
declare enum BaseColorNames {
|
|
329
|
+
'content-onmain-primary' = "content-onmain-primary",
|
|
330
|
+
'content-onmain-secondary' = "content-onmain-secondary",
|
|
331
|
+
'content-onmain-tertiary' = "content-onmain-tertiary",
|
|
332
|
+
'content-onmain-inverse' = "content-onmain-inverse",
|
|
333
|
+
'content-oncolor-primary' = "content-oncolor-primary",
|
|
334
|
+
'content-oncolor-secondary' = "content-oncolor-secondary",
|
|
335
|
+
'content-oncolor-tertiary' = "content-oncolor-tertiary",
|
|
336
|
+
'content-oncolor-inverse' = "content-oncolor-inverse",
|
|
337
|
+
'content-oncolor-constant' = "content-oncolor-constant",
|
|
338
|
+
'content-disabled' = "content-disabled",
|
|
339
|
+
'content-oncolor-disabled' = "content-oncolor-disabled",
|
|
340
|
+
'content-oncolor-hover' = "content-oncolor-hover",
|
|
341
|
+
'content-onmain-hover' = "content-onmain-hover",
|
|
342
|
+
'content-discount' = "content-discount",
|
|
343
|
+
'content-link' = "content-link",
|
|
344
|
+
'border-onmain-default-large' = "border-onmain-default-large",
|
|
345
|
+
'border-onmain-default-small' = "border-onmain-default-small",
|
|
346
|
+
'border-onmain-contrast' = "border-onmain-contrast",
|
|
347
|
+
'border-disabled' = "border-disabled",
|
|
348
|
+
'border-focus' = "border-focus",
|
|
349
|
+
'border-oncolor-disabled' = "border-oncolor-disabled",
|
|
350
|
+
'border-oncolor-default' = "border-oncolor-default",
|
|
351
|
+
'border-oncolor-default-large' = "border-oncolor-default-large",
|
|
352
|
+
'bg-onmain-main' = "bg-onmain-main",
|
|
353
|
+
'bg-onmain-primary' = "bg-onmain-primary",
|
|
354
|
+
'bg-onmain-secondary' = "bg-onmain-secondary",
|
|
355
|
+
'bg-onmain-tertiary' = "bg-onmain-tertiary",
|
|
356
|
+
'bg-onmain-divider' = "bg-onmain-divider",
|
|
357
|
+
'bg-onmain-contrast' = "bg-onmain-contrast",
|
|
358
|
+
'bg-onmain-inverse' = "bg-onmain-inverse",
|
|
359
|
+
'bg-oncolor-primary' = "bg-oncolor-primary",
|
|
360
|
+
'bg-oncolor-secondary' = "bg-oncolor-secondary",
|
|
361
|
+
'bg-oncolor-tertiary' = "bg-oncolor-tertiary",
|
|
362
|
+
'bg-oncolor-hover' = "bg-oncolor-hover",
|
|
363
|
+
'bg-disabled-large' = "bg-disabled-large",
|
|
364
|
+
'bg-disabled-small' = "bg-disabled-small",
|
|
365
|
+
'bg-disabled-active' = "bg-disabled-active",
|
|
366
|
+
'bg-oncolor-disabled' = "bg-oncolor-disabled",
|
|
367
|
+
'bg-contrast-active' = "bg-contrast-active",
|
|
368
|
+
'bg-oncontrast-hover' = "bg-oncontrast-hover",
|
|
369
|
+
'alert-bg-success-100' = "alert-bg-success-100",
|
|
370
|
+
'alert-bg-success-200' = "alert-bg-success-200",
|
|
371
|
+
'alert-bg-success-500' = "alert-bg-success-500",
|
|
372
|
+
'alert-bg-warning-100' = "alert-bg-warning-100",
|
|
373
|
+
'alert-bg-warning-200' = "alert-bg-warning-200",
|
|
374
|
+
'alert-bg-warning-500' = "alert-bg-warning-500",
|
|
375
|
+
'alert-bg-error-100' = "alert-bg-error-100",
|
|
376
|
+
'alert-bg-error-200' = "alert-bg-error-200",
|
|
377
|
+
'alert-bg-error-500' = "alert-bg-error-500",
|
|
378
|
+
'alert-success' = "alert-success",
|
|
379
|
+
'alert-warning' = "alert-warning",
|
|
380
|
+
'alert-error' = "alert-error",
|
|
381
|
+
'product-bg-course' = "product-bg-course",
|
|
382
|
+
'product-bg-tutor' = "product-bg-tutor",
|
|
383
|
+
'product-bg-group' = "product-bg-group",
|
|
384
|
+
'product-bg-complect' = "product-bg-complect",
|
|
385
|
+
'skeleton-onmain-primary' = "skeleton-onmain-primary",
|
|
386
|
+
'skeleton-onmain-secondary' = "skeleton-onmain-secondary",
|
|
387
|
+
'skeleton-gradient-from-color-onmain' = "skeleton-gradient-from-color-onmain",
|
|
388
|
+
'skeleton-gradient-to-color-onmain' = "skeleton-gradient-to-color-onmain",
|
|
389
|
+
'skeleton-oncolor-primary' = "skeleton-oncolor-primary",
|
|
390
|
+
'skeleton-oncolor-secondary' = "skeleton-oncolor-secondary",
|
|
391
|
+
'skeleton-gradient-from-color-oncolor' = "skeleton-gradient-from-color-oncolor",
|
|
392
|
+
'skeleton-gradient-to-color-oncolor' = "skeleton-gradient-to-color-oncolor",
|
|
393
|
+
'bg-other-badge' = "bg-other-badge",
|
|
394
|
+
'bg-other-black' = "bg-other-black",
|
|
395
|
+
'alert-bg-info-100' = "alert-bg-info-100",
|
|
396
|
+
'alert-bg-info-200' = "alert-bg-info-200",
|
|
397
|
+
'alert-bg-info-500' = "alert-bg-info-500",
|
|
398
|
+
'alert-info' = "alert-info",
|
|
399
|
+
'product-content-school' = "product-content-school",
|
|
400
|
+
'product-content-group' = "product-content-group",
|
|
401
|
+
'product-content-outclass' = "product-content-outclass",
|
|
402
|
+
'product-content-course' = "product-content-course",
|
|
403
|
+
'product-content-tutor' = "product-content-tutor",
|
|
404
|
+
'product-high-school' = "product-high-school",
|
|
405
|
+
'product-high-group' = "product-high-group",
|
|
406
|
+
'product-high-outclass' = "product-high-outclass",
|
|
407
|
+
'product-high-course' = "product-high-course",
|
|
408
|
+
'product-high-tutor' = "product-high-tutor",
|
|
409
|
+
'product-low-school' = "product-low-school",
|
|
410
|
+
'product-low-group' = "product-low-group",
|
|
411
|
+
'product-low-outclass' = "product-low-outclass",
|
|
412
|
+
'product-low-course' = "product-low-course",
|
|
413
|
+
'product-low-tutor' = "product-low-tutor"
|
|
414
|
+
}
|
|
415
|
+
declare enum BrandColorNames {
|
|
416
|
+
'content-brand-primary' = "content-brand-primary",
|
|
417
|
+
'content-brand-secondary' = "content-brand-secondary",
|
|
418
|
+
'border-brand-primary' = "border-brand-primary",
|
|
419
|
+
'border-brand-secondary' = "border-brand-secondary",
|
|
420
|
+
'border-brand-primary-hover' = "border-brand-primary-hover",
|
|
421
|
+
'border-brand-primary-active' = "border-brand-primary-active",
|
|
422
|
+
'bg-brand-primary-basic' = "bg-brand-primary-basic",
|
|
423
|
+
'bg-brand-primary-100' = "bg-brand-primary-100",
|
|
424
|
+
'bg-brand-primary-200' = "bg-brand-primary-200",
|
|
425
|
+
'bg-brand-primary-400' = "bg-brand-primary-400",
|
|
426
|
+
'bg-brand-primary-500' = "bg-brand-primary-500",
|
|
427
|
+
'bg-brand-secondary-basic' = "bg-brand-secondary-basic",
|
|
428
|
+
'bg-brand-secondary-100' = "bg-brand-secondary-100",
|
|
429
|
+
'bg-brand-secondary-200' = "bg-brand-secondary-200",
|
|
430
|
+
'bg-brand-secondary-400' = "bg-brand-secondary-400",
|
|
431
|
+
'bg-brand-secondary-500' = "bg-brand-secondary-500",
|
|
432
|
+
'bg-brand-tertiary-100' = "bg-brand-tertiary-100",
|
|
433
|
+
'bg-brand-tertiary-200' = "bg-brand-tertiary-200",
|
|
434
|
+
'bg-brand-quaternary-100' = "bg-brand-quaternary-100",
|
|
435
|
+
'bg-brand-quaternary-200' = "bg-brand-quaternary-200",
|
|
436
|
+
'bg-brand-quaternary-400' = "bg-brand-quaternary-400",
|
|
437
|
+
'bg-brand-quaternary-500' = "bg-brand-quaternary-500",
|
|
438
|
+
'bg-brand-primary-basic-active' = "bg-brand-primary-basic-active",
|
|
439
|
+
'bg-brand-primary-100-active' = "bg-brand-primary-100-active",
|
|
440
|
+
'bg-brand-primary-100-hover' = "bg-brand-primary-100-hover"
|
|
441
|
+
}
|
|
442
|
+
declare enum SocialColorNames {
|
|
443
|
+
facebook = "facebook",
|
|
444
|
+
twitter = "twitter",
|
|
445
|
+
youtube = "youtube",
|
|
446
|
+
instagrammagenta = "instagrammagenta",
|
|
447
|
+
instagramblue = "instagramblue",
|
|
448
|
+
instagrampurple = "instagrampurple",
|
|
449
|
+
instagramorange = "instagramorange",
|
|
450
|
+
instagramyellow = "instagramyellow",
|
|
451
|
+
pinterest = "pinterest",
|
|
452
|
+
googleplus = "googleplus",
|
|
453
|
+
linkedin = "linkedin",
|
|
454
|
+
vimeoblue = "vimeoblue",
|
|
455
|
+
vimeogreen = "vimeogreen",
|
|
456
|
+
vimeoorange = "vimeoorange",
|
|
457
|
+
vimeopink = "vimeopink",
|
|
458
|
+
tumblr = "tumblr",
|
|
459
|
+
snapchat = "snapchat",
|
|
460
|
+
whatsappgreen = "whatsappgreen",
|
|
461
|
+
whatsappteal1 = "whatsappteal1",
|
|
462
|
+
whatsappteal2 = "whatsappteal2",
|
|
463
|
+
foursquarepink = "foursquarepink",
|
|
464
|
+
foursquareblue = "foursquareblue",
|
|
465
|
+
swarm = "swarm",
|
|
466
|
+
skypeblue = "skypeblue",
|
|
467
|
+
skypegreen = "skypegreen",
|
|
468
|
+
android = "android",
|
|
469
|
+
stumbleupon = "stumbleupon",
|
|
470
|
+
flickrpink = "flickrpink",
|
|
471
|
+
flickrblue = "flickrblue",
|
|
472
|
+
yahoo = "yahoo",
|
|
473
|
+
soundcloud = "soundcloud",
|
|
474
|
+
spotifygreen = "spotifygreen",
|
|
475
|
+
spotifydarkgreen = "spotifydarkgreen",
|
|
476
|
+
dribbble = "dribbble",
|
|
477
|
+
reddit = "reddit",
|
|
478
|
+
deviantart = "deviantart",
|
|
479
|
+
pocket = "pocket",
|
|
480
|
+
quora = "quora",
|
|
481
|
+
quorablue = "quorablue",
|
|
482
|
+
slideshareorange = "slideshareorange",
|
|
483
|
+
slideshareblue = "slideshareblue",
|
|
484
|
+
telegram = "telegram",
|
|
485
|
+
fivehundredpx = "fivehundredpx",
|
|
486
|
+
listlyorange = "listlyorange",
|
|
487
|
+
listlyblue = "listlyblue",
|
|
488
|
+
vine = "vine",
|
|
489
|
+
vk = "vk",
|
|
490
|
+
ok = "ok",
|
|
491
|
+
mailru = "mailru"
|
|
492
|
+
}
|
|
493
|
+
declare enum UnitColorNames {
|
|
494
|
+
profession = "profession",
|
|
495
|
+
professionDark = "professionDark",
|
|
496
|
+
camps = "camps",
|
|
497
|
+
campsDark = "campsDark",
|
|
498
|
+
courses = "courses",
|
|
499
|
+
coursesDark = "coursesDark",
|
|
500
|
+
openLesson = "openLesson",
|
|
501
|
+
openLessonDark = "openLessonDark",
|
|
502
|
+
externat = "externat",
|
|
503
|
+
externatDark = "externatDark",
|
|
504
|
+
olympiad = "olympiad",
|
|
505
|
+
olympiadDark = "olympiadDark",
|
|
506
|
+
textbook = "textbook",
|
|
507
|
+
textbookDark = "textbookDark",
|
|
508
|
+
tutors = "tutors",
|
|
509
|
+
tutorsDark = "tutorsDark",
|
|
510
|
+
training = "training",
|
|
511
|
+
trainingDark = "trainingDark",
|
|
512
|
+
mathematics = "mathematics",
|
|
513
|
+
physics = "physics",
|
|
514
|
+
informatics = "informatics",
|
|
515
|
+
chemistry = "chemistry",
|
|
516
|
+
biology = "biology",
|
|
517
|
+
english = "english",
|
|
518
|
+
russian = "russian",
|
|
519
|
+
history = "history",
|
|
520
|
+
society = "society",
|
|
521
|
+
geography = "geography",
|
|
522
|
+
developing = "developing",
|
|
523
|
+
literature = "literature",
|
|
524
|
+
intersubject = "intersubject",
|
|
525
|
+
primarySchool = "primarySchool",
|
|
526
|
+
recommended = "recommended",
|
|
527
|
+
astronomy = "astronomy",
|
|
528
|
+
ecology = "ecology",
|
|
529
|
+
technology = "technology",
|
|
530
|
+
languages = "languages",
|
|
531
|
+
art = "art",
|
|
532
|
+
physicalCulture = "physicalCulture",
|
|
533
|
+
logic = "logic",
|
|
534
|
+
businessLogic = "businessLogic",
|
|
535
|
+
rap = "rap",
|
|
536
|
+
ikt = "ikt",
|
|
537
|
+
kids = "kids",
|
|
538
|
+
fgos = "fgos",
|
|
539
|
+
blue = "blue",
|
|
540
|
+
red = "red",
|
|
541
|
+
green = "green",
|
|
542
|
+
grey = "grey",
|
|
543
|
+
darkgrey = "darkgrey",
|
|
544
|
+
lightgrey = "lightgrey",
|
|
545
|
+
superlightgrey = "superlightgrey"
|
|
546
|
+
}
|
|
547
|
+
declare const ColorNames: {
|
|
548
|
+
'content-brand-primary': (typeof BrandColorNames)["content-brand-primary"];
|
|
549
|
+
'content-brand-secondary': (typeof BrandColorNames)["content-brand-secondary"];
|
|
550
|
+
'border-brand-primary': (typeof BrandColorNames)["border-brand-primary"];
|
|
551
|
+
'border-brand-secondary': (typeof BrandColorNames)["border-brand-secondary"];
|
|
552
|
+
'border-brand-primary-hover': (typeof BrandColorNames)["border-brand-primary-hover"];
|
|
553
|
+
'border-brand-primary-active': (typeof BrandColorNames)["border-brand-primary-active"];
|
|
554
|
+
'bg-brand-primary-basic': (typeof BrandColorNames)["bg-brand-primary-basic"];
|
|
555
|
+
'bg-brand-primary-100': (typeof BrandColorNames)["bg-brand-primary-100"];
|
|
556
|
+
'bg-brand-primary-200': (typeof BrandColorNames)["bg-brand-primary-200"];
|
|
557
|
+
'bg-brand-primary-400': (typeof BrandColorNames)["bg-brand-primary-400"];
|
|
558
|
+
'bg-brand-primary-500': (typeof BrandColorNames)["bg-brand-primary-500"];
|
|
559
|
+
'bg-brand-secondary-basic': (typeof BrandColorNames)["bg-brand-secondary-basic"];
|
|
560
|
+
'bg-brand-secondary-100': (typeof BrandColorNames)["bg-brand-secondary-100"];
|
|
561
|
+
'bg-brand-secondary-200': (typeof BrandColorNames)["bg-brand-secondary-200"];
|
|
562
|
+
'bg-brand-secondary-400': (typeof BrandColorNames)["bg-brand-secondary-400"];
|
|
563
|
+
'bg-brand-secondary-500': (typeof BrandColorNames)["bg-brand-secondary-500"];
|
|
564
|
+
'bg-brand-tertiary-100': (typeof BrandColorNames)["bg-brand-tertiary-100"];
|
|
565
|
+
'bg-brand-tertiary-200': (typeof BrandColorNames)["bg-brand-tertiary-200"];
|
|
566
|
+
'bg-brand-quaternary-100': (typeof BrandColorNames)["bg-brand-quaternary-100"];
|
|
567
|
+
'bg-brand-quaternary-200': (typeof BrandColorNames)["bg-brand-quaternary-200"];
|
|
568
|
+
'bg-brand-quaternary-400': (typeof BrandColorNames)["bg-brand-quaternary-400"];
|
|
569
|
+
'bg-brand-quaternary-500': (typeof BrandColorNames)["bg-brand-quaternary-500"];
|
|
570
|
+
'bg-brand-primary-basic-active': (typeof BrandColorNames)["bg-brand-primary-basic-active"];
|
|
571
|
+
'bg-brand-primary-100-active': (typeof BrandColorNames)["bg-brand-primary-100-active"];
|
|
572
|
+
'bg-brand-primary-100-hover': (typeof BrandColorNames)["bg-brand-primary-100-hover"];
|
|
573
|
+
'content-onmain-primary': (typeof BaseColorNames)["content-onmain-primary"];
|
|
574
|
+
'content-onmain-secondary': (typeof BaseColorNames)["content-onmain-secondary"];
|
|
575
|
+
'content-onmain-tertiary': (typeof BaseColorNames)["content-onmain-tertiary"];
|
|
576
|
+
'content-onmain-inverse': (typeof BaseColorNames)["content-onmain-inverse"];
|
|
577
|
+
'content-oncolor-primary': (typeof BaseColorNames)["content-oncolor-primary"];
|
|
578
|
+
'content-oncolor-secondary': (typeof BaseColorNames)["content-oncolor-secondary"];
|
|
579
|
+
'content-oncolor-tertiary': (typeof BaseColorNames)["content-oncolor-tertiary"];
|
|
580
|
+
'content-oncolor-inverse': (typeof BaseColorNames)["content-oncolor-inverse"];
|
|
581
|
+
'content-oncolor-constant': (typeof BaseColorNames)["content-oncolor-constant"];
|
|
582
|
+
'content-disabled': (typeof BaseColorNames)["content-disabled"];
|
|
583
|
+
'content-oncolor-disabled': (typeof BaseColorNames)["content-oncolor-disabled"];
|
|
584
|
+
'content-oncolor-hover': (typeof BaseColorNames)["content-oncolor-hover"];
|
|
585
|
+
'content-onmain-hover': (typeof BaseColorNames)["content-onmain-hover"];
|
|
586
|
+
'content-discount': (typeof BaseColorNames)["content-discount"];
|
|
587
|
+
'content-link': (typeof BaseColorNames)["content-link"];
|
|
588
|
+
'border-onmain-default-large': (typeof BaseColorNames)["border-onmain-default-large"];
|
|
589
|
+
'border-onmain-default-small': (typeof BaseColorNames)["border-onmain-default-small"];
|
|
590
|
+
'border-onmain-contrast': (typeof BaseColorNames)["border-onmain-contrast"];
|
|
591
|
+
'border-disabled': (typeof BaseColorNames)["border-disabled"];
|
|
592
|
+
'border-focus': (typeof BaseColorNames)["border-focus"];
|
|
593
|
+
'border-oncolor-disabled': (typeof BaseColorNames)["border-oncolor-disabled"];
|
|
594
|
+
'border-oncolor-default': (typeof BaseColorNames)["border-oncolor-default"];
|
|
595
|
+
'border-oncolor-default-large': (typeof BaseColorNames)["border-oncolor-default-large"];
|
|
596
|
+
'bg-onmain-main': (typeof BaseColorNames)["bg-onmain-main"];
|
|
597
|
+
'bg-onmain-primary': (typeof BaseColorNames)["bg-onmain-primary"];
|
|
598
|
+
'bg-onmain-secondary': (typeof BaseColorNames)["bg-onmain-secondary"];
|
|
599
|
+
'bg-onmain-tertiary': (typeof BaseColorNames)["bg-onmain-tertiary"];
|
|
600
|
+
'bg-onmain-divider': (typeof BaseColorNames)["bg-onmain-divider"];
|
|
601
|
+
'bg-onmain-contrast': (typeof BaseColorNames)["bg-onmain-contrast"];
|
|
602
|
+
'bg-onmain-inverse': (typeof BaseColorNames)["bg-onmain-inverse"];
|
|
603
|
+
'bg-oncolor-primary': (typeof BaseColorNames)["bg-oncolor-primary"];
|
|
604
|
+
'bg-oncolor-secondary': (typeof BaseColorNames)["bg-oncolor-secondary"];
|
|
605
|
+
'bg-oncolor-tertiary': (typeof BaseColorNames)["bg-oncolor-tertiary"];
|
|
606
|
+
'bg-oncolor-hover': (typeof BaseColorNames)["bg-oncolor-hover"];
|
|
607
|
+
'bg-disabled-large': (typeof BaseColorNames)["bg-disabled-large"];
|
|
608
|
+
'bg-disabled-small': (typeof BaseColorNames)["bg-disabled-small"];
|
|
609
|
+
'bg-disabled-active': (typeof BaseColorNames)["bg-disabled-active"];
|
|
610
|
+
'bg-oncolor-disabled': (typeof BaseColorNames)["bg-oncolor-disabled"];
|
|
611
|
+
'bg-contrast-active': (typeof BaseColorNames)["bg-contrast-active"];
|
|
612
|
+
'bg-oncontrast-hover': (typeof BaseColorNames)["bg-oncontrast-hover"];
|
|
613
|
+
'alert-bg-success-100': (typeof BaseColorNames)["alert-bg-success-100"];
|
|
614
|
+
'alert-bg-success-200': (typeof BaseColorNames)["alert-bg-success-200"];
|
|
615
|
+
'alert-bg-success-500': (typeof BaseColorNames)["alert-bg-success-500"];
|
|
616
|
+
'alert-bg-warning-100': (typeof BaseColorNames)["alert-bg-warning-100"];
|
|
617
|
+
'alert-bg-warning-200': (typeof BaseColorNames)["alert-bg-warning-200"];
|
|
618
|
+
'alert-bg-warning-500': (typeof BaseColorNames)["alert-bg-warning-500"];
|
|
619
|
+
'alert-bg-error-100': (typeof BaseColorNames)["alert-bg-error-100"];
|
|
620
|
+
'alert-bg-error-200': (typeof BaseColorNames)["alert-bg-error-200"];
|
|
621
|
+
'alert-bg-error-500': (typeof BaseColorNames)["alert-bg-error-500"];
|
|
622
|
+
'alert-success': (typeof BaseColorNames)["alert-success"];
|
|
623
|
+
'alert-warning': (typeof BaseColorNames)["alert-warning"];
|
|
624
|
+
'alert-error': (typeof BaseColorNames)["alert-error"];
|
|
625
|
+
'product-bg-course': (typeof BaseColorNames)["product-bg-course"];
|
|
626
|
+
'product-bg-tutor': (typeof BaseColorNames)["product-bg-tutor"];
|
|
627
|
+
'product-bg-group': (typeof BaseColorNames)["product-bg-group"];
|
|
628
|
+
'product-bg-complect': (typeof BaseColorNames)["product-bg-complect"];
|
|
629
|
+
'skeleton-onmain-primary': (typeof BaseColorNames)["skeleton-onmain-primary"];
|
|
630
|
+
'skeleton-onmain-secondary': (typeof BaseColorNames)["skeleton-onmain-secondary"];
|
|
631
|
+
'skeleton-gradient-from-color-onmain': (typeof BaseColorNames)["skeleton-gradient-from-color-onmain"];
|
|
632
|
+
'skeleton-gradient-to-color-onmain': (typeof BaseColorNames)["skeleton-gradient-to-color-onmain"];
|
|
633
|
+
'skeleton-oncolor-primary': (typeof BaseColorNames)["skeleton-oncolor-primary"];
|
|
634
|
+
'skeleton-oncolor-secondary': (typeof BaseColorNames)["skeleton-oncolor-secondary"];
|
|
635
|
+
'skeleton-gradient-from-color-oncolor': (typeof BaseColorNames)["skeleton-gradient-from-color-oncolor"];
|
|
636
|
+
'skeleton-gradient-to-color-oncolor': (typeof BaseColorNames)["skeleton-gradient-to-color-oncolor"];
|
|
637
|
+
'bg-other-badge': (typeof BaseColorNames)["bg-other-badge"];
|
|
638
|
+
'bg-other-black': (typeof BaseColorNames)["bg-other-black"];
|
|
639
|
+
'alert-bg-info-100': (typeof BaseColorNames)["alert-bg-info-100"];
|
|
640
|
+
'alert-bg-info-200': (typeof BaseColorNames)["alert-bg-info-200"];
|
|
641
|
+
'alert-bg-info-500': (typeof BaseColorNames)["alert-bg-info-500"];
|
|
642
|
+
'alert-info': (typeof BaseColorNames)["alert-info"];
|
|
643
|
+
'product-content-school': (typeof BaseColorNames)["product-content-school"];
|
|
644
|
+
'product-content-group': (typeof BaseColorNames)["product-content-group"];
|
|
645
|
+
'product-content-outclass': (typeof BaseColorNames)["product-content-outclass"];
|
|
646
|
+
'product-content-course': (typeof BaseColorNames)["product-content-course"];
|
|
647
|
+
'product-content-tutor': (typeof BaseColorNames)["product-content-tutor"];
|
|
648
|
+
'product-high-school': (typeof BaseColorNames)["product-high-school"];
|
|
649
|
+
'product-high-group': (typeof BaseColorNames)["product-high-group"];
|
|
650
|
+
'product-high-outclass': (typeof BaseColorNames)["product-high-outclass"];
|
|
651
|
+
'product-high-course': (typeof BaseColorNames)["product-high-course"];
|
|
652
|
+
'product-high-tutor': (typeof BaseColorNames)["product-high-tutor"];
|
|
653
|
+
'product-low-school': (typeof BaseColorNames)["product-low-school"];
|
|
654
|
+
'product-low-group': (typeof BaseColorNames)["product-low-group"];
|
|
655
|
+
'product-low-outclass': (typeof BaseColorNames)["product-low-outclass"];
|
|
656
|
+
'product-low-course': (typeof BaseColorNames)["product-low-course"];
|
|
657
|
+
'product-low-tutor': (typeof BaseColorNames)["product-low-tutor"];
|
|
658
|
+
profession: UnitColorNames.profession;
|
|
659
|
+
professionDark: UnitColorNames.professionDark;
|
|
660
|
+
camps: UnitColorNames.camps;
|
|
661
|
+
campsDark: UnitColorNames.campsDark;
|
|
662
|
+
courses: UnitColorNames.courses;
|
|
663
|
+
coursesDark: UnitColorNames.coursesDark;
|
|
664
|
+
openLesson: UnitColorNames.openLesson;
|
|
665
|
+
openLessonDark: UnitColorNames.openLessonDark;
|
|
666
|
+
externat: UnitColorNames.externat;
|
|
667
|
+
externatDark: UnitColorNames.externatDark;
|
|
668
|
+
olympiad: UnitColorNames.olympiad;
|
|
669
|
+
olympiadDark: UnitColorNames.olympiadDark;
|
|
670
|
+
textbook: UnitColorNames.textbook;
|
|
671
|
+
textbookDark: UnitColorNames.textbookDark;
|
|
672
|
+
tutors: UnitColorNames.tutors;
|
|
673
|
+
tutorsDark: UnitColorNames.tutorsDark;
|
|
674
|
+
training: UnitColorNames.training;
|
|
675
|
+
trainingDark: UnitColorNames.trainingDark;
|
|
676
|
+
mathematics: UnitColorNames.mathematics;
|
|
677
|
+
physics: UnitColorNames.physics;
|
|
678
|
+
informatics: UnitColorNames.informatics;
|
|
679
|
+
chemistry: UnitColorNames.chemistry;
|
|
680
|
+
biology: UnitColorNames.biology;
|
|
681
|
+
english: UnitColorNames.english;
|
|
682
|
+
russian: UnitColorNames.russian;
|
|
683
|
+
history: UnitColorNames.history;
|
|
684
|
+
society: UnitColorNames.society;
|
|
685
|
+
geography: UnitColorNames.geography;
|
|
686
|
+
developing: UnitColorNames.developing;
|
|
687
|
+
literature: UnitColorNames.literature;
|
|
688
|
+
intersubject: UnitColorNames.intersubject;
|
|
689
|
+
primarySchool: UnitColorNames.primarySchool;
|
|
690
|
+
recommended: UnitColorNames.recommended;
|
|
691
|
+
astronomy: UnitColorNames.astronomy;
|
|
692
|
+
ecology: UnitColorNames.ecology;
|
|
693
|
+
technology: UnitColorNames.technology;
|
|
694
|
+
languages: UnitColorNames.languages;
|
|
695
|
+
art: UnitColorNames.art;
|
|
696
|
+
physicalCulture: UnitColorNames.physicalCulture;
|
|
697
|
+
logic: UnitColorNames.logic;
|
|
698
|
+
businessLogic: UnitColorNames.businessLogic;
|
|
699
|
+
rap: UnitColorNames.rap;
|
|
700
|
+
ikt: UnitColorNames.ikt;
|
|
701
|
+
kids: UnitColorNames.kids;
|
|
702
|
+
fgos: UnitColorNames.fgos;
|
|
703
|
+
blue: UnitColorNames.blue;
|
|
704
|
+
red: UnitColorNames.red;
|
|
705
|
+
green: UnitColorNames.green;
|
|
706
|
+
grey: UnitColorNames.grey;
|
|
707
|
+
darkgrey: UnitColorNames.darkgrey;
|
|
708
|
+
lightgrey: UnitColorNames.lightgrey;
|
|
709
|
+
superlightgrey: UnitColorNames.superlightgrey;
|
|
710
|
+
facebook: SocialColorNames.facebook;
|
|
711
|
+
twitter: SocialColorNames.twitter;
|
|
712
|
+
youtube: SocialColorNames.youtube;
|
|
713
|
+
instagrammagenta: SocialColorNames.instagrammagenta;
|
|
714
|
+
instagramblue: SocialColorNames.instagramblue;
|
|
715
|
+
instagrampurple: SocialColorNames.instagrampurple;
|
|
716
|
+
instagramorange: SocialColorNames.instagramorange;
|
|
717
|
+
instagramyellow: SocialColorNames.instagramyellow;
|
|
718
|
+
pinterest: SocialColorNames.pinterest;
|
|
719
|
+
googleplus: SocialColorNames.googleplus;
|
|
720
|
+
linkedin: SocialColorNames.linkedin;
|
|
721
|
+
vimeoblue: SocialColorNames.vimeoblue;
|
|
722
|
+
vimeogreen: SocialColorNames.vimeogreen;
|
|
723
|
+
vimeoorange: SocialColorNames.vimeoorange;
|
|
724
|
+
vimeopink: SocialColorNames.vimeopink;
|
|
725
|
+
tumblr: SocialColorNames.tumblr;
|
|
726
|
+
snapchat: SocialColorNames.snapchat;
|
|
727
|
+
whatsappgreen: SocialColorNames.whatsappgreen;
|
|
728
|
+
whatsappteal1: SocialColorNames.whatsappteal1;
|
|
729
|
+
whatsappteal2: SocialColorNames.whatsappteal2;
|
|
730
|
+
foursquarepink: SocialColorNames.foursquarepink;
|
|
731
|
+
foursquareblue: SocialColorNames.foursquareblue;
|
|
732
|
+
swarm: SocialColorNames.swarm;
|
|
733
|
+
skypeblue: SocialColorNames.skypeblue;
|
|
734
|
+
skypegreen: SocialColorNames.skypegreen;
|
|
735
|
+
android: SocialColorNames.android;
|
|
736
|
+
stumbleupon: SocialColorNames.stumbleupon;
|
|
737
|
+
flickrpink: SocialColorNames.flickrpink;
|
|
738
|
+
flickrblue: SocialColorNames.flickrblue;
|
|
739
|
+
yahoo: SocialColorNames.yahoo;
|
|
740
|
+
soundcloud: SocialColorNames.soundcloud;
|
|
741
|
+
spotifygreen: SocialColorNames.spotifygreen;
|
|
742
|
+
spotifydarkgreen: SocialColorNames.spotifydarkgreen;
|
|
743
|
+
dribbble: SocialColorNames.dribbble;
|
|
744
|
+
reddit: SocialColorNames.reddit;
|
|
745
|
+
deviantart: SocialColorNames.deviantart;
|
|
746
|
+
pocket: SocialColorNames.pocket;
|
|
747
|
+
quora: SocialColorNames.quora;
|
|
748
|
+
quorablue: SocialColorNames.quorablue;
|
|
749
|
+
slideshareorange: SocialColorNames.slideshareorange;
|
|
750
|
+
slideshareblue: SocialColorNames.slideshareblue;
|
|
751
|
+
telegram: SocialColorNames.telegram;
|
|
752
|
+
fivehundredpx: SocialColorNames.fivehundredpx;
|
|
753
|
+
listlyorange: SocialColorNames.listlyorange;
|
|
754
|
+
listlyblue: SocialColorNames.listlyblue;
|
|
755
|
+
vine: SocialColorNames.vine;
|
|
756
|
+
vk: SocialColorNames.vk;
|
|
757
|
+
ok: SocialColorNames.ok;
|
|
758
|
+
mailru: SocialColorNames.mailru;
|
|
759
|
+
white: DefaultColorNames.white;
|
|
760
|
+
black: DefaultColorNames.black;
|
|
761
|
+
tundora: DefaultColorNames.tundora;
|
|
762
|
+
paleSky: DefaultColorNames.paleSky;
|
|
763
|
+
bostonBlue: DefaultColorNames.bostonBlue;
|
|
764
|
+
atlantisBrightly: DefaultColorNames.atlantisBrightly;
|
|
765
|
+
cinnabar: DefaultColorNames.cinnabar;
|
|
766
|
+
sail: DefaultColorNames.sail;
|
|
767
|
+
bittersweet: DefaultColorNames.bittersweet;
|
|
768
|
+
turquoise: DefaultColorNames.turquoise;
|
|
769
|
+
dodgerBlue: DefaultColorNames.dodgerBlue;
|
|
770
|
+
mantis: DefaultColorNames.mantis;
|
|
771
|
+
azure: DefaultColorNames.azure;
|
|
772
|
+
bahamaBlue: DefaultColorNames.bahamaBlue;
|
|
773
|
+
shamrock: DefaultColorNames.shamrock;
|
|
774
|
+
olive: DefaultColorNames.olive;
|
|
775
|
+
copperRose: DefaultColorNames.copperRose;
|
|
776
|
+
cyan: DefaultColorNames.cyan;
|
|
777
|
+
plum: DefaultColorNames.plum;
|
|
778
|
+
hokeyPokey: DefaultColorNames.hokeyPokey;
|
|
779
|
+
monaLisa: DefaultColorNames.monaLisa;
|
|
780
|
+
mariner: DefaultColorNames.mariner;
|
|
781
|
+
heliotrope: DefaultColorNames.heliotrope;
|
|
782
|
+
dandelion: DefaultColorNames.dandelion;
|
|
783
|
+
fruitSalad: DefaultColorNames.fruitSalad;
|
|
784
|
+
fuchsiaBlue: DefaultColorNames.fuchsiaBlue;
|
|
785
|
+
persianGreen: DefaultColorNames.persianGreen;
|
|
786
|
+
watermelon: DefaultColorNames.watermelon;
|
|
787
|
+
tropaz: DefaultColorNames.tropaz;
|
|
788
|
+
lima: DefaultColorNames.lima;
|
|
789
|
+
mintTulip: DefaultColorNames.mintTulip;
|
|
790
|
+
carnationPink: DefaultColorNames.carnationPink;
|
|
791
|
+
paleRose: DefaultColorNames.paleRose;
|
|
792
|
+
deYork: DefaultColorNames.deYork;
|
|
793
|
+
peppermint: DefaultColorNames.peppermint;
|
|
794
|
+
cornflowerBlue: DefaultColorNames.cornflowerBlue;
|
|
795
|
+
colonialWhite: DefaultColorNames.colonialWhite;
|
|
796
|
+
cherokee: DefaultColorNames.cherokee;
|
|
797
|
+
supernova: DefaultColorNames.supernova;
|
|
798
|
+
picasso: DefaultColorNames.picasso;
|
|
799
|
+
bilobaFlower: DefaultColorNames.bilobaFlower;
|
|
800
|
+
linkWater: DefaultColorNames.linkWater;
|
|
801
|
+
mineShaft: DefaultColorNames.mineShaft;
|
|
802
|
+
silver: DefaultColorNames.silver;
|
|
803
|
+
alto: DefaultColorNames.alto;
|
|
804
|
+
mercury: DefaultColorNames.mercury;
|
|
805
|
+
wildSand: DefaultColorNames.wildSand;
|
|
806
|
+
whiteGray: DefaultColorNames.whiteGray;
|
|
807
|
+
alabaster: DefaultColorNames.alabaster;
|
|
808
|
+
whiteLilac: DefaultColorNames.whiteLilac;
|
|
809
|
+
atlantis: DefaultColorNames.atlantis;
|
|
810
|
+
yellowOrange: DefaultColorNames.yellowOrange;
|
|
811
|
+
mystic: DefaultColorNames.mystic;
|
|
812
|
+
pomegranate: DefaultColorNames.pomegranate;
|
|
813
|
+
oliveDrab: DefaultColorNames.oliveDrab;
|
|
814
|
+
curious: DefaultColorNames.curious;
|
|
815
|
+
orangePeel: DefaultColorNames.orangePeel;
|
|
816
|
+
nebula: DefaultColorNames.nebula;
|
|
817
|
+
seaNymph: DefaultColorNames.seaNymph;
|
|
818
|
+
chromeWhite: DefaultColorNames.chromeWhite;
|
|
819
|
+
onahau: DefaultColorNames.onahau;
|
|
820
|
+
citrineWhite: DefaultColorNames.citrineWhite;
|
|
821
|
+
coralReef: DefaultColorNames.coralReef;
|
|
822
|
+
creemBrulee: DefaultColorNames.creemBrulee;
|
|
823
|
+
frangipani: DefaultColorNames.frangipani;
|
|
824
|
+
yourPink: DefaultColorNames.yourPink;
|
|
825
|
+
periwinkleGray: DefaultColorNames.periwinkleGray;
|
|
826
|
+
baliHai: DefaultColorNames.baliHai;
|
|
827
|
+
primary: DefaultColorNames.primary;
|
|
828
|
+
accent: DefaultColorNames.accent;
|
|
829
|
+
transparent: DefaultColorNames.transparent;
|
|
830
|
+
catalinaBlue: DefaultColorNames.catalinaBlue;
|
|
831
|
+
danube: DefaultColorNames.danube;
|
|
832
|
+
midnightDeep: DefaultColorNames.midnightDeep;
|
|
833
|
+
anakiva: DefaultColorNames.anakiva;
|
|
834
|
+
azureRadiance: DefaultColorNames.azureRadiance;
|
|
835
|
+
blueMarguerite: DefaultColorNames.blueMarguerite;
|
|
836
|
+
blueViolet: DefaultColorNames.blueViolet;
|
|
837
|
+
bossanova: DefaultColorNames.bossanova;
|
|
838
|
+
capeCod: DefaultColorNames.capeCod;
|
|
839
|
+
cerulean: DefaultColorNames.cerulean;
|
|
840
|
+
congressBlue: DefaultColorNames.congressBlue;
|
|
841
|
+
congressBlueLight: DefaultColorNames.congressBlueLight;
|
|
842
|
+
creamBrulee: DefaultColorNames.creamBrulee;
|
|
843
|
+
denim: DefaultColorNames.denim;
|
|
844
|
+
earlyDawn: DefaultColorNames.earlyDawn;
|
|
845
|
+
eminence: DefaultColorNames.eminence;
|
|
846
|
+
endeavour: DefaultColorNames.endeavour;
|
|
847
|
+
fern: DefaultColorNames.fern;
|
|
848
|
+
ghost: DefaultColorNames.ghost;
|
|
849
|
+
grape: DefaultColorNames.grape;
|
|
850
|
+
gunsmoke: DefaultColorNames.gunsmoke;
|
|
851
|
+
highland: DefaultColorNames.highland;
|
|
852
|
+
honeyFlower: DefaultColorNames.honeyFlower;
|
|
853
|
+
honeyFlower2: DefaultColorNames.honeyFlower2;
|
|
854
|
+
honeyFlower3: DefaultColorNames.honeyFlower3;
|
|
855
|
+
jagger: DefaultColorNames.jagger;
|
|
856
|
+
jordyBlue: DefaultColorNames.jordyBlue;
|
|
857
|
+
jumbo: DefaultColorNames.jumbo;
|
|
858
|
+
mediumPurple: DefaultColorNames.mediumPurple;
|
|
859
|
+
midnightBlue: DefaultColorNames.midnightBlue;
|
|
860
|
+
moodyBlue: DefaultColorNames.moodyBlue;
|
|
861
|
+
nandor: DefaultColorNames.nandor;
|
|
862
|
+
nevada: DefaultColorNames.nevada;
|
|
863
|
+
olivine: DefaultColorNames.olivine;
|
|
864
|
+
parsley: DefaultColorNames.parsley;
|
|
865
|
+
pattensBlue: DefaultColorNames.pattensBlue;
|
|
866
|
+
pattensBlueLight: DefaultColorNames.pattensBlueLight;
|
|
867
|
+
scarletGum: DefaultColorNames.scarletGum;
|
|
868
|
+
scienceBlue: DefaultColorNames.scienceBlue;
|
|
869
|
+
scienceBlue03: DefaultColorNames.scienceBlue03;
|
|
870
|
+
seance: DefaultColorNames.seance;
|
|
871
|
+
smalt: DefaultColorNames.smalt;
|
|
872
|
+
smaltLight: DefaultColorNames.smaltLight;
|
|
873
|
+
tarawera: DefaultColorNames.tarawera;
|
|
874
|
+
toryBlue: DefaultColorNames.toryBlue;
|
|
875
|
+
toryBlueDark: DefaultColorNames.toryBlueDark;
|
|
876
|
+
dodgerBlueDark: DefaultColorNames.dodgerBlueDark;
|
|
877
|
+
chambray: DefaultColorNames.chambray;
|
|
878
|
+
chambrayDark: DefaultColorNames.chambrayDark;
|
|
879
|
+
pomegranateDark: DefaultColorNames.pomegranateDark;
|
|
880
|
+
azureRadiance2: DefaultColorNames.azureRadiance2;
|
|
881
|
+
curiousBlue: DefaultColorNames.curiousBlue;
|
|
882
|
+
jungleGreen: DefaultColorNames.jungleGreen;
|
|
883
|
+
violetDeep: DefaultColorNames.violetDeep;
|
|
884
|
+
stormGray: DefaultColorNames.stormGray;
|
|
885
|
+
zeus: DefaultColorNames.zeus;
|
|
886
|
+
athensGray: DefaultColorNames.athensGray;
|
|
887
|
+
marinerLight: DefaultColorNames.marinerLight;
|
|
888
|
+
royalBlue: DefaultColorNames.royalBlue;
|
|
889
|
+
melrose: DefaultColorNames.melrose;
|
|
890
|
+
zircon: DefaultColorNames.zircon;
|
|
891
|
+
veniceBlue: DefaultColorNames.veniceBlue;
|
|
892
|
+
solitude: DefaultColorNames.solitude;
|
|
893
|
+
selago: DefaultColorNames.selago;
|
|
894
|
+
coconutCream: DefaultColorNames.coconutCream;
|
|
895
|
+
cinderella: DefaultColorNames.cinderella;
|
|
896
|
+
royalBlueDark: DefaultColorNames.royalBlueDark;
|
|
897
|
+
persianBlue: DefaultColorNames.persianBlue;
|
|
898
|
+
ultramarine: DefaultColorNames.ultramarine;
|
|
899
|
+
cornflowerBlueDark: DefaultColorNames.cornflowerBlueDark;
|
|
900
|
+
jungleGreenDark: DefaultColorNames.jungleGreenDark;
|
|
901
|
+
mountainMeadow: DefaultColorNames.mountainMeadow;
|
|
902
|
+
dodgerBlueDim: DefaultColorNames.dodgerBlueDim;
|
|
903
|
+
zirconDark: DefaultColorNames.zirconDark;
|
|
904
|
+
pizazz: DefaultColorNames.pizazz;
|
|
905
|
+
madison: DefaultColorNames.madison;
|
|
906
|
+
ebony: DefaultColorNames.ebony;
|
|
907
|
+
mediumRedViolet: DefaultColorNames.mediumRedViolet;
|
|
908
|
+
fruitSaladLight: DefaultColorNames.fruitSaladLight;
|
|
909
|
+
shark: DefaultColorNames.shark;
|
|
910
|
+
azureRadianceLight: DefaultColorNames.azureRadianceLight;
|
|
911
|
+
carnation: DefaultColorNames.carnation;
|
|
912
|
+
limaGreen: DefaultColorNames.limaGreen;
|
|
913
|
+
mysin: DefaultColorNames.mysin;
|
|
914
|
+
studio: DefaultColorNames.studio;
|
|
915
|
+
athsSpecial: DefaultColorNames.athsSpecial;
|
|
916
|
+
thunderbird: DefaultColorNames.thunderbird;
|
|
917
|
+
denimDark: DefaultColorNames.denimDark;
|
|
918
|
+
puertoRico: DefaultColorNames.puertoRico;
|
|
919
|
+
lochmara: DefaultColorNames.lochmara;
|
|
920
|
+
aliceBlue: DefaultColorNames.aliceBlue;
|
|
921
|
+
perano: DefaultColorNames.perano;
|
|
922
|
+
portage: DefaultColorNames.portage;
|
|
923
|
+
royalBlueDim: DefaultColorNames.royalBlueDim;
|
|
924
|
+
sailDim: DefaultColorNames.sailDim;
|
|
925
|
+
solitaire: DefaultColorNames.solitaire;
|
|
926
|
+
capeHoney: DefaultColorNames.capeHoney;
|
|
927
|
+
fairPink: DefaultColorNames.fairPink;
|
|
928
|
+
romantic: DefaultColorNames.romantic;
|
|
929
|
+
polar: DefaultColorNames.polar;
|
|
930
|
+
cruise: DefaultColorNames.cruise;
|
|
931
|
+
selagoLight: DefaultColorNames.selagoLight;
|
|
932
|
+
moonRaker: DefaultColorNames.moonRaker;
|
|
933
|
+
pippin: DefaultColorNames.pippin;
|
|
934
|
+
yourPinkDark: DefaultColorNames.yourPinkDark;
|
|
935
|
+
peppermintLight: DefaultColorNames.peppermintLight;
|
|
936
|
+
fringyFlower: DefaultColorNames.fringyFlower;
|
|
937
|
+
heliotropeDark: DefaultColorNames.heliotropeDark;
|
|
938
|
+
pictonBlue: DefaultColorNames.pictonBlue;
|
|
939
|
+
mediumPurpleRed: DefaultColorNames.mediumPurpleRed;
|
|
940
|
+
scooter: DefaultColorNames.scooter;
|
|
941
|
+
chambrayDim: DefaultColorNames.chambrayDim;
|
|
942
|
+
dodgerBlueLight: DefaultColorNames.dodgerBlueLight;
|
|
943
|
+
selectiveYellow: DefaultColorNames.selectiveYellow;
|
|
944
|
+
scienceBlueDark: DefaultColorNames.scienceBlueDark;
|
|
945
|
+
dodgerBlueDeep: DefaultColorNames.dodgerBlueDeep;
|
|
946
|
+
kashmirBlue: DefaultColorNames.kashmirBlue;
|
|
947
|
+
turbo: DefaultColorNames.turbo;
|
|
948
|
+
denimDim: DefaultColorNames.denimDim;
|
|
949
|
+
orangeRoughy: DefaultColorNames.orangeRoughy;
|
|
950
|
+
selagoDim: DefaultColorNames.selagoDim;
|
|
951
|
+
congressBlueNight: DefaultColorNames.congressBlueNight;
|
|
952
|
+
azureRadianceMedium: DefaultColorNames.azureRadianceMedium;
|
|
953
|
+
honeyFlowerDim: DefaultColorNames.honeyFlowerDim;
|
|
954
|
+
jaguar: DefaultColorNames.jaguar;
|
|
955
|
+
kournikova: DefaultColorNames.kournikova;
|
|
956
|
+
drover: DefaultColorNames.drover;
|
|
957
|
+
flamingo: DefaultColorNames.flamingo;
|
|
958
|
+
mineShaftDim: DefaultColorNames.mineShaftDim;
|
|
959
|
+
periwinkle: DefaultColorNames.periwinkle;
|
|
960
|
+
colonialWhiteDim: DefaultColorNames.colonialWhiteDim;
|
|
961
|
+
pattensBlueDeep: DefaultColorNames.pattensBlueDeep;
|
|
962
|
+
solitudeDim: DefaultColorNames.solitudeDim;
|
|
963
|
+
periwinkleDim: DefaultColorNames.periwinkleDim;
|
|
964
|
+
rioGrande: DefaultColorNames.rioGrande;
|
|
965
|
+
kournikovaDim: DefaultColorNames.kournikovaDim;
|
|
966
|
+
};
|
|
967
|
+
|
|
968
|
+
interface Theme {
|
|
969
|
+
breakpoints: Readonly<Record<Lowercase<Breakpoint$1>, number>>;
|
|
970
|
+
assetHost?: string;
|
|
971
|
+
colors: Record<keyof typeof ColorNames$1, CSSColor$1>;
|
|
972
|
+
borderRadius: string;
|
|
973
|
+
textColor?: string;
|
|
974
|
+
fallbackColor?: string;
|
|
975
|
+
zIndex: {
|
|
976
|
+
modal: number;
|
|
977
|
+
tooltip: number;
|
|
978
|
+
};
|
|
979
|
+
classNamePrefix: string;
|
|
980
|
+
defaultInputControlsWidth: number | keyof typeof SizeInput | 'auto';
|
|
981
|
+
utils?: {
|
|
982
|
+
relBuilder?: (_link?: string, _target?: string) => undefined | string;
|
|
983
|
+
hexToRgbA?: (hex: string, alpha?: number) => string;
|
|
984
|
+
};
|
|
985
|
+
mode: ThemeMode$1;
|
|
986
|
+
preset: ThemePreset$1;
|
|
987
|
+
name: ThemeName$1;
|
|
988
|
+
components?: {
|
|
989
|
+
Alert?: AlertProps$1;
|
|
990
|
+
Anchor?: AnchorProps$1;
|
|
991
|
+
Arrow?: ArrowProps$1;
|
|
992
|
+
ArrowBadge?: ArrowBadgeProps$1;
|
|
993
|
+
Avatar?: AvatarProps$1;
|
|
994
|
+
Badge?: BadgeProps$1;
|
|
995
|
+
Button?: ButtonProps$1;
|
|
996
|
+
Checkbox?: CheckboxProps$1;
|
|
997
|
+
Chip?: ChipProps$1;
|
|
998
|
+
IconButton?: IconButtonProps$1;
|
|
999
|
+
Indicator?: IndicatorProps$1;
|
|
1000
|
+
ListItem?: ListItemProps$1;
|
|
1001
|
+
Popover?: PopoverProps$1;
|
|
1002
|
+
PopoverComponent?: PopoverComponentProps;
|
|
1003
|
+
Skeleton?: SkeletonProps$1;
|
|
1004
|
+
Switcher?: SwitcherProps$1;
|
|
1005
|
+
Tab?: TabProps$1;
|
|
1006
|
+
Text?: TextProps$1;
|
|
1007
|
+
'Text.Heading'?: TextHeadingProps;
|
|
1008
|
+
Textarea?: TextareaProps$1;
|
|
1009
|
+
Tooltip?: TooltipProps$1;
|
|
1010
|
+
TooltipComponent?: TooltipComponentProps;
|
|
1011
|
+
Menu?: MenuProps$1;
|
|
1012
|
+
MenuComponentProps?: MenuComponentProps;
|
|
1013
|
+
};
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
declare type MediaQueryParams = {
|
|
1017
|
+
and?: string;
|
|
1018
|
+
condition?: (_props: any) => boolean;
|
|
1019
|
+
};
|
|
1020
|
+
/**
|
|
1021
|
+
* @return `@media screen and (min-width: 320px) and (max-width: 374px) { ...args }`
|
|
1022
|
+
*/
|
|
1023
|
+
declare const screenXs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1024
|
+
/**
|
|
1025
|
+
* @return `@media screen and (min-width: 375px) and (max-width: 767px) { ...args }`
|
|
1026
|
+
*/
|
|
1027
|
+
declare const screenS: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1028
|
+
/**
|
|
1029
|
+
* @return `@media screen and (min-width: 768) and (max-width: 1023px) { ...args }`
|
|
1030
|
+
*/
|
|
1031
|
+
declare const screenM: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1032
|
+
/**
|
|
1033
|
+
* @return `@media screen and (min-width: 1024px) and (max-width: 1279px) { ...args }`
|
|
1034
|
+
*/
|
|
1035
|
+
declare const screenL: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1036
|
+
/**
|
|
1037
|
+
* @return `@media screen and (min-width: 1280px) and (max-width: 1439px) { ...args }`
|
|
1038
|
+
*/
|
|
1039
|
+
declare const screenXl: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1040
|
+
/**
|
|
1041
|
+
* @return `@media screen and (max-width: 319px) { ...args }`
|
|
1042
|
+
*/
|
|
1043
|
+
declare const screenMaxXxs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1044
|
+
/**
|
|
1045
|
+
* @return `@media screen and (max-width: 374px) { ...args }`
|
|
1046
|
+
*/
|
|
1047
|
+
declare const screenMaxXs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1048
|
+
/**
|
|
1049
|
+
* @return `@media screen and (min-width: 375px) { ...args }`
|
|
1050
|
+
*/
|
|
1051
|
+
declare const screenMinXs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1052
|
+
/**
|
|
1053
|
+
* @return `@media screen and (max-width: 767px) { ...args }`
|
|
1054
|
+
*/
|
|
1055
|
+
declare const screenMaxS: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1056
|
+
/**
|
|
1057
|
+
* @return `@media screen and (min-width: 768px) { ...args }`
|
|
1058
|
+
*/
|
|
1059
|
+
declare const screenMinS: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1060
|
+
/**
|
|
1061
|
+
* @return `@media screen and (max-width: 1023px) { ...args }`
|
|
1062
|
+
*/
|
|
1063
|
+
declare const screenMaxM: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1064
|
+
/**
|
|
1065
|
+
* @return `@media screen and (min-width: 1024px) { ...args }`
|
|
1066
|
+
*/
|
|
1067
|
+
declare const screenMinM: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1068
|
+
/**
|
|
1069
|
+
* @return `@media screen and (max-width: 1279px) { ...args }`
|
|
1070
|
+
*/
|
|
1071
|
+
declare const screenMaxL: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1072
|
+
/**
|
|
1073
|
+
* @return `@media screen and (min-width: 1280px) { ...args }`
|
|
1074
|
+
*/
|
|
1075
|
+
declare const screenMinL: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1076
|
+
/**
|
|
1077
|
+
* @return `@media screen and (max-width: 1439px) { ...args }`
|
|
1078
|
+
*/
|
|
1079
|
+
declare const screenMaxXl: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1080
|
+
/**
|
|
1081
|
+
* @return `@media screen and (min-width: 1440px) { ...args }`
|
|
1082
|
+
*/
|
|
1083
|
+
declare const screenMinXl: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
|
|
1084
|
+
/**
|
|
1085
|
+
* @return `@media -webkit-min-device-pixel-ratio: 2 and (min-resolution: 192dpi) { ...args }`
|
|
1086
|
+
*/
|
|
1087
|
+
declare const screenRetina: (args_0: TemplateStringsArray | CSSObject, args_1: SimpleInterpolation) => styled_components.FlattenSimpleInterpolation;
|
|
1088
|
+
|
|
1089
|
+
/**
|
|
1090
|
+
* Value for breakpoint
|
|
1091
|
+
*/
|
|
1092
|
+
declare type PossibleValues = number | Size$1 | 'auto' | 'initial' | 'inherit' | boolean;
|
|
1093
|
+
declare type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
|
|
1094
|
+
declare type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
|
|
1095
|
+
declare type CssProperty = string | CalcProperty;
|
|
1096
|
+
declare type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
1097
|
+
declare type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {
|
|
1098
|
+
[key in `${T}${ResponsiveKeys}`]?: V;
|
|
1099
|
+
};
|
|
1100
|
+
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$1, number>) => () => () => FlattenSimpleInterpolation | null;
|
|
1101
|
+
interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
|
|
1102
|
+
sizes: ResponsiveNamedProperty<T>;
|
|
1103
|
+
cssProperty: CssProperty;
|
|
1104
|
+
sizing?: null | string;
|
|
1105
|
+
customSizeHandler?: (_value: PossibleValues) => PossibleValues;
|
|
1106
|
+
sort?: (_a: string, _b: string) => number;
|
|
1107
|
+
predefinedSizes?: Record<Size$1, number>;
|
|
1108
|
+
}
|
|
1109
|
+
/**
|
|
1110
|
+
* Миксин для генерации media запросов
|
|
1111
|
+
*
|
|
1112
|
+
* @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина
|
|
1113
|
+
* @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components
|
|
1114
|
+
* @param obj.sizing значение величины, по умолчанию `px`
|
|
1115
|
+
* @param obj.customSizeHandler функция для вычисления кастомных значений величин
|
|
1116
|
+
* @returns строки медиазапросов
|
|
1117
|
+
*/
|
|
1118
|
+
declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, predefinedSizes, cssProperty, sizing, customSizeHandler, sort, }: ResponsiveNamedPropertyPayload<T>) => () => () => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>[];
|
|
1119
|
+
/**
|
|
1120
|
+
* Миксин для генерации media запросов
|
|
1121
|
+
*
|
|
1122
|
+
* @param propName имя пропсы
|
|
1123
|
+
* @param cssProperty имя css свойства
|
|
1124
|
+
* @param sizing значение величины, по умолчанию `px`
|
|
1125
|
+
* @returns строки медиазапросов
|
|
1126
|
+
*/
|
|
1127
|
+
declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
|
|
1128
|
+
|
|
1129
|
+
declare type ColorCalcProperty = (_color: CSSColor$1) => FlattenSimpleInterpolation | null;
|
|
1130
|
+
declare type ColorCssProperty = string | ColorCalcProperty;
|
|
1131
|
+
declare const color: (color?: Color$1 | string, cssProperty?: ColorCssProperty) => () => (props: {
|
|
1132
|
+
theme: DefaultTheme;
|
|
1133
|
+
}) => FlattenSimpleInterpolation | null;
|
|
1134
|
+
|
|
1135
|
+
declare const vAlign: (vAlign: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => styled_components.FlattenSimpleInterpolation;
|
|
1136
|
+
|
|
1137
|
+
declare function buildMediaQuery(value: number | Size$1 | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$1, number>): ReturnType<typeof css>;
|
|
1138
|
+
declare const desktopFirst: (a: string, b: string) => number;
|
|
1139
|
+
declare const mobileFirst: (a: string, b: string) => number;
|
|
1140
|
+
|
|
1141
|
+
interface ActionBtnProps extends BaseProps$1, DisplayProperty {
|
|
1142
|
+
/** Icon name (for inner Icon component) */
|
|
1143
|
+
icon?: IconName$2;
|
|
1144
|
+
disabled?: boolean;
|
|
1145
|
+
active?: boolean;
|
|
1146
|
+
onClick?(): void;
|
|
1147
|
+
/**
|
|
1148
|
+
* Children react node
|
|
1149
|
+
*/
|
|
1150
|
+
children?: React.ReactNode;
|
|
1151
|
+
}
|
|
1152
|
+
/**
|
|
1153
|
+
* Расширен:
|
|
1154
|
+
* - [`BaseProps`](#/Миксины)
|
|
1155
|
+
* - [`Display`](#/Миксины)
|
|
1156
|
+
*/
|
|
1157
|
+
declare function ActionBtn({ icon, disabled, onClick, children, className, active, style }: ActionBtnProps): JSX.Element;
|
|
1158
|
+
declare namespace ActionBtn {
|
|
1159
|
+
var displayName: string;
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1162
|
+
/**
|
|
1163
|
+
* A URL pathname, beginning with a /.
|
|
1164
|
+
*
|
|
1165
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.pathname
|
|
1166
|
+
*/
|
|
1167
|
+
declare type Pathname = string;
|
|
1168
|
+
/**
|
|
1169
|
+
* A URL search string, beginning with a ?.
|
|
1170
|
+
*
|
|
1171
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.search
|
|
1172
|
+
*/
|
|
1173
|
+
declare type Search = string;
|
|
1174
|
+
/**
|
|
1175
|
+
* A URL fragment identifier, beginning with a #.
|
|
1176
|
+
*
|
|
1177
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.hash
|
|
1178
|
+
*/
|
|
1179
|
+
declare type Hash = string;
|
|
1180
|
+
/**
|
|
1181
|
+
* A unique string associated with a location. May be used to safely store
|
|
1182
|
+
* and retrieve data in some other storage API, like `localStorage`.
|
|
1183
|
+
*
|
|
1184
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.key
|
|
1185
|
+
*/
|
|
1186
|
+
declare type Key = string;
|
|
1187
|
+
/**
|
|
1188
|
+
* The pathname, search, and hash values of a URL.
|
|
1189
|
+
*/
|
|
1190
|
+
interface Path {
|
|
1191
|
+
/**
|
|
1192
|
+
* A URL pathname, beginning with a /.
|
|
1193
|
+
*
|
|
1194
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.pathname
|
|
1195
|
+
*/
|
|
1196
|
+
pathname: Pathname;
|
|
1197
|
+
/**
|
|
1198
|
+
* A URL search string, beginning with a ?.
|
|
1199
|
+
*
|
|
1200
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.search
|
|
1201
|
+
*/
|
|
1202
|
+
search: Search;
|
|
1203
|
+
/**
|
|
1204
|
+
* A URL fragment identifier, beginning with a #.
|
|
1205
|
+
*
|
|
1206
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.hash
|
|
1207
|
+
*/
|
|
1208
|
+
hash: Hash;
|
|
1209
|
+
}
|
|
1210
|
+
/**
|
|
1211
|
+
* An entry in a history stack. A location contains information about the
|
|
1212
|
+
* URL path, as well as possibly some arbitrary state and a key.
|
|
1213
|
+
*
|
|
1214
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location
|
|
1215
|
+
*/
|
|
1216
|
+
interface Location$1 extends Path {
|
|
1217
|
+
/**
|
|
1218
|
+
* A value of arbitrary data associated with this location.
|
|
1219
|
+
*
|
|
1220
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.state
|
|
1221
|
+
*/
|
|
1222
|
+
state: unknown;
|
|
1223
|
+
/**
|
|
1224
|
+
* A unique string associated with this location. May be used to safely store
|
|
1225
|
+
* and retrieve data in some other storage API, like `localStorage`.
|
|
1226
|
+
*
|
|
1227
|
+
* Note: This value is always "default" on the initial location.
|
|
1228
|
+
*
|
|
1229
|
+
* @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.key
|
|
1230
|
+
*/
|
|
1231
|
+
key: Key;
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
declare type AnchorPalette = {
|
|
1235
|
+
color: CSSColor$1;
|
|
1236
|
+
colorHover: CSSColor$1;
|
|
1237
|
+
colorDisabled: CSSColor$1;
|
|
1238
|
+
};
|
|
1239
|
+
interface AnchorProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>,
|
|
1240
|
+
/** @deprecated Use palette */
|
|
1241
|
+
ColorProperty<'color'>,
|
|
1242
|
+
/** @deprecated Use children as function */
|
|
1243
|
+
DisplayProperty {
|
|
1244
|
+
/** UI: brand (v3), or default (v2) */
|
|
1245
|
+
preset?: ThemePreset$1;
|
|
1246
|
+
/** React children */
|
|
1247
|
+
children?: React.ReactNode | ((props: {
|
|
1248
|
+
baseTextProps: Partial<TextProps$1>;
|
|
1249
|
+
textProps: TextProps$1;
|
|
1250
|
+
iconBaseProps: Partial<IconProps$1>;
|
|
1251
|
+
iconProps: AnchorProps['iconProps'];
|
|
1252
|
+
icon: AnchorProps['icon'];
|
|
1253
|
+
}) => React.ReactNode);
|
|
1254
|
+
/** Custom colors */
|
|
1255
|
+
palette?: Partial<Record<keyof AnchorPalette, Color$1>>;
|
|
1256
|
+
/** Props for text component */
|
|
1257
|
+
textProps?: TextProps$1;
|
|
1258
|
+
/** Underline text content */
|
|
1259
|
+
underline?: CSSBorderStyle$1 | boolean;
|
|
1260
|
+
/** Icons before and after content */
|
|
1261
|
+
icon?: JSX.Element | IconName$2 | [Nullable$1<JSX.Element | IconName$2>, Nullable$1<JSX.Element | IconName$2>];
|
|
1262
|
+
/** Props for icon components */
|
|
1263
|
+
iconProps?: IconProps$1;
|
|
1264
|
+
/** Build rel attribute with relBuilder from context */
|
|
1265
|
+
autoRel?: boolean;
|
|
1266
|
+
/** Link from react-router-dom will be used.
|
|
1267
|
+
* Look up [docs](https://v5.reactrouter.com/web/api/Link) */
|
|
1268
|
+
to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
|
|
1269
|
+
/** Look up react-router-dom [docs](https://v5.reactrouter.com/web/api/Link) */
|
|
1270
|
+
replace?: boolean;
|
|
1271
|
+
/** Anchor disabled */
|
|
1272
|
+
disabled?: boolean;
|
|
1273
|
+
/** Appearance variant */
|
|
1274
|
+
onColored?: boolean;
|
|
1275
|
+
/** Vertical alignment */
|
|
1276
|
+
verticalAlign?: CSSVerticalAlign$1 | boolean;
|
|
1277
|
+
/** @ignore @deprecated Use anchor or Link interface */
|
|
1278
|
+
as?: React.ElementType<any>;
|
|
1279
|
+
/** @ignore @deprecated Use children */
|
|
1280
|
+
content?: string;
|
|
1281
|
+
/** @ignore @deprecated Use underline */
|
|
1282
|
+
pseudo?: boolean;
|
|
1283
|
+
/** @ignore @deprecated */
|
|
1284
|
+
wrapper?: boolean;
|
|
1285
|
+
}
|
|
1286
|
+
|
|
1287
|
+
/**
|
|
1288
|
+
*
|
|
1289
|
+
* Component accepts all \<a\> attributes.
|
|
1290
|
+
*
|
|
1291
|
+
* Responsive "size", "margin" props are supported.
|
|
1292
|
+
*
|
|
1293
|
+
* Exposed "ref" attached to root node.
|
|
1294
|
+
*
|
|
1295
|
+
* See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)
|
|
1296
|
+
*/
|
|
1297
|
+
declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
|
|
1298
|
+
|
|
1299
|
+
declare type ButtonPalette = {
|
|
1300
|
+
color: CSSColor$1;
|
|
1301
|
+
backgroundColor: CSSColor$1;
|
|
1302
|
+
borderColor: CSSColor$1;
|
|
1303
|
+
colorHover: CSSColor$1;
|
|
1304
|
+
backgroundColorHover: CSSColor$1;
|
|
1305
|
+
borderColorHover: CSSColor$1;
|
|
1306
|
+
colorActive: CSSColor$1;
|
|
1307
|
+
backgroundColorActive: CSSColor$1;
|
|
1308
|
+
borderColorActive: CSSColor$1;
|
|
1309
|
+
colorDisabled: CSSColor$1;
|
|
1310
|
+
backgroundColorDisabled: CSSColor$1;
|
|
1311
|
+
borderColorDisabled: CSSColor$1;
|
|
1312
|
+
shadowColor: CSSColor$1;
|
|
1313
|
+
};
|
|
1314
|
+
interface ButtonProps extends ResponsiveSizeProps, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty$1<'margin'>, ResponsiveNamedProperty$1<'marginTop'>, ResponsiveNamedProperty$1<'marginRight'>, ResponsiveNamedProperty$1<'marginBottom'>, ResponsiveNamedProperty$1<'marginLeft'>, ResponsiveNamedProperty$1<'fluid', boolean>, ResponsiveNamedProperty$1<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'>,
|
|
1315
|
+
/** @deprecated Use children as function or inline prop */
|
|
1316
|
+
DisplayProperty,
|
|
1317
|
+
/** @deprecated */
|
|
1318
|
+
ResponsiveNamedProperty$1<'padding'>,
|
|
1319
|
+
/** @deprecated */
|
|
1320
|
+
ResponsiveNamedProperty$1<'paddingTop'>,
|
|
1321
|
+
/** @deprecated */
|
|
1322
|
+
ResponsiveNamedProperty$1<'paddingRight'>,
|
|
1323
|
+
/** @deprecated */
|
|
1324
|
+
ResponsiveNamedProperty$1<'paddingBottom'>,
|
|
1325
|
+
/** @deprecated */
|
|
1326
|
+
ResponsiveNamedProperty$1<'paddingLeft'>,
|
|
1327
|
+
/** @deprecated Use textProps */
|
|
1328
|
+
ResponsiveNamedProperty$1<'fontSize'>,
|
|
1329
|
+
/** @deprecated Use size props */
|
|
1330
|
+
ResponsiveNamedProperty$1<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
1331
|
+
/** UI: brand (v3), or default (v2) */
|
|
1332
|
+
preset?: ThemePreset$1;
|
|
1333
|
+
/** Custom colors */
|
|
1334
|
+
palette?: Partial<Record<keyof ButtonPalette, Color$1>>;
|
|
1335
|
+
/** React children */
|
|
1336
|
+
children?: React.ReactNode | ((props: {
|
|
1337
|
+
baseTextProps: Partial<TextProps$1>;
|
|
1338
|
+
textProps: TextProps$1;
|
|
1339
|
+
iconBaseProps: Partial<IconProps$1>;
|
|
1340
|
+
iconProps: ButtonProps['iconProps'];
|
|
1341
|
+
icon: ButtonProps['icon'];
|
|
1342
|
+
}) => React.ReactNode);
|
|
1343
|
+
/** Props for text component */
|
|
1344
|
+
textProps?: TextProps$1;
|
|
1345
|
+
/** Display inline */
|
|
1346
|
+
inline?: boolean;
|
|
1347
|
+
/** Icons before and after content */
|
|
1348
|
+
icon?: JSX.Element | IconName$2 | [Nullable$1<JSX.Element | IconName$2>, Nullable$1<JSX.Element | IconName$2>];
|
|
1349
|
+
/** Props for icon components */
|
|
1350
|
+
iconProps?: IconProps$1;
|
|
1351
|
+
/** Border radius 50% */
|
|
1352
|
+
round?: boolean;
|
|
1353
|
+
/** Appearance variant */
|
|
1354
|
+
success?: boolean;
|
|
1355
|
+
/** Appearance variant */
|
|
1356
|
+
loading?: boolean;
|
|
1357
|
+
/** Appearance variant */
|
|
1358
|
+
black?: boolean;
|
|
1359
|
+
/** Appearance variant */
|
|
1360
|
+
danger?: boolean;
|
|
1361
|
+
/** Appearance variant */
|
|
1362
|
+
onColored?: boolean;
|
|
1363
|
+
/** Appearance variant */
|
|
1364
|
+
clear?: boolean;
|
|
1365
|
+
/** Appearance variant */
|
|
1366
|
+
base?: boolean;
|
|
1367
|
+
/** Appearance variant */
|
|
1368
|
+
outline?: boolean;
|
|
1369
|
+
/** Link from react-router-dom will be used.
|
|
1370
|
+
* Look up [docs](https://v5.reactrouter.com/web/api/Link) */
|
|
1371
|
+
to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
|
|
1372
|
+
/** Anchor element will be used */
|
|
1373
|
+
href?: string;
|
|
1374
|
+
/** Anchor attribute */
|
|
1375
|
+
target?: string;
|
|
1376
|
+
/** Anchor attribute */
|
|
1377
|
+
rel?: string;
|
|
1378
|
+
/** Build rel attribute with relBuilder from context */
|
|
1379
|
+
autoRel?: boolean;
|
|
1380
|
+
/** @ignore Appearance variant */
|
|
1381
|
+
primary?: boolean;
|
|
1382
|
+
/** @ignore Appearance variant */
|
|
1383
|
+
secondary?: boolean;
|
|
1384
|
+
/** @ignore Appearance variant */
|
|
1385
|
+
inverted?: boolean;
|
|
1386
|
+
/** @ignore @deprecated */
|
|
1387
|
+
noSpacing?: boolean;
|
|
1388
|
+
/** @ignore @deprecated Use href or to props */
|
|
1389
|
+
as?: React.ElementType<any>;
|
|
1390
|
+
/** @ignore @deprecated Use textProps */
|
|
1391
|
+
fontWeight?: TextProps$1['weight'];
|
|
1392
|
+
/** @ignore @deprecated */
|
|
1393
|
+
rounded?: boolean;
|
|
1394
|
+
/** @ignore @deprecated */
|
|
1395
|
+
basic?: boolean;
|
|
1396
|
+
/** @ignore @deprecated Use children */
|
|
1397
|
+
content?: React.ReactNode;
|
|
1398
|
+
/** @ignore @deprecated Use ref */
|
|
1399
|
+
innerRef?: any;
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
/**
|
|
1403
|
+
*
|
|
1404
|
+
* Component accepts all \<button\> attributes.
|
|
1405
|
+
*
|
|
1406
|
+
* Responsive "size" props are supported.
|
|
1407
|
+
*
|
|
1408
|
+
* Exposed "ref" attached to root node.
|
|
1409
|
+
*
|
|
1410
|
+
* See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)
|
|
1411
|
+
*/
|
|
1412
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
|
|
1413
|
+
|
|
1414
|
+
declare type AlertType = 'warning' | 'error' | 'info' | 'success';
|
|
1415
|
+
declare type AlertSize = 'l' | 's';
|
|
1416
|
+
interface AlertProps extends BaseProps$1 {
|
|
1417
|
+
/** Text of the timer cancellation button */
|
|
1418
|
+
cancelTimerText?: string | React.ReactNode;
|
|
1419
|
+
/** Children react node */
|
|
1420
|
+
children?: React.ReactNode;
|
|
1421
|
+
/** Use a colorless background */
|
|
1422
|
+
clear?: boolean;
|
|
1423
|
+
/** This method is taken from react-toastify library */
|
|
1424
|
+
closeToast?(): void;
|
|
1425
|
+
/** Icon name (for inner Icon component) */
|
|
1426
|
+
customIcon?: IconName$2;
|
|
1427
|
+
/** Any custom image (e.g.: img, svg, icon from @foxford/icon-pack) */
|
|
1428
|
+
image?: React.ReactNode;
|
|
1429
|
+
/** Use for tablet and mobile view */
|
|
1430
|
+
isCompact?: boolean;
|
|
1431
|
+
/** Display a hyperlink */
|
|
1432
|
+
link?: {
|
|
1433
|
+
content: string | React.ReactNode;
|
|
1434
|
+
onClick(): void;
|
|
1435
|
+
};
|
|
1436
|
+
linkProps?: AnchorProps;
|
|
1437
|
+
/** Use alert without icon */
|
|
1438
|
+
noIcon?: boolean;
|
|
1439
|
+
/** You can cancel the action if the timer has not expired yet */
|
|
1440
|
+
onClickCancelTimer?(): void;
|
|
1441
|
+
/** Display the action button */
|
|
1442
|
+
primaryAction?: {
|
|
1443
|
+
content: string | React.ReactNode;
|
|
1444
|
+
onClick(): void;
|
|
1445
|
+
};
|
|
1446
|
+
primaryActionProps?: ButtonProps;
|
|
1447
|
+
/** Display the second action button */
|
|
1448
|
+
secondaryAction?: {
|
|
1449
|
+
content: string | React.ReactNode;
|
|
1450
|
+
onClick(): void;
|
|
1451
|
+
};
|
|
1452
|
+
secondaryActionProps?: ButtonProps;
|
|
1453
|
+
/** Use this to change the appearance of the alert */
|
|
1454
|
+
size?: AlertSize;
|
|
1455
|
+
/** Use it when you need to move text to another line in alerts without a title */
|
|
1456
|
+
textProps?: TextProps$1;
|
|
1457
|
+
textWrap?: boolean;
|
|
1458
|
+
/** It is used in alerts with a timer. Pass the value in seconds */
|
|
1459
|
+
timer?: number;
|
|
1460
|
+
/** Display a title */
|
|
1461
|
+
title?: string;
|
|
1462
|
+
titleProps?: TextProps$1;
|
|
1463
|
+
type?: AlertType;
|
|
1464
|
+
width?: ResponsiveProperty<string | number>;
|
|
1465
|
+
}
|
|
1466
|
+
|
|
1467
|
+
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
1468
|
+
|
|
1469
|
+
declare enum CurrencyCodes {
|
|
1470
|
+
ALL = "ALL",
|
|
1471
|
+
AFN = "AFN",
|
|
1472
|
+
ARS = "ARS",
|
|
1473
|
+
AWG = "AWG",
|
|
1474
|
+
AUD = "AUD",
|
|
1475
|
+
AZN = "AZN",
|
|
1476
|
+
BSD = "BSD",
|
|
1477
|
+
BBD = "BBD",
|
|
1478
|
+
BYR = "BYR",
|
|
1479
|
+
BZD = "BZD",
|
|
1480
|
+
BMD = "BMD",
|
|
1481
|
+
BOB = "BOB",
|
|
1482
|
+
BAM = "BAM",
|
|
1483
|
+
BWP = "BWP",
|
|
1484
|
+
BGN = "BGN",
|
|
1485
|
+
BRL = "BRL",
|
|
1486
|
+
BND = "BND",
|
|
1487
|
+
KHR = "KHR",
|
|
1488
|
+
CAD = "CAD",
|
|
1489
|
+
KYD = "KYD",
|
|
1490
|
+
CLP = "CLP",
|
|
1491
|
+
CNY = "CNY",
|
|
1492
|
+
COP = "COP",
|
|
1493
|
+
CRC = "CRC",
|
|
1494
|
+
HRK = "HRK",
|
|
1495
|
+
CUP = "CUP",
|
|
1496
|
+
CZK = "CZK",
|
|
1497
|
+
DKK = "DKK",
|
|
1498
|
+
DOP = "DOP",
|
|
1499
|
+
XCD = "XCD",
|
|
1500
|
+
EGP = "EGP",
|
|
1501
|
+
SVC = "SVC",
|
|
1502
|
+
EEK = "EEK",
|
|
1503
|
+
EUR = "EUR",
|
|
1504
|
+
FKP = "FKP",
|
|
1505
|
+
FJD = "FJD",
|
|
1506
|
+
FRF = "FRF",
|
|
1507
|
+
GHC = "GHC",
|
|
1508
|
+
GIP = "GIP",
|
|
1509
|
+
GTQ = "GTQ",
|
|
1510
|
+
GGP = "GGP",
|
|
1511
|
+
GYD = "GYD",
|
|
1512
|
+
HNL = "HNL",
|
|
1513
|
+
HKD = "HKD",
|
|
1514
|
+
HUF = "HUF",
|
|
1515
|
+
ISK = "ISK",
|
|
1516
|
+
INR = "INR",
|
|
1517
|
+
IDR = "IDR",
|
|
1518
|
+
IRR = "IRR",
|
|
1519
|
+
IMP = "IMP",
|
|
1520
|
+
ILS = "ILS",
|
|
1521
|
+
JMD = "JMD",
|
|
1522
|
+
JPY = "JPY",
|
|
1523
|
+
JEP = "JEP",
|
|
1524
|
+
KZT = "KZT",
|
|
1525
|
+
KGS = "KGS",
|
|
1526
|
+
LAK = "LAK",
|
|
1527
|
+
LVL = "LVL",
|
|
1528
|
+
LBP = "LBP",
|
|
1529
|
+
LRD = "LRD",
|
|
1530
|
+
LTL = "LTL",
|
|
1531
|
+
MKD = "MKD",
|
|
1532
|
+
MYR = "MYR",
|
|
1533
|
+
MUR = "MUR",
|
|
1534
|
+
MXN = "MXN",
|
|
1535
|
+
MNT = "MNT",
|
|
1536
|
+
MZN = "MZN",
|
|
1537
|
+
NAD = "NAD",
|
|
1538
|
+
NPR = "NPR",
|
|
1539
|
+
ANG = "ANG",
|
|
1540
|
+
NZD = "NZD",
|
|
1541
|
+
NIO = "NIO",
|
|
1542
|
+
NGN = "NGN",
|
|
1543
|
+
KPW = "KPW",
|
|
1544
|
+
NOK = "NOK",
|
|
1545
|
+
OMR = "OMR",
|
|
1546
|
+
PKR = "PKR",
|
|
1547
|
+
PAB = "PAB",
|
|
1548
|
+
PYG = "PYG",
|
|
1549
|
+
PEN = "PEN",
|
|
1550
|
+
PHP = "PHP",
|
|
1551
|
+
PLN = "PLN",
|
|
1552
|
+
QAR = "QAR",
|
|
1553
|
+
RON = "RON",
|
|
1554
|
+
RUR = "RUR",
|
|
1555
|
+
RUB = "RUB",
|
|
1556
|
+
SHP = "SHP",
|
|
1557
|
+
SAR = "SAR",
|
|
1558
|
+
RSD = "RSD",
|
|
1559
|
+
SCR = "SCR",
|
|
1560
|
+
SGD = "SGD",
|
|
1561
|
+
SBD = "SBD",
|
|
1562
|
+
SOS = "SOS",
|
|
1563
|
+
ZAR = "ZAR",
|
|
1564
|
+
KRW = "KRW",
|
|
1565
|
+
LKR = "LKR",
|
|
1566
|
+
SEK = "SEK",
|
|
1567
|
+
CHF = "CHF",
|
|
1568
|
+
SRD = "SRD",
|
|
1569
|
+
SYP = "SYP",
|
|
1570
|
+
TWD = "TWD",
|
|
1571
|
+
THB = "THB",
|
|
1572
|
+
TTD = "TTD",
|
|
1573
|
+
TRY = "TRY",
|
|
1574
|
+
TRL = "TRL",
|
|
1575
|
+
TVD = "TVD",
|
|
1576
|
+
UAH = "UAH",
|
|
1577
|
+
GBP = "GBP",
|
|
1578
|
+
USD = "USD",
|
|
1579
|
+
UYU = "UYU",
|
|
1580
|
+
UZS = "UZS",
|
|
1581
|
+
VEF = "VEF",
|
|
1582
|
+
VND = "VND",
|
|
1583
|
+
YER = "YER",
|
|
1584
|
+
ZWD = "ZWD"
|
|
1585
|
+
}
|
|
1586
|
+
declare const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>>;
|
|
1587
|
+
|
|
1588
|
+
interface AmountProps extends TextProps$1 {
|
|
1589
|
+
/**
|
|
1590
|
+
* Value for amount
|
|
1591
|
+
*/
|
|
1592
|
+
value?: number;
|
|
1593
|
+
/**
|
|
1594
|
+
* Digits after point
|
|
1595
|
+
*/
|
|
1596
|
+
digitsAfterPoint?: number;
|
|
1597
|
+
/**
|
|
1598
|
+
* Show zero minor part
|
|
1599
|
+
*/
|
|
1600
|
+
showZeroMinorPart?: boolean;
|
|
1601
|
+
/**
|
|
1602
|
+
* Separator of major and minor part of amount
|
|
1603
|
+
*/
|
|
1604
|
+
separator?: string;
|
|
1605
|
+
/**
|
|
1606
|
+
* International code of currency.
|
|
1607
|
+
*/
|
|
1608
|
+
currency?: keyof typeof CurrencyCodes | string;
|
|
1609
|
+
/**
|
|
1610
|
+
* Use Header component for display amount
|
|
1611
|
+
*/
|
|
1612
|
+
isHeader?: boolean;
|
|
1613
|
+
/**
|
|
1614
|
+
* Amount is not valid and will be crossed out with ```text-decoration: line-through```
|
|
1615
|
+
*/
|
|
1616
|
+
crossedOut?: boolean;
|
|
1617
|
+
/**
|
|
1618
|
+
* If need only currency symbol
|
|
1619
|
+
*/
|
|
1620
|
+
onlyCurrency?: boolean;
|
|
1621
|
+
}
|
|
1622
|
+
/**
|
|
1623
|
+
* Расширен:
|
|
1624
|
+
* - [`BaseProps`](#/Миксины)
|
|
1625
|
+
* - [`Color`](#/Миксины)
|
|
1626
|
+
* - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
|
|
1627
|
+
*/
|
|
1628
|
+
declare class Amount extends PureComponent<AmountProps> {
|
|
1629
|
+
static displayName: string;
|
|
1630
|
+
static defaultProps: {
|
|
1631
|
+
isHeader: boolean;
|
|
1632
|
+
showZeroMinorPart: boolean;
|
|
1633
|
+
crossedOut: boolean;
|
|
1634
|
+
digitsAfterPoint: number;
|
|
1635
|
+
separator: string;
|
|
1636
|
+
onlyCurrency: boolean;
|
|
1637
|
+
};
|
|
1638
|
+
static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string): any;
|
|
1639
|
+
renderMinorPart(minorPart: string): JSX.Element | null;
|
|
1640
|
+
renderCurrencySymbol: (currencySymbol: string) => JSX.Element;
|
|
1641
|
+
render(): JSX.Element;
|
|
1642
|
+
}
|
|
1643
|
+
|
|
1644
|
+
declare type ArrowPalette = {
|
|
1645
|
+
color: CSSColor$1;
|
|
1646
|
+
backgroundColor: CSSColor$1;
|
|
1647
|
+
borderColor: CSSColor$1;
|
|
1648
|
+
colorHover: CSSColor$1;
|
|
1649
|
+
backgroundColorHover: CSSColor$1;
|
|
1650
|
+
borderColorHover: CSSColor$1;
|
|
1651
|
+
colorActive: CSSColor$1;
|
|
1652
|
+
backgroundColorActive: CSSColor$1;
|
|
1653
|
+
borderColorActive: CSSColor$1;
|
|
1654
|
+
colorDisabled: CSSColor$1;
|
|
1655
|
+
backgroundColorDisabled: CSSColor$1;
|
|
1656
|
+
borderColorDisabled: CSSColor$1;
|
|
1657
|
+
shadowColor: CSSColor$1;
|
|
1658
|
+
};
|
|
1659
|
+
interface ArrowProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
|
|
1660
|
+
/** UI: brand (v3), or default (v2) */
|
|
1661
|
+
preset?: ThemePreset$1;
|
|
1662
|
+
/** Custom colors */
|
|
1663
|
+
palette?: Partial<Record<keyof ArrowPalette, Color$1>>;
|
|
1664
|
+
/** Props for icon component */
|
|
1665
|
+
iconProps?: IconProps$1;
|
|
1666
|
+
/** Shape variant */
|
|
1667
|
+
square?: boolean;
|
|
1668
|
+
/** Arrow direction */
|
|
1669
|
+
top?: boolean;
|
|
1670
|
+
/** Arrow direction */
|
|
1671
|
+
right?: boolean;
|
|
1672
|
+
/** Arrow direction */
|
|
1673
|
+
bottom?: boolean;
|
|
1674
|
+
/** Arrow direction */
|
|
1675
|
+
left?: boolean;
|
|
1676
|
+
/** Appearance variant */
|
|
1677
|
+
onColored?: boolean;
|
|
1678
|
+
/** Appearance variant */
|
|
1679
|
+
outline?: boolean;
|
|
1680
|
+
/** @ignore */
|
|
1681
|
+
inverse?: boolean;
|
|
1682
|
+
}
|
|
1683
|
+
|
|
1684
|
+
/**
|
|
1685
|
+
*
|
|
1686
|
+
* Component accepts all \<button\> attributes.
|
|
1687
|
+
*
|
|
1688
|
+
* Responsive "size", "margin" props are supported.
|
|
1689
|
+
*
|
|
1690
|
+
* Exposed "ref" attached to root node.
|
|
1691
|
+
*
|
|
1692
|
+
* See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)
|
|
1693
|
+
*/
|
|
1694
|
+
declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
|
|
1695
|
+
|
|
1696
|
+
declare type ArrowBadgePalette = {
|
|
1697
|
+
color: CSSColor$1;
|
|
1698
|
+
backgroundColor: CSSColor$1;
|
|
1699
|
+
};
|
|
1700
|
+
interface ArrowBadgeProps extends ResponsiveSizeProps, ResponsiveMarginProps,
|
|
1701
|
+
/** @deprecated Use palette */
|
|
1702
|
+
ColorProperty<'color'>,
|
|
1703
|
+
/** @deprecated Use palette */
|
|
1704
|
+
ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'> {
|
|
1705
|
+
/** React children */
|
|
1706
|
+
children: React.ReactNode | ((props: {
|
|
1707
|
+
baseTextProps: Partial<TextProps$1>;
|
|
1708
|
+
textProps: TextProps$1;
|
|
1709
|
+
}) => React.ReactNode);
|
|
1710
|
+
/** Custom colors */
|
|
1711
|
+
palette?: Partial<Record<keyof ArrowBadgePalette, Color$1>>;
|
|
1712
|
+
/** Props for text component */
|
|
1713
|
+
textProps?: TextProps$1;
|
|
1714
|
+
/** Appearance variant */
|
|
1715
|
+
primary?: boolean;
|
|
1716
|
+
/** Appearance variant */
|
|
1717
|
+
secondary?: boolean;
|
|
1718
|
+
/** Appearance variant */
|
|
1719
|
+
tertiary?: boolean;
|
|
1720
|
+
/** Appearance variant */
|
|
1721
|
+
quaternary?: boolean;
|
|
1722
|
+
/** Pointed left */
|
|
1723
|
+
left?: boolean;
|
|
1724
|
+
/** Pointed right */
|
|
1725
|
+
right?: boolean;
|
|
1726
|
+
/** Fancy tail shape */
|
|
1727
|
+
fancy?: boolean;
|
|
1728
|
+
}
|
|
1729
|
+
|
|
1730
|
+
/**
|
|
1731
|
+
*
|
|
1732
|
+
* Component accepts all \<div\> attributes.
|
|
1733
|
+
*
|
|
1734
|
+
* Responsive "size", "margin" props are supported.
|
|
1735
|
+
*
|
|
1736
|
+
* Exposed "ref" attached to root node.
|
|
1737
|
+
*
|
|
1738
|
+
* See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)
|
|
1739
|
+
*/
|
|
1740
|
+
declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
|
|
1741
|
+
|
|
1742
|
+
declare type AvatarPalette = {
|
|
1743
|
+
color: CSSColor$1;
|
|
1744
|
+
backgroundColor: CSSColor$1;
|
|
1745
|
+
shadowColor: CSSColor$1;
|
|
1746
|
+
};
|
|
1747
|
+
interface AvatarProps extends Omit<ResponsiveSizeProps, 'size'>, ResponsiveMarginProps,
|
|
1748
|
+
/** @deprecated Use palette */
|
|
1749
|
+
ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
|
|
1750
|
+
/** UI: brand (v3), or default (v2) */
|
|
1751
|
+
preset?: ThemePreset$1;
|
|
1752
|
+
/** @ignore Component size */
|
|
1753
|
+
size?: ResponsiveSizeProps['size'] | 'sm';
|
|
1754
|
+
/** Custom colors */
|
|
1755
|
+
palette?: Partial<Record<keyof AvatarPalette, Color$1>>;
|
|
1756
|
+
/** Text content (alternative to image) */
|
|
1757
|
+
text?: string;
|
|
1758
|
+
/** Props for text component */
|
|
1759
|
+
textProps?: TextProps$1;
|
|
1760
|
+
/** Avatar img url */
|
|
1761
|
+
src?: string;
|
|
1762
|
+
/** Apply shadow styles */
|
|
1763
|
+
shadow?: boolean;
|
|
1764
|
+
/** Shape variant */
|
|
1765
|
+
square?: boolean;
|
|
1766
|
+
/** Loading appearance */
|
|
1767
|
+
loading?: boolean;
|
|
1768
|
+
}
|
|
1769
|
+
|
|
1770
|
+
/**
|
|
1771
|
+
*
|
|
1772
|
+
* Component accepts all \<span\> attributes.
|
|
1773
|
+
*
|
|
1774
|
+
* Responsive "size", "margin" props are supported.
|
|
1775
|
+
*
|
|
1776
|
+
* Exposed "ref" attached to root node.
|
|
1777
|
+
*
|
|
1778
|
+
* See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)
|
|
1779
|
+
*/
|
|
1780
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps>;
|
|
1781
|
+
|
|
1782
|
+
declare type BadgePalette = {
|
|
1783
|
+
color: CSSColor$1;
|
|
1784
|
+
backgroundColor: CSSColor$1;
|
|
1785
|
+
};
|
|
1786
|
+
interface BadgeProps extends ResponsiveSizeProps, ResponsiveMarginProps,
|
|
1787
|
+
/** @deprecated Use palette */
|
|
1788
|
+
ColorProperty,
|
|
1789
|
+
/** @deprecated Use children as function */
|
|
1790
|
+
DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'> {
|
|
1791
|
+
/** React children */
|
|
1792
|
+
children?: React.ReactNode | ((props: {
|
|
1793
|
+
baseTextProps: Partial<TextProps$1>;
|
|
1794
|
+
textProps: TextProps$1;
|
|
1795
|
+
iconBaseProps: Partial<IconProps$1>;
|
|
1796
|
+
iconProps: BadgeProps['iconProps'];
|
|
1797
|
+
icon: BadgeProps['icon'];
|
|
1798
|
+
}) => React.ReactNode);
|
|
1799
|
+
/** Custom colors */
|
|
1800
|
+
palette?: Partial<Record<keyof BadgePalette, Color$1>>;
|
|
1801
|
+
/** Props for text component */
|
|
1802
|
+
textProps?: TextProps$1;
|
|
1803
|
+
/** Appearance variant */
|
|
1804
|
+
primary?: boolean;
|
|
1805
|
+
/** Appearance variant */
|
|
1806
|
+
secondary?: boolean;
|
|
1807
|
+
/** Appearance variant */
|
|
1808
|
+
tertiary?: boolean;
|
|
1809
|
+
/** Appearance variant */
|
|
1810
|
+
quaternary?: boolean;
|
|
1811
|
+
/** Appearance variant */
|
|
1812
|
+
round?: boolean;
|
|
1813
|
+
/** Root border radius */
|
|
1814
|
+
borderRadius?: string | number;
|
|
1815
|
+
/** Icons before and after content */
|
|
1816
|
+
icon?: JSX.Element | IconName$2 | [Nullable$1<JSX.Element | IconName$2>, Nullable$1<JSX.Element | IconName$2>];
|
|
1817
|
+
/** Props for icon components */
|
|
1818
|
+
iconProps?: IconProps$1;
|
|
1819
|
+
/** Don't use margin-right: 8px; */
|
|
1820
|
+
resetDefaultMargin?: boolean;
|
|
1821
|
+
/** @ignore @deprecated Use children */
|
|
1822
|
+
content?: string | React.ReactNode;
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
/**
|
|
1826
|
+
*
|
|
1827
|
+
* Component accepts all \<div\> attributes.
|
|
1828
|
+
*
|
|
1829
|
+
* Responsive "size", "margin" props are supported.
|
|
1830
|
+
*
|
|
1831
|
+
* Exposed "ref" attached to root node.
|
|
1832
|
+
*
|
|
1833
|
+
* See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)
|
|
1834
|
+
*/
|
|
1835
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
|
|
1836
|
+
|
|
1837
|
+
interface ContainerProps extends BaseProps$1, DisplayProperty, ColorProperty {
|
|
1838
|
+
/**
|
|
1839
|
+
* Primary content
|
|
1840
|
+
*/
|
|
1841
|
+
/**
|
|
1842
|
+
* Children react node
|
|
1843
|
+
*/
|
|
1844
|
+
children?: React.ReactNode;
|
|
1845
|
+
/**
|
|
1846
|
+
* Container has no maximum width.
|
|
1847
|
+
*/
|
|
1848
|
+
fluid?: boolean;
|
|
1849
|
+
/**
|
|
1850
|
+
* Align container text.
|
|
1851
|
+
*/
|
|
1852
|
+
textAlign?: 'left' | 'center' | 'right' | 'justified';
|
|
1853
|
+
}
|
|
1854
|
+
/**
|
|
1855
|
+
* Расширен:
|
|
1856
|
+
* - [`BaseProps`](#/Миксины)
|
|
1857
|
+
* - [`Color`](#/Миксины)
|
|
1858
|
+
* - [`Display`](#/Миксины)
|
|
1859
|
+
*/
|
|
1860
|
+
declare function Container(props: ContainerProps): JSX.Element;
|
|
1861
|
+
declare namespace Container {
|
|
1862
|
+
var displayName: string;
|
|
1863
|
+
}
|
|
1864
|
+
|
|
1865
|
+
type IconName$1 =
|
|
1866
|
+
| 'AddReaction'
|
|
1867
|
+
| 'Airplay'
|
|
1868
|
+
| 'AlarmAdd'
|
|
1869
|
+
| 'AlarmClock'
|
|
1870
|
+
| 'AlarmWarning'
|
|
1871
|
+
| 'Algebra'
|
|
1872
|
+
| 'AlgorithmsColor'
|
|
1873
|
+
| 'AlignCenter'
|
|
1874
|
+
| 'AlignCenterJustify'
|
|
1875
|
+
| 'AlignJustify'
|
|
1876
|
+
| 'AlignLeft'
|
|
1877
|
+
| 'AlignLeftJustify'
|
|
1878
|
+
| 'AlignRight'
|
|
1879
|
+
| 'AlignRightJustify'
|
|
1880
|
+
| 'Analytics2Color'
|
|
1881
|
+
| 'Analytics3Color'
|
|
1882
|
+
| 'AnalyticsColor'
|
|
1883
|
+
| 'Annotation'
|
|
1884
|
+
| 'AnnotationUser'
|
|
1885
|
+
| 'AppleAuthorization'
|
|
1886
|
+
| 'Archive'
|
|
1887
|
+
| 'ArchiveColor'
|
|
1888
|
+
| 'ArrowCircleDown'
|
|
1889
|
+
| 'ArrowCircleDownFill'
|
|
1890
|
+
| 'ArrowCircleDownFillTinFill'
|
|
1891
|
+
| 'ArrowCircleDownLeft'
|
|
1892
|
+
| 'ArrowCircleDownLeftFill'
|
|
1893
|
+
| 'ArrowCircleDownLeftFillTinFill'
|
|
1894
|
+
| 'ArrowCircleDownRight'
|
|
1895
|
+
| 'ArrowCircleDownRightFill'
|
|
1896
|
+
| 'ArrowCircleDownRightFillTinFill'
|
|
1897
|
+
| 'ArrowCircleLeft'
|
|
1898
|
+
| 'ArrowCircleLeftFill'
|
|
1899
|
+
| 'ArrowCircleLeftFillTinFill'
|
|
1900
|
+
| 'ArrowCircleRight'
|
|
1901
|
+
| 'ArrowCircleRightFill'
|
|
1902
|
+
| 'ArrowCircleRightFillTinFill'
|
|
1903
|
+
| 'ArrowCircleUp'
|
|
1904
|
+
| 'ArrowCircleUpFill'
|
|
1905
|
+
| 'ArrowCircleUpFillTinFill'
|
|
1906
|
+
| 'ArrowCircleUpLeft'
|
|
1907
|
+
| 'ArrowCircleUpLeftFill'
|
|
1908
|
+
| 'ArrowCircleUpLeftFillTinFill'
|
|
1909
|
+
| 'ArrowCircleUpRight'
|
|
1910
|
+
| 'ArrowCircleUpRightFill'
|
|
1911
|
+
| 'ArrowCircleUpRightFillTinFill'
|
|
1912
|
+
| 'ArrowDown'
|
|
1913
|
+
| 'ArrowDownArrowUp'
|
|
1914
|
+
| 'ArrowDownFill'
|
|
1915
|
+
| 'ArrowDownLeft'
|
|
1916
|
+
| 'ArrowDownLeftFill'
|
|
1917
|
+
| 'ArrowDownRight'
|
|
1918
|
+
| 'ArrowDownRightFill'
|
|
1919
|
+
| 'ArrowDownShortWide'
|
|
1920
|
+
| 'ArrowDownWideShort'
|
|
1921
|
+
| 'ArrowLeft'
|
|
1922
|
+
| 'ArrowLeftFill'
|
|
1923
|
+
| 'ArrowNarrowDown'
|
|
1924
|
+
| 'ArrowNarrowDownFill'
|
|
1925
|
+
| 'ArrowNarrowLeft'
|
|
1926
|
+
| 'ArrowNarrowLeftFill'
|
|
1927
|
+
| 'ArrowNarrowRight'
|
|
1928
|
+
| 'ArrowNarrowRightFill'
|
|
1929
|
+
| 'ArrowNarrowUp'
|
|
1930
|
+
| 'ArrowNarrowUpFill'
|
|
1931
|
+
| 'ArrowRight'
|
|
1932
|
+
| 'ArrowRightFill'
|
|
1933
|
+
| 'ArrowSmDown'
|
|
1934
|
+
| 'ArrowSmDownFill'
|
|
1935
|
+
| 'ArrowSmLeft'
|
|
1936
|
+
| 'ArrowSmLeftFill'
|
|
1937
|
+
| 'ArrowSmRight'
|
|
1938
|
+
| 'ArrowSmRightFill'
|
|
1939
|
+
| 'ArrowSmUp'
|
|
1940
|
+
| 'ArrowSmUpFill'
|
|
1941
|
+
| 'ArrowSpin'
|
|
1942
|
+
| 'ArrowSpinFill'
|
|
1943
|
+
| 'ArrowSquareDown'
|
|
1944
|
+
| 'ArrowSquareDownFill'
|
|
1945
|
+
| 'ArrowSquareDownLeft'
|
|
1946
|
+
| 'ArrowSquareDownLeftFill'
|
|
1947
|
+
| 'ArrowSquareDownRight'
|
|
1948
|
+
| 'ArrowSquareDownRightFill'
|
|
1949
|
+
| 'ArrowSquareLeft'
|
|
1950
|
+
| 'ArrowSquareLeftFill'
|
|
1951
|
+
| 'ArrowSquareRight'
|
|
1952
|
+
| 'ArrowSquareRightFill'
|
|
1953
|
+
| 'ArrowSquareUp'
|
|
1954
|
+
| 'ArrowSquareUpFill'
|
|
1955
|
+
| 'ArrowSquareUpLeft'
|
|
1956
|
+
| 'ArrowSquareUpLeftFill'
|
|
1957
|
+
| 'ArrowSquareUpRight'
|
|
1958
|
+
| 'ArrowSquareUpRightFill'
|
|
1959
|
+
| 'ArrowUp'
|
|
1960
|
+
| 'ArrowUp19'
|
|
1961
|
+
| 'ArrowUp91'
|
|
1962
|
+
| 'ArrowUpFill'
|
|
1963
|
+
| 'ArrowUpLeft'
|
|
1964
|
+
| 'ArrowUpLeftFill'
|
|
1965
|
+
| 'ArrowUpRight'
|
|
1966
|
+
| 'ArrowUpRightFill'
|
|
1967
|
+
| 'ArrowUpShortWide'
|
|
1968
|
+
| 'ArrowUpWideShort'
|
|
1969
|
+
| 'ArrowsLeftRight'
|
|
1970
|
+
| 'ArrowsUpDown'
|
|
1971
|
+
| 'ArtColor'
|
|
1972
|
+
| 'AstronomyColor'
|
|
1973
|
+
| 'AtSign'
|
|
1974
|
+
| 'BackArrow'
|
|
1975
|
+
| 'BackChevron'
|
|
1976
|
+
| 'Badge'
|
|
1977
|
+
| 'BadgeCheck'
|
|
1978
|
+
| 'BagShopping'
|
|
1979
|
+
| 'Ban'
|
|
1980
|
+
| 'Bank'
|
|
1981
|
+
| 'BarsProgress'
|
|
1982
|
+
| 'BasketShopping'
|
|
1983
|
+
| 'BatteryBolt'
|
|
1984
|
+
| 'BatteryEmpty'
|
|
1985
|
+
| 'BatteryFull'
|
|
1986
|
+
| 'BatteryOff'
|
|
1987
|
+
| 'BatteryWarning'
|
|
1988
|
+
| 'Biology'
|
|
1989
|
+
| 'BiologyColor'
|
|
1990
|
+
| 'Blackboard'
|
|
1991
|
+
| 'Blogging'
|
|
1992
|
+
| 'BloggingColor'
|
|
1993
|
+
| 'BlueprintColor'
|
|
1994
|
+
| 'BluetoothOff'
|
|
1995
|
+
| 'BluetoothOn'
|
|
1996
|
+
| 'Bold'
|
|
1997
|
+
| 'Bolt'
|
|
1998
|
+
| 'BoltFill'
|
|
1999
|
+
| 'Book'
|
|
2000
|
+
| 'BookFill'
|
|
2001
|
+
| 'BookOpen'
|
|
2002
|
+
| 'Bookmark'
|
|
2003
|
+
| 'BookmarkFill'
|
|
2004
|
+
| 'BookmarkStack'
|
|
2005
|
+
| 'Books'
|
|
2006
|
+
| 'BorderBottom'
|
|
2007
|
+
| 'BorderClear'
|
|
2008
|
+
| 'BorderHorizontal'
|
|
2009
|
+
| 'BorderInner'
|
|
2010
|
+
| 'BorderLeft'
|
|
2011
|
+
| 'BorderOuter'
|
|
2012
|
+
| 'BorderRight'
|
|
2013
|
+
| 'BorderTop'
|
|
2014
|
+
| 'BorderTopLeft'
|
|
2015
|
+
| 'BorderVertical'
|
|
2016
|
+
| 'BottomAlignment'
|
|
2017
|
+
| 'BracketCurly'
|
|
2018
|
+
| 'BracketCurlyRight'
|
|
2019
|
+
| 'BracketRound'
|
|
2020
|
+
| 'BracketRoundRight'
|
|
2021
|
+
| 'BracketSquare'
|
|
2022
|
+
| 'BracketSquareRight'
|
|
2023
|
+
| 'BracketsCurly'
|
|
2024
|
+
| 'BracketsRound'
|
|
2025
|
+
| 'BracketsSquare'
|
|
2026
|
+
| 'BrightFullFill'
|
|
2027
|
+
| 'BrightLowFill'
|
|
2028
|
+
| 'BriightFull'
|
|
2029
|
+
| 'BriightLow'
|
|
2030
|
+
| 'Browser'
|
|
2031
|
+
| 'Brush'
|
|
2032
|
+
| 'Building'
|
|
2033
|
+
| 'Bus'
|
|
2034
|
+
| 'Calendar'
|
|
2035
|
+
| 'CalendarColor'
|
|
2036
|
+
| 'CalendarAdd'
|
|
2037
|
+
| 'CalendarEdit'
|
|
2038
|
+
| 'CalendarExport'
|
|
2039
|
+
| 'CalendarImport'
|
|
2040
|
+
| 'CalendarMinus'
|
|
2041
|
+
| 'CalendarRemove'
|
|
2042
|
+
| 'CalendarTick'
|
|
2043
|
+
| 'CalendarUser'
|
|
2044
|
+
| 'CalendarWarning'
|
|
2045
|
+
| 'Calendars'
|
|
2046
|
+
| 'Camera'
|
|
2047
|
+
| 'CameraOff'
|
|
2048
|
+
| 'Camp'
|
|
2049
|
+
| 'Car'
|
|
2050
|
+
| 'CardFlip'
|
|
2051
|
+
| 'CaretDown'
|
|
2052
|
+
| 'CaretDownFill'
|
|
2053
|
+
| 'CaretLeft'
|
|
2054
|
+
| 'CaretLeftFill'
|
|
2055
|
+
| 'CaretLeftToLine'
|
|
2056
|
+
| 'CaretLeftToLineFill'
|
|
2057
|
+
| 'CaretRight'
|
|
2058
|
+
| 'CaretRightFill'
|
|
2059
|
+
| 'CaretRightToLine'
|
|
2060
|
+
| 'CaretRightToLineFill'
|
|
2061
|
+
| 'CaretUp'
|
|
2062
|
+
| 'CaretUpFill'
|
|
2063
|
+
| 'Cart'
|
|
2064
|
+
| 'CartArrowDown'
|
|
2065
|
+
| 'CartArrowUp'
|
|
2066
|
+
| 'CartClose'
|
|
2067
|
+
| 'CartFast'
|
|
2068
|
+
| 'CartMinus'
|
|
2069
|
+
| 'CartNotif'
|
|
2070
|
+
| 'CartPlus'
|
|
2071
|
+
| 'CartTick'
|
|
2072
|
+
| 'CaseColor'
|
|
2073
|
+
| 'Certificate'
|
|
2074
|
+
| 'CertificateCheck'
|
|
2075
|
+
| 'ChartArea'
|
|
2076
|
+
| 'ChartBar'
|
|
2077
|
+
| 'ChartBullet'
|
|
2078
|
+
| 'ChartColumn'
|
|
2079
|
+
| 'ChartGantt'
|
|
2080
|
+
| 'ChartLine'
|
|
2081
|
+
| 'ChartLineDown'
|
|
2082
|
+
| 'ChartLineUp'
|
|
2083
|
+
| 'ChartMixed'
|
|
2084
|
+
| 'ChartNetwork'
|
|
2085
|
+
| 'ChartPie'
|
|
2086
|
+
| 'ChartPyramid'
|
|
2087
|
+
| 'ChartRadar'
|
|
2088
|
+
| 'ChartScatter'
|
|
2089
|
+
| 'ChartScatter3d'
|
|
2090
|
+
| 'ChartScatterBubble'
|
|
2091
|
+
| 'ChartSimple'
|
|
2092
|
+
| 'ChartSimpleHorizontal'
|
|
2093
|
+
| 'ChartTreeMap'
|
|
2094
|
+
| 'ChartUserSquare'
|
|
2095
|
+
| 'ChartWaterfall'
|
|
2096
|
+
| 'Check'
|
|
2097
|
+
| 'CheckCircle'
|
|
2098
|
+
| 'CheckCircleFill'
|
|
2099
|
+
| 'CheckDouble'
|
|
2100
|
+
| 'CheckDoubleFill'
|
|
2101
|
+
| 'CheckFill'
|
|
2102
|
+
| 'Chemistry'
|
|
2103
|
+
| 'ChemistryColor'
|
|
2104
|
+
| 'ChessColor'
|
|
2105
|
+
| 'ChevronDown'
|
|
2106
|
+
| 'ChevronDownFill'
|
|
2107
|
+
| 'ChevronDownLeft'
|
|
2108
|
+
| 'ChevronDownLeftFill'
|
|
2109
|
+
| 'ChevronDownRight'
|
|
2110
|
+
| 'ChevronDownRightFill'
|
|
2111
|
+
| 'ChevronDownSmall'
|
|
2112
|
+
| 'ChevronDownSmallFill'
|
|
2113
|
+
| 'ChevronLeft'
|
|
2114
|
+
| 'ChevronLeftFill'
|
|
2115
|
+
| 'ChevronLeftSmall'
|
|
2116
|
+
| 'ChevronLeftSmallFill'
|
|
2117
|
+
| 'ChevronRight'
|
|
2118
|
+
| 'ChevronRightFill'
|
|
2119
|
+
| 'ChevronRightSmall'
|
|
2120
|
+
| 'ChevronRightSmallFill'
|
|
2121
|
+
| 'ChevronSelectorHorizontal'
|
|
2122
|
+
| 'ChevronSelectorVertical'
|
|
2123
|
+
| 'ChevronUp'
|
|
2124
|
+
| 'ChevronUpFill'
|
|
2125
|
+
| 'ChevronUpLeft'
|
|
2126
|
+
| 'ChevronUpLeftFill'
|
|
2127
|
+
| 'ChevronUpRight'
|
|
2128
|
+
| 'ChevronUpRightFill'
|
|
2129
|
+
| 'ChevronUpSmall'
|
|
2130
|
+
| 'ChevronUpSmallFill'
|
|
2131
|
+
| 'Children'
|
|
2132
|
+
| 'ChineseColor'
|
|
2133
|
+
| 'CircleDollar'
|
|
2134
|
+
| 'CircleDollarToSlot'
|
|
2135
|
+
| 'CircleNotch'
|
|
2136
|
+
| 'CirclePause'
|
|
2137
|
+
| 'CirclePlay'
|
|
2138
|
+
| 'CircleQuarter'
|
|
2139
|
+
| 'CircleQuarters'
|
|
2140
|
+
| 'CircleThreeQuarters'
|
|
2141
|
+
| 'CircleUserFill'
|
|
2142
|
+
| 'City'
|
|
2143
|
+
| 'Clipboard'
|
|
2144
|
+
| 'ClipboardExport'
|
|
2145
|
+
| 'ClipboardImport'
|
|
2146
|
+
| 'ClipboardListAlt'
|
|
2147
|
+
| 'ClipboardMinus'
|
|
2148
|
+
| 'ClipboardPlus'
|
|
2149
|
+
| 'ClipboardText'
|
|
2150
|
+
| 'Clock'
|
|
2151
|
+
| 'ClockAdd'
|
|
2152
|
+
| 'ClockDone'
|
|
2153
|
+
| 'ClockRemove'
|
|
2154
|
+
| 'ClockWarning'
|
|
2155
|
+
| 'Close'
|
|
2156
|
+
| 'CloseCirlce'
|
|
2157
|
+
| 'CloseCirlceFill'
|
|
2158
|
+
| 'CloseFill'
|
|
2159
|
+
| 'CloseLarge'
|
|
2160
|
+
| 'CloseLargeFill'
|
|
2161
|
+
| 'Cloud'
|
|
2162
|
+
| 'CloudAdd'
|
|
2163
|
+
| 'CloudBolt'
|
|
2164
|
+
| 'CloudDone'
|
|
2165
|
+
| 'CloudDownload'
|
|
2166
|
+
| 'CloudError'
|
|
2167
|
+
| 'CloudExport'
|
|
2168
|
+
| 'CloudImport'
|
|
2169
|
+
| 'CloudOff'
|
|
2170
|
+
| 'CloudQuestion'
|
|
2171
|
+
| 'CloudRemove'
|
|
2172
|
+
| 'CloudUpload'
|
|
2173
|
+
| 'CloudWarning'
|
|
2174
|
+
| 'Club'
|
|
2175
|
+
| 'Code'
|
|
2176
|
+
| 'Coin'
|
|
2177
|
+
| 'CoinVertical'
|
|
2178
|
+
| 'Coins'
|
|
2179
|
+
| 'Columns2'
|
|
2180
|
+
| 'Columns3'
|
|
2181
|
+
| 'Compass'
|
|
2182
|
+
| 'Computer'
|
|
2183
|
+
| 'Constrict'
|
|
2184
|
+
| 'Copy'
|
|
2185
|
+
| 'CornerDownLeft'
|
|
2186
|
+
| 'CornerDownLeftFill'
|
|
2187
|
+
| 'CornerDownRight'
|
|
2188
|
+
| 'CornerDownRightFill'
|
|
2189
|
+
| 'CornerLeftDown'
|
|
2190
|
+
| 'CornerLeftDownFill'
|
|
2191
|
+
| 'CornerLeftUp'
|
|
2192
|
+
| 'CornerLeftUpFill'
|
|
2193
|
+
| 'CornerRightDown'
|
|
2194
|
+
| 'CornerRightDownFill'
|
|
2195
|
+
| 'CornerRightUp'
|
|
2196
|
+
| 'CornerRightUpFill'
|
|
2197
|
+
| 'CornerUpLeft'
|
|
2198
|
+
| 'CornerUpLeftFill'
|
|
2199
|
+
| 'CornerUpRight'
|
|
2200
|
+
| 'CornerUpRightFill'
|
|
2201
|
+
| 'CourceColor'
|
|
2202
|
+
| 'CreativityColor'
|
|
2203
|
+
| 'CreditCard'
|
|
2204
|
+
| 'CreditCardAdd'
|
|
2205
|
+
| 'CreditCardRemove'
|
|
2206
|
+
| 'CreditCardScan'
|
|
2207
|
+
| 'Crop'
|
|
2208
|
+
| 'Crown'
|
|
2209
|
+
| 'Cube'
|
|
2210
|
+
| 'CubeSharp'
|
|
2211
|
+
| 'CubeVr'
|
|
2212
|
+
| 'Cursor'
|
|
2213
|
+
| 'CursorFill'
|
|
2214
|
+
| 'Dash'
|
|
2215
|
+
| 'Delete'
|
|
2216
|
+
| 'DeleteFill'
|
|
2217
|
+
| 'Development1Color'
|
|
2218
|
+
| 'Development2Color'
|
|
2219
|
+
| 'DiagramCells'
|
|
2220
|
+
| 'DiagramLeanCanvas'
|
|
2221
|
+
| 'DiagramNested'
|
|
2222
|
+
| 'DiagramNext'
|
|
2223
|
+
| 'DiagramPredecessor'
|
|
2224
|
+
| 'DiagramPrevious'
|
|
2225
|
+
| 'DiagramProject'
|
|
2226
|
+
| 'DiagramSankey'
|
|
2227
|
+
| 'DiagramSubtask'
|
|
2228
|
+
| 'DiagramSuccessor'
|
|
2229
|
+
| 'DiagramVenn'
|
|
2230
|
+
| 'DialpadCircle'
|
|
2231
|
+
| 'DialpadSquare'
|
|
2232
|
+
| 'Diamond'
|
|
2233
|
+
| 'DiamondSimple'
|
|
2234
|
+
| 'DiceFive'
|
|
2235
|
+
| 'DiceFour'
|
|
2236
|
+
| 'DiceOne'
|
|
2237
|
+
| 'DiceSix'
|
|
2238
|
+
| 'DiceThree'
|
|
2239
|
+
| 'DiceTwo'
|
|
2240
|
+
| 'DiplomaColor'
|
|
2241
|
+
| 'Disc'
|
|
2242
|
+
| 'DiscountBadge'
|
|
2243
|
+
| 'DiscountCircle'
|
|
2244
|
+
| 'Dislike'
|
|
2245
|
+
| 'DistributeSpacingHorizontal'
|
|
2246
|
+
| 'DistributeSpacingVertical'
|
|
2247
|
+
| 'Doc'
|
|
2248
|
+
| 'DocumentLayoutCenter'
|
|
2249
|
+
| 'DocumentLayoutLeft'
|
|
2250
|
+
| 'DocumentLayoutRight'
|
|
2251
|
+
| 'DoorClosed'
|
|
2252
|
+
| 'DoorOpen'
|
|
2253
|
+
| 'DoubleXpFill'
|
|
2254
|
+
| 'Download'
|
|
2255
|
+
| 'DownloadFill'
|
|
2256
|
+
| 'DrawSquare'
|
|
2257
|
+
| 'DrawSquareT'
|
|
2258
|
+
| 'DrawingColor'
|
|
2259
|
+
| 'DrawingTablet'
|
|
2260
|
+
| 'EarlyEducationColor'
|
|
2261
|
+
| 'Ecology'
|
|
2262
|
+
| 'EcologyColor'
|
|
2263
|
+
| 'EconomyColor'
|
|
2264
|
+
| 'Edit'
|
|
2265
|
+
| 'EditFill'
|
|
2266
|
+
| 'EditPen'
|
|
2267
|
+
| 'EditPenFill'
|
|
2268
|
+
| 'EducationColor'
|
|
2269
|
+
| 'EducationProgramColor'
|
|
2270
|
+
| 'EducontAuthorization'
|
|
2271
|
+
| 'ElementaryColor'
|
|
2272
|
+
| 'EmotionalIntelligenceColor'
|
|
2273
|
+
| 'English'
|
|
2274
|
+
| 'EnglishColor'
|
|
2275
|
+
| 'EnglishToChinese'
|
|
2276
|
+
| 'Enter'
|
|
2277
|
+
| 'EnterFill'
|
|
2278
|
+
| 'ExamColor'
|
|
2279
|
+
| 'ExamTestColor'
|
|
2280
|
+
| 'Expand'
|
|
2281
|
+
| 'Export'
|
|
2282
|
+
| 'ExportFill'
|
|
2283
|
+
| 'ExternalLink'
|
|
2284
|
+
| 'ExternalLinkFill'
|
|
2285
|
+
| 'Eye'
|
|
2286
|
+
| 'EyeClose'
|
|
2287
|
+
| 'EyeCloseFill'
|
|
2288
|
+
| 'EyeDropper'
|
|
2289
|
+
| 'EyeDropperFull'
|
|
2290
|
+
| 'EyeDropperHalf'
|
|
2291
|
+
| 'EyeFill'
|
|
2292
|
+
| 'EyeSlash'
|
|
2293
|
+
| 'EyeSlashFill'
|
|
2294
|
+
| 'FaceFrown'
|
|
2295
|
+
| 'FaceFrownFill'
|
|
2296
|
+
| 'FaceId'
|
|
2297
|
+
| 'FaceSmile'
|
|
2298
|
+
| 'FaceSmileFill'
|
|
2299
|
+
| 'FacebookSocial'
|
|
2300
|
+
| 'Family'
|
|
2301
|
+
| 'FamilyHouse'
|
|
2302
|
+
| 'FastTimer'
|
|
2303
|
+
| 'Figma'
|
|
2304
|
+
| 'File'
|
|
2305
|
+
| 'FileAdd'
|
|
2306
|
+
| 'FileAddAlt1'
|
|
2307
|
+
| 'FileBookmark'
|
|
2308
|
+
| 'FileDashedLine'
|
|
2309
|
+
| 'FileDownload'
|
|
2310
|
+
| 'FileEdit'
|
|
2311
|
+
| 'FileEditCorner'
|
|
2312
|
+
| 'FileExclamationCorner'
|
|
2313
|
+
| 'FileHorizontal'
|
|
2314
|
+
| 'FileImport'
|
|
2315
|
+
| 'FileInfo'
|
|
2316
|
+
| 'FileInfoCorner'
|
|
2317
|
+
| 'FileLink'
|
|
2318
|
+
| 'FileMinus'
|
|
2319
|
+
| 'FileMinusCorner'
|
|
2320
|
+
| 'FileMove'
|
|
2321
|
+
| 'FileOff'
|
|
2322
|
+
| 'FilePdf'
|
|
2323
|
+
| 'FileQuestion'
|
|
2324
|
+
| 'FileQuestionCorner'
|
|
2325
|
+
| 'FileRemove'
|
|
2326
|
+
| 'FileShredder'
|
|
2327
|
+
| 'FileText'
|
|
2328
|
+
| 'FileTick'
|
|
2329
|
+
| 'FileUpload'
|
|
2330
|
+
| 'FileWarning'
|
|
2331
|
+
| 'FileZipper'
|
|
2332
|
+
| 'Files'
|
|
2333
|
+
| 'Filter'
|
|
2334
|
+
| 'FilterFill'
|
|
2335
|
+
| 'FinanceColor'
|
|
2336
|
+
| 'FinancialLiteratureColor'
|
|
2337
|
+
| 'Fingerprint'
|
|
2338
|
+
| 'Fire'
|
|
2339
|
+
| 'FireAlt'
|
|
2340
|
+
| 'FireFill'
|
|
2341
|
+
| 'FireSmallFill'
|
|
2342
|
+
| 'Fizra2Color'
|
|
2343
|
+
| 'FizraColor'
|
|
2344
|
+
| 'FizraElementaryColor'
|
|
2345
|
+
| 'Flag'
|
|
2346
|
+
| 'FlashCards'
|
|
2347
|
+
| 'Flashlight'
|
|
2348
|
+
| 'Folder'
|
|
2349
|
+
| 'FolderColor'
|
|
2350
|
+
| 'FolderAdd'
|
|
2351
|
+
| 'FolderExport'
|
|
2352
|
+
| 'FolderImport'
|
|
2353
|
+
| 'FolderInfo'
|
|
2354
|
+
| 'FolderMinus'
|
|
2355
|
+
| 'FolderMove'
|
|
2356
|
+
| 'FolderNotif'
|
|
2357
|
+
| 'FolderQuestion'
|
|
2358
|
+
| 'FolderRemove'
|
|
2359
|
+
| 'FolderTick'
|
|
2360
|
+
| 'FolderWarning'
|
|
2361
|
+
| 'Font'
|
|
2362
|
+
| 'FontCase'
|
|
2363
|
+
| 'FoodColor'
|
|
2364
|
+
| 'ForeignLanguageColor'
|
|
2365
|
+
| 'Forward'
|
|
2366
|
+
| 'ForwardFill'
|
|
2367
|
+
| 'FoxCoins'
|
|
2368
|
+
| 'FrenchColor'
|
|
2369
|
+
| 'GalleryThumbnails'
|
|
2370
|
+
| 'Game'
|
|
2371
|
+
| 'GamesColor'
|
|
2372
|
+
| 'Gem'
|
|
2373
|
+
| 'Geography'
|
|
2374
|
+
| 'GeographyColor'
|
|
2375
|
+
| 'GeographyElementaryColor'
|
|
2376
|
+
| 'GeometryColor'
|
|
2377
|
+
| 'GermanColor'
|
|
2378
|
+
| 'Gift'
|
|
2379
|
+
| 'GiftBox'
|
|
2380
|
+
| 'GiftCard'
|
|
2381
|
+
| 'Globe'
|
|
2382
|
+
| 'Goal'
|
|
2383
|
+
| 'Gold'
|
|
2384
|
+
| 'GoogleAuthorization'
|
|
2385
|
+
| 'Gps'
|
|
2386
|
+
| 'GpsOff'
|
|
2387
|
+
| 'Grid'
|
|
2388
|
+
| 'GridCircle'
|
|
2389
|
+
| 'GridCircleFill'
|
|
2390
|
+
| 'GridFill'
|
|
2391
|
+
| 'GridPlus'
|
|
2392
|
+
| 'GridPlusFill'
|
|
2393
|
+
| 'GripDots'
|
|
2394
|
+
| 'GripDotsFill'
|
|
2395
|
+
| 'GripDotsVertical'
|
|
2396
|
+
| 'GripDotsVerticalFill'
|
|
2397
|
+
| 'GroupColor'
|
|
2398
|
+
| 'H1'
|
|
2399
|
+
| 'H2'
|
|
2400
|
+
| 'HandLeft'
|
|
2401
|
+
| 'HandRight'
|
|
2402
|
+
| 'HandSlash'
|
|
2403
|
+
| 'HardDrive'
|
|
2404
|
+
| 'Hashtag'
|
|
2405
|
+
| 'HashtagLock'
|
|
2406
|
+
| 'Hat'
|
|
2407
|
+
| 'Heading'
|
|
2408
|
+
| 'Headphones'
|
|
2409
|
+
| 'Heart'
|
|
2410
|
+
| 'HeartCircle'
|
|
2411
|
+
| 'HeartCircleFill'
|
|
2412
|
+
| 'HeartCrack'
|
|
2413
|
+
| 'HeartFill'
|
|
2414
|
+
| 'HeartHalf'
|
|
2415
|
+
| 'HeartHalfStroke'
|
|
2416
|
+
| 'Help'
|
|
2417
|
+
| 'HelpCircle'
|
|
2418
|
+
| 'HelpCircleFill'
|
|
2419
|
+
| 'HelpSeal'
|
|
2420
|
+
| 'HelpSealFill'
|
|
2421
|
+
| 'Hexagon'
|
|
2422
|
+
| 'History'
|
|
2423
|
+
| 'HistoryColor'
|
|
2424
|
+
| 'HomeSchoolColor'
|
|
2425
|
+
| 'HorizontalRule'
|
|
2426
|
+
| 'Hotel'
|
|
2427
|
+
| 'Hourglass'
|
|
2428
|
+
| 'HourglassEnd'
|
|
2429
|
+
| 'HourglassHalf'
|
|
2430
|
+
| 'HourglassStart'
|
|
2431
|
+
| 'House'
|
|
2432
|
+
| 'HouseEmpty'
|
|
2433
|
+
| 'HouseFill'
|
|
2434
|
+
| 'ICursor'
|
|
2435
|
+
| 'Image'
|
|
2436
|
+
| 'ImageAdd'
|
|
2437
|
+
| 'ImageEdit'
|
|
2438
|
+
| 'ImageError'
|
|
2439
|
+
| 'ImageExport'
|
|
2440
|
+
| 'ImageImport'
|
|
2441
|
+
| 'ImageRemove'
|
|
2442
|
+
| 'ImageTick'
|
|
2443
|
+
| 'ImageUser'
|
|
2444
|
+
| 'Import'
|
|
2445
|
+
| 'ImportFill'
|
|
2446
|
+
| 'Inbox'
|
|
2447
|
+
| 'InboxAdd'
|
|
2448
|
+
| 'InboxCheck'
|
|
2449
|
+
| 'InboxExport'
|
|
2450
|
+
| 'InboxImport'
|
|
2451
|
+
| 'InboxInformation'
|
|
2452
|
+
| 'InboxMinus'
|
|
2453
|
+
| 'InboxMove'
|
|
2454
|
+
| 'InboxNotif'
|
|
2455
|
+
| 'InboxRemove'
|
|
2456
|
+
| 'InboxWarning'
|
|
2457
|
+
| 'Income'
|
|
2458
|
+
| 'Indent'
|
|
2459
|
+
| 'Industry'
|
|
2460
|
+
| 'Infinity'
|
|
2461
|
+
| 'InfoCircle'
|
|
2462
|
+
| 'InfoCircleFill'
|
|
2463
|
+
| 'InformaticsColor'
|
|
2464
|
+
| 'Information'
|
|
2465
|
+
| 'InstagramSocial'
|
|
2466
|
+
| 'Italic'
|
|
2467
|
+
| 'Items'
|
|
2468
|
+
| 'Kerning'
|
|
2469
|
+
| 'Key'
|
|
2470
|
+
| 'KeyTiny'
|
|
2471
|
+
| 'Keyboard'
|
|
2472
|
+
| 'KeyboardClose'
|
|
2473
|
+
| 'LampCharge'
|
|
2474
|
+
| 'LampChargeFill'
|
|
2475
|
+
| 'LampOff'
|
|
2476
|
+
| 'LampOffFill'
|
|
2477
|
+
| 'LampOn'
|
|
2478
|
+
| 'LampOnFill'
|
|
2479
|
+
| 'LampWarning'
|
|
2480
|
+
| 'LampWarningFill'
|
|
2481
|
+
| 'Laptop'
|
|
2482
|
+
| 'LaptopArrowDown'
|
|
2483
|
+
| 'LaptopArrowUp'
|
|
2484
|
+
| 'LaptopError'
|
|
2485
|
+
| 'LaptopExclamation'
|
|
2486
|
+
| 'LaptopSignal'
|
|
2487
|
+
| 'LaptopTick'
|
|
2488
|
+
| 'Lasso'
|
|
2489
|
+
| 'LeftAlignment'
|
|
2490
|
+
| 'LeftIndent'
|
|
2491
|
+
| 'LeftToRightTextDirection'
|
|
2492
|
+
| 'LetterChineseA'
|
|
2493
|
+
| 'LightWarning'
|
|
2494
|
+
| 'LightWarningOn'
|
|
2495
|
+
| 'Lightning'
|
|
2496
|
+
| 'LightningFill'
|
|
2497
|
+
| 'Like'
|
|
2498
|
+
| 'LineColumns'
|
|
2499
|
+
| 'LineHeight'
|
|
2500
|
+
| 'LinesLeaning'
|
|
2501
|
+
| 'Link'
|
|
2502
|
+
| 'LinkFill'
|
|
2503
|
+
| 'LinkSlash'
|
|
2504
|
+
| 'List'
|
|
2505
|
+
| 'ListCircle'
|
|
2506
|
+
| 'ListOl'
|
|
2507
|
+
| 'ListUl'
|
|
2508
|
+
| 'ListUlLevel'
|
|
2509
|
+
| 'Literature'
|
|
2510
|
+
| 'LiteratureColor'
|
|
2511
|
+
| 'Loader'
|
|
2512
|
+
| 'LoaderFill'
|
|
2513
|
+
| 'Loading'
|
|
2514
|
+
| 'LocationCheck'
|
|
2515
|
+
| 'Lock'
|
|
2516
|
+
| 'LockA'
|
|
2517
|
+
| 'LockFill'
|
|
2518
|
+
| 'LockHashtag'
|
|
2519
|
+
| 'LockSlash'
|
|
2520
|
+
| 'LogIn'
|
|
2521
|
+
| 'LogInFill'
|
|
2522
|
+
| 'LogOut'
|
|
2523
|
+
| 'LogOutFill'
|
|
2524
|
+
| 'LogicColor'
|
|
2525
|
+
| 'LogopedColor'
|
|
2526
|
+
| 'Loop'
|
|
2527
|
+
| 'Mail'
|
|
2528
|
+
| 'MailAdd'
|
|
2529
|
+
| 'MailBlock'
|
|
2530
|
+
| 'MailEdit'
|
|
2531
|
+
| 'MailInfo'
|
|
2532
|
+
| 'MailMinus'
|
|
2533
|
+
| 'MailNotif'
|
|
2534
|
+
| 'MailOpen'
|
|
2535
|
+
| 'MailRefresh'
|
|
2536
|
+
| 'MailRemove'
|
|
2537
|
+
| 'MailTick'
|
|
2538
|
+
| 'MailWarning'
|
|
2539
|
+
| 'MailRuAuthorization'
|
|
2540
|
+
| 'Map'
|
|
2541
|
+
| 'MapLocationPin'
|
|
2542
|
+
| 'MapMarker'
|
|
2543
|
+
| 'MapMarkerAdd'
|
|
2544
|
+
| 'MapMarkerError'
|
|
2545
|
+
| 'MapMarkerOff'
|
|
2546
|
+
| 'MapMarkerRemove'
|
|
2547
|
+
| 'MapMarkerWarning'
|
|
2548
|
+
| 'MaterialsColor'
|
|
2549
|
+
| 'MathColor'
|
|
2550
|
+
| 'MathElementaryColor'
|
|
2551
|
+
| 'Mathematics'
|
|
2552
|
+
| 'Maximize'
|
|
2553
|
+
| 'Medal'
|
|
2554
|
+
| 'MedalFill'
|
|
2555
|
+
| 'MedicineColor'
|
|
2556
|
+
| 'MegaphoneColor'
|
|
2557
|
+
| 'MemoCheck'
|
|
2558
|
+
| 'MemoPencil'
|
|
2559
|
+
| 'Menu'
|
|
2560
|
+
| 'MenuFill'
|
|
2561
|
+
| 'MessageCircle'
|
|
2562
|
+
| 'MessageCircleChat'
|
|
2563
|
+
| 'MessageCircleExport'
|
|
2564
|
+
| 'MessageCircleImport'
|
|
2565
|
+
| 'MessageCircleInfo'
|
|
2566
|
+
| 'MessageCircleLines'
|
|
2567
|
+
| 'MessageCircleMinus'
|
|
2568
|
+
| 'MessageCircleNotif'
|
|
2569
|
+
| 'MessageCirclePlus'
|
|
2570
|
+
| 'MessageCircleQuestion'
|
|
2571
|
+
| 'MessageCircleTick'
|
|
2572
|
+
| 'MessageCircleWarning'
|
|
2573
|
+
| 'MessageCircleXmark'
|
|
2574
|
+
| 'MessageSquare'
|
|
2575
|
+
| 'MessageSquareArrowDown'
|
|
2576
|
+
| 'MessageSquareChat'
|
|
2577
|
+
| 'MessageSquareExport'
|
|
2578
|
+
| 'MessageSquareInfo'
|
|
2579
|
+
| 'MessageSquareLines'
|
|
2580
|
+
| 'MessageSquareMinus'
|
|
2581
|
+
| 'MessageSquareNotif'
|
|
2582
|
+
| 'MessageSquarePlus'
|
|
2583
|
+
| 'MessageSquareQuestion'
|
|
2584
|
+
| 'MessageSquareRemove'
|
|
2585
|
+
| 'MessageSquareTick'
|
|
2586
|
+
| 'MessageSquareWarning'
|
|
2587
|
+
| 'Microphone'
|
|
2588
|
+
| 'MicrophoneOff'
|
|
2589
|
+
| 'MiniGroupColor'
|
|
2590
|
+
| 'Minimize'
|
|
2591
|
+
| 'Minus'
|
|
2592
|
+
| 'MinusCircle'
|
|
2593
|
+
| 'MinusCircleFill'
|
|
2594
|
+
| 'MinusFill'
|
|
2595
|
+
| 'Mix'
|
|
2596
|
+
| 'Mobile'
|
|
2597
|
+
| 'MobileBolt'
|
|
2598
|
+
| 'MobileRemove'
|
|
2599
|
+
| 'MobileSignal'
|
|
2600
|
+
| 'MobileSignalOut'
|
|
2601
|
+
| 'MobileSlash'
|
|
2602
|
+
| 'MobileTick'
|
|
2603
|
+
| 'Modem'
|
|
2604
|
+
| 'Moon'
|
|
2605
|
+
| 'MoonFill'
|
|
2606
|
+
| 'MoreHorizontal'
|
|
2607
|
+
| 'MoreHorizontalFill'
|
|
2608
|
+
| 'MoreVertical'
|
|
2609
|
+
| 'MoreVerticalFill'
|
|
2610
|
+
| 'Motorcycle'
|
|
2611
|
+
| 'Mouse'
|
|
2612
|
+
| 'Move'
|
|
2613
|
+
| 'MoveDown'
|
|
2614
|
+
| 'MoveLeft'
|
|
2615
|
+
| 'MoveRight'
|
|
2616
|
+
| 'MoveUp'
|
|
2617
|
+
| 'MultiDisciplineColor'
|
|
2618
|
+
| 'Music'
|
|
2619
|
+
| 'MusicColor'
|
|
2620
|
+
| 'MusicNote'
|
|
2621
|
+
| 'MusicNoteOff'
|
|
2622
|
+
| 'NaturalSciencesColor'
|
|
2623
|
+
| 'Navigation'
|
|
2624
|
+
| 'NavigationForward'
|
|
2625
|
+
| 'Next'
|
|
2626
|
+
| 'NextFast'
|
|
2627
|
+
| 'NoteSticky'
|
|
2628
|
+
| 'Notebook'
|
|
2629
|
+
| 'Notif'
|
|
2630
|
+
| 'NotifFill'
|
|
2631
|
+
| 'NotifOff'
|
|
2632
|
+
| 'NotifOffFill'
|
|
2633
|
+
| 'ObjectsAlignBottom'
|
|
2634
|
+
| 'ObjectsAlignCenterHorizontal'
|
|
2635
|
+
| 'ObjectsAlignCenterVertical'
|
|
2636
|
+
| 'ObjectsAlignLeft'
|
|
2637
|
+
| 'ObjectsAlignRight'
|
|
2638
|
+
| 'ObjectsAlignTop'
|
|
2639
|
+
| 'ObjectsColumn'
|
|
2640
|
+
| 'ObzColor'
|
|
2641
|
+
| 'ObzElementaryColor'
|
|
2642
|
+
| 'Octagon'
|
|
2643
|
+
| 'OkAuthorization'
|
|
2644
|
+
| 'OkSocial'
|
|
2645
|
+
| 'OlympiadColor'
|
|
2646
|
+
| 'Outcome'
|
|
2647
|
+
| 'Overline'
|
|
2648
|
+
| 'OvzColor'
|
|
2649
|
+
| 'PaintRoller'
|
|
2650
|
+
| 'Paintbrush'
|
|
2651
|
+
| 'Palette'
|
|
2652
|
+
| 'PaletteFill'
|
|
2653
|
+
| 'Paperclip'
|
|
2654
|
+
| 'PaperclipSlash'
|
|
2655
|
+
| 'Paragraph'
|
|
2656
|
+
| 'Parchment'
|
|
2657
|
+
| 'Parent'
|
|
2658
|
+
| 'Pause'
|
|
2659
|
+
| 'PauseCircle'
|
|
2660
|
+
| 'PauseFill'
|
|
2661
|
+
| 'PauseSquare'
|
|
2662
|
+
| 'PauseThin'
|
|
2663
|
+
| 'PauseThinFill'
|
|
2664
|
+
| 'Pen'
|
|
2665
|
+
| 'PenNib'
|
|
2666
|
+
| 'PenNibOff'
|
|
2667
|
+
| 'PenRuler'
|
|
2668
|
+
| 'PenSlash'
|
|
2669
|
+
| 'Pencil'
|
|
2670
|
+
| 'PencilOff'
|
|
2671
|
+
| 'Pentagon'
|
|
2672
|
+
| 'People'
|
|
2673
|
+
| 'Percentage'
|
|
2674
|
+
| 'Phone'
|
|
2675
|
+
| 'PhoneColor'
|
|
2676
|
+
| 'PhoneAdd'
|
|
2677
|
+
| 'PhoneCall'
|
|
2678
|
+
| 'PhoneFlip'
|
|
2679
|
+
| 'PhoneIncoming'
|
|
2680
|
+
| 'PhoneMissed'
|
|
2681
|
+
| 'PhoneOffice'
|
|
2682
|
+
| 'PhoneOutgoing'
|
|
2683
|
+
| 'PhonePause'
|
|
2684
|
+
| 'PhoneReceived'
|
|
2685
|
+
| 'PhoneRemove'
|
|
2686
|
+
| 'PhoneSlash'
|
|
2687
|
+
| 'Photo'
|
|
2688
|
+
| 'PhotoOff'
|
|
2689
|
+
| 'Physics'
|
|
2690
|
+
| 'PhysicsColor'
|
|
2691
|
+
| 'PictureColor'
|
|
2692
|
+
| 'Pin'
|
|
2693
|
+
| 'PinFill'
|
|
2694
|
+
| 'PinLocation'
|
|
2695
|
+
| 'Play'
|
|
2696
|
+
| 'PlayCircle'
|
|
2697
|
+
| 'PlayFill'
|
|
2698
|
+
| 'PlayPause'
|
|
2699
|
+
| 'PlaySquare'
|
|
2700
|
+
| 'Plug'
|
|
2701
|
+
| 'Plus'
|
|
2702
|
+
| 'PlusCircle'
|
|
2703
|
+
| 'PlusCircleFill'
|
|
2704
|
+
| 'PlusFill'
|
|
2705
|
+
| 'PlusLarge'
|
|
2706
|
+
| 'PlusLargeFill'
|
|
2707
|
+
| 'Podcast'
|
|
2708
|
+
| 'Podium'
|
|
2709
|
+
| 'PointerDown'
|
|
2710
|
+
| 'PointerLeft'
|
|
2711
|
+
| 'PointerRight'
|
|
2712
|
+
| 'PointerUp'
|
|
2713
|
+
| 'PowerBank'
|
|
2714
|
+
| 'PowerOff'
|
|
2715
|
+
| 'PowerOffFill'
|
|
2716
|
+
| 'Presentation'
|
|
2717
|
+
| 'PresentationChart'
|
|
2718
|
+
| 'Previous'
|
|
2719
|
+
| 'PreviousFast'
|
|
2720
|
+
| 'Print'
|
|
2721
|
+
| 'PrintColor'
|
|
2722
|
+
| 'ProductPackColor'
|
|
2723
|
+
| 'ProgramColor'
|
|
2724
|
+
| 'Programming'
|
|
2725
|
+
| 'ProgrammingColor'
|
|
2726
|
+
| 'Projector'
|
|
2727
|
+
| 'PronunciationColor'
|
|
2728
|
+
| 'Radar'
|
|
2729
|
+
| 'Reciept'
|
|
2730
|
+
| 'RectangleCode'
|
|
2731
|
+
| 'RectangleTerminal'
|
|
2732
|
+
| 'RectangleVertical'
|
|
2733
|
+
| 'RectangleWide'
|
|
2734
|
+
| 'RectanglesMixed'
|
|
2735
|
+
| 'RectanglesMixedFill'
|
|
2736
|
+
| 'Redo'
|
|
2737
|
+
| 'RedoFill'
|
|
2738
|
+
| 'Refresh'
|
|
2739
|
+
| 'RefreshClock'
|
|
2740
|
+
| 'RefreshFill'
|
|
2741
|
+
| 'Repeat'
|
|
2742
|
+
| 'RepeatVertical'
|
|
2743
|
+
| 'Reply'
|
|
2744
|
+
| 'ResizeHandle'
|
|
2745
|
+
| 'RewindingLeft'
|
|
2746
|
+
| 'RewindingRight'
|
|
2747
|
+
| 'Rhombus'
|
|
2748
|
+
| 'RightAlignment'
|
|
2749
|
+
| 'RightIndent'
|
|
2750
|
+
| 'RightToLeftTextDirection'
|
|
2751
|
+
| 'RobotColor'
|
|
2752
|
+
| 'RobotechnicsColor'
|
|
2753
|
+
| 'Rocket'
|
|
2754
|
+
| 'Rotate'
|
|
2755
|
+
| 'RotateFill'
|
|
2756
|
+
| 'RotateLeft'
|
|
2757
|
+
| 'RotateLeftFill'
|
|
2758
|
+
| 'RotateRight'
|
|
2759
|
+
| 'RotateRightFill'
|
|
2760
|
+
| 'Route'
|
|
2761
|
+
| 'Rss'
|
|
2762
|
+
| 'RussianColor'
|
|
2763
|
+
| 'Scan'
|
|
2764
|
+
| 'School'
|
|
2765
|
+
| 'SchoolPreparingColor'
|
|
2766
|
+
| 'SchoolProgramColor'
|
|
2767
|
+
| 'SchoolBag'
|
|
2768
|
+
| 'Scissors'
|
|
2769
|
+
| 'Screen'
|
|
2770
|
+
| 'ScreenExport'
|
|
2771
|
+
| 'ScreenImport'
|
|
2772
|
+
| 'ScreenRemove'
|
|
2773
|
+
| 'ScreenSharing'
|
|
2774
|
+
| 'Screencast'
|
|
2775
|
+
| 'Scribble'
|
|
2776
|
+
| 'Seal'
|
|
2777
|
+
| 'Search'
|
|
2778
|
+
| 'SearchOut'
|
|
2779
|
+
| 'SearchZoom'
|
|
2780
|
+
| 'Seconds10'
|
|
2781
|
+
| 'Seconds10Right'
|
|
2782
|
+
| 'Seconds15'
|
|
2783
|
+
| 'Seconds15Right'
|
|
2784
|
+
| 'Seconds5'
|
|
2785
|
+
| 'Seconds5Right'
|
|
2786
|
+
| 'Send'
|
|
2787
|
+
| 'SendAngle'
|
|
2788
|
+
| 'SendForward'
|
|
2789
|
+
| 'SendingLeft'
|
|
2790
|
+
| 'SendingRight'
|
|
2791
|
+
| 'Server'
|
|
2792
|
+
| 'ServerColor'
|
|
2793
|
+
| 'Settings'
|
|
2794
|
+
| 'Settings1Color'
|
|
2795
|
+
| 'Settings2Color'
|
|
2796
|
+
| 'Settings3Color'
|
|
2797
|
+
| 'SettingsFill'
|
|
2798
|
+
| 'Shapes'
|
|
2799
|
+
| 'Share'
|
|
2800
|
+
| 'ShareFill'
|
|
2801
|
+
| 'Shield'
|
|
2802
|
+
| 'ShieldCheck'
|
|
2803
|
+
| 'ShieldError'
|
|
2804
|
+
| 'ShieldKeyhole'
|
|
2805
|
+
| 'ShieldMinus'
|
|
2806
|
+
| 'ShieldPlus'
|
|
2807
|
+
| 'ShieldSlash'
|
|
2808
|
+
| 'ShieldWarning'
|
|
2809
|
+
| 'Shop'
|
|
2810
|
+
| 'ShoppingColor'
|
|
2811
|
+
| 'Sidebar'
|
|
2812
|
+
| 'Sigma'
|
|
2813
|
+
| 'Signal'
|
|
2814
|
+
| 'SignalOff'
|
|
2815
|
+
| 'SignalSteam'
|
|
2816
|
+
| 'SignalSteamOff'
|
|
2817
|
+
| 'SignalSteamWarning'
|
|
2818
|
+
| 'SignalWarning'
|
|
2819
|
+
| 'Signature'
|
|
2820
|
+
| 'Slash'
|
|
2821
|
+
| 'SlashFlip'
|
|
2822
|
+
| 'Slide'
|
|
2823
|
+
| 'Sliders'
|
|
2824
|
+
| 'SocialColor'
|
|
2825
|
+
| 'SocialElementaryColor'
|
|
2826
|
+
| 'Sort'
|
|
2827
|
+
| 'SortAmountDown'
|
|
2828
|
+
| 'SortAmountUp'
|
|
2829
|
+
| 'SortDown'
|
|
2830
|
+
| 'SortDownFill'
|
|
2831
|
+
| 'SortFill'
|
|
2832
|
+
| 'SortUp'
|
|
2833
|
+
| 'SortUpFill'
|
|
2834
|
+
| 'SpanishColor'
|
|
2835
|
+
| 'SpellCheck'
|
|
2836
|
+
| 'SpellingColor'
|
|
2837
|
+
| 'Sport'
|
|
2838
|
+
| 'Square'
|
|
2839
|
+
| 'SquareALock'
|
|
2840
|
+
| 'SquareCheck'
|
|
2841
|
+
| 'SquareCheckFill'
|
|
2842
|
+
| 'SquareCode'
|
|
2843
|
+
| 'SquareDashed'
|
|
2844
|
+
| 'SquareDazzle'
|
|
2845
|
+
| 'SquareKanban'
|
|
2846
|
+
| 'SquareList'
|
|
2847
|
+
| 'SquareMinus'
|
|
2848
|
+
| 'SquareMinusFill'
|
|
2849
|
+
| 'SquarePollHorizontal'
|
|
2850
|
+
| 'SquarePollVertical'
|
|
2851
|
+
| 'SquareQuarters'
|
|
2852
|
+
| 'SquareRing'
|
|
2853
|
+
| 'SquareSmall'
|
|
2854
|
+
| 'SquareT'
|
|
2855
|
+
| 'SquareTerminal'
|
|
2856
|
+
| 'Star'
|
|
2857
|
+
| 'StarBlink'
|
|
2858
|
+
| 'StarCircle'
|
|
2859
|
+
| 'StarHalf'
|
|
2860
|
+
| 'StarHalfStroke'
|
|
2861
|
+
| 'StarSparkle'
|
|
2862
|
+
| 'StarWarning'
|
|
2863
|
+
| 'Stars'
|
|
2864
|
+
| 'Stopwatch'
|
|
2865
|
+
| 'Strikethrough'
|
|
2866
|
+
| 'Structure'
|
|
2867
|
+
| 'Student'
|
|
2868
|
+
| 'Subdirectory'
|
|
2869
|
+
| 'Subscript'
|
|
2870
|
+
| 'Superscript'
|
|
2871
|
+
| 'Support'
|
|
2872
|
+
| 'SwitchHorizontal'
|
|
2873
|
+
| 'SwitchVertical'
|
|
2874
|
+
| 'Table'
|
|
2875
|
+
| 'TableCells'
|
|
2876
|
+
| 'TableCellsLarge'
|
|
2877
|
+
| 'TableColumns'
|
|
2878
|
+
| 'TableLayout'
|
|
2879
|
+
| 'TableList'
|
|
2880
|
+
| 'TableRows'
|
|
2881
|
+
| 'Tablet'
|
|
2882
|
+
| 'Tag'
|
|
2883
|
+
| 'TagFill'
|
|
2884
|
+
| 'Tags'
|
|
2885
|
+
| 'TagsFill'
|
|
2886
|
+
| 'Task'
|
|
2887
|
+
| 'TaskFill'
|
|
2888
|
+
| 'TasksColor'
|
|
2889
|
+
| 'Teacher'
|
|
2890
|
+
| 'TechnologyColor'
|
|
2891
|
+
| 'TelegramSocial'
|
|
2892
|
+
| 'Terminal'
|
|
2893
|
+
| 'TerminalColor'
|
|
2894
|
+
| 'Test'
|
|
2895
|
+
| 'TestColor'
|
|
2896
|
+
| 'Text'
|
|
2897
|
+
| 'TextBig'
|
|
2898
|
+
| 'TextErase'
|
|
2899
|
+
| 'TextHeight'
|
|
2900
|
+
| 'TextMoveLeft'
|
|
2901
|
+
| 'TextMoveRight'
|
|
2902
|
+
| 'TextNote'
|
|
2903
|
+
| 'TextSize'
|
|
2904
|
+
| 'TextSmall'
|
|
2905
|
+
| 'TextWidth'
|
|
2906
|
+
| 'TextbookColor'
|
|
2907
|
+
| 'TheoryColor'
|
|
2908
|
+
| 'TicketSimple'
|
|
2909
|
+
| 'TiktokSocial'
|
|
2910
|
+
| 'TimeOff'
|
|
2911
|
+
| 'Timer'
|
|
2912
|
+
| 'TinkoffAuthorization'
|
|
2913
|
+
| 'TopAlignment'
|
|
2914
|
+
| 'Train'
|
|
2915
|
+
| 'TrainingColor'
|
|
2916
|
+
| 'TranslateColor'
|
|
2917
|
+
| 'Trash'
|
|
2918
|
+
| 'TrashArrowUp'
|
|
2919
|
+
| 'TrashArrowUpFill'
|
|
2920
|
+
| 'TrashBlank'
|
|
2921
|
+
| 'TrashBlankFill'
|
|
2922
|
+
| 'TrashCheck'
|
|
2923
|
+
| 'TrashCheckFill'
|
|
2924
|
+
| 'TrashClock'
|
|
2925
|
+
| 'TrashFill'
|
|
2926
|
+
| 'TrashList'
|
|
2927
|
+
| 'TrashListFill'
|
|
2928
|
+
| 'TrashPlus'
|
|
2929
|
+
| 'TrashPlusFill'
|
|
2930
|
+
| 'TrashSlash'
|
|
2931
|
+
| 'TrashSlashFill'
|
|
2932
|
+
| 'TrashUndo'
|
|
2933
|
+
| 'TrashUndoFill'
|
|
2934
|
+
| 'TrashXmark'
|
|
2935
|
+
| 'TrashXmarkFill'
|
|
2936
|
+
| 'Triangle'
|
|
2937
|
+
| 'Trophy'
|
|
2938
|
+
| 'TrophyColor'
|
|
2939
|
+
| 'TutorColor'
|
|
2940
|
+
| 'Tv'
|
|
2941
|
+
| 'TwentyThirtyFiveAuthorization'
|
|
2942
|
+
| 'Underline'
|
|
2943
|
+
| 'Undo'
|
|
2944
|
+
| 'UndoFill'
|
|
2945
|
+
| 'University'
|
|
2946
|
+
| 'Unlock'
|
|
2947
|
+
| 'Upload'
|
|
2948
|
+
| 'UploadFill'
|
|
2949
|
+
| 'UsbFlashDrive'
|
|
2950
|
+
| 'User'
|
|
2951
|
+
| 'UserAdd'
|
|
2952
|
+
| 'UserBlock'
|
|
2953
|
+
| 'UserCircle'
|
|
2954
|
+
| 'UserEdit'
|
|
2955
|
+
| 'UserHeart'
|
|
2956
|
+
| 'UserLock'
|
|
2957
|
+
| 'UserMinus'
|
|
2958
|
+
| 'UserQuestion'
|
|
2959
|
+
| 'UserRemove'
|
|
2960
|
+
| 'UserSquare'
|
|
2961
|
+
| 'UserTick'
|
|
2962
|
+
| 'Users'
|
|
2963
|
+
| 'Vault'
|
|
2964
|
+
| 'VideoAdd'
|
|
2965
|
+
| 'VideoExport'
|
|
2966
|
+
| 'VideoFill'
|
|
2967
|
+
| 'VideoImport'
|
|
2968
|
+
| 'VideoSlashFill'
|
|
2969
|
+
| 'VkAuthorization'
|
|
2970
|
+
| 'VkSocial'
|
|
2971
|
+
| 'Voicemail'
|
|
2972
|
+
| 'Volume'
|
|
2973
|
+
| 'VolumeAdd'
|
|
2974
|
+
| 'VolumeMin'
|
|
2975
|
+
| 'VolumeMinus'
|
|
2976
|
+
| 'VolumeOff'
|
|
2977
|
+
| 'VolumeRemove'
|
|
2978
|
+
| 'Wallet'
|
|
2979
|
+
| 'WalletAdd'
|
|
2980
|
+
| 'WalletRemove'
|
|
2981
|
+
| 'WalletTransfer'
|
|
2982
|
+
| 'WandMagic'
|
|
2983
|
+
| 'WandMagicSparkles'
|
|
2984
|
+
| 'Warning'
|
|
2985
|
+
| 'WarningCircle'
|
|
2986
|
+
| 'WarningCircleCheck'
|
|
2987
|
+
| 'WarningCircleFill'
|
|
2988
|
+
| 'WarningSeal'
|
|
2989
|
+
| 'WarningSealFill'
|
|
2990
|
+
| 'WarningTriangle'
|
|
2991
|
+
| 'WarningTriangleFill'
|
|
2992
|
+
| 'Watch'
|
|
2993
|
+
| 'Webcam'
|
|
2994
|
+
| 'WebcamSlashOff'
|
|
2995
|
+
| 'Weight'
|
|
2996
|
+
| 'WhatsappSocial'
|
|
2997
|
+
| 'Wifi'
|
|
2998
|
+
| 'WifiOff'
|
|
2999
|
+
| 'WifiWarning'
|
|
3000
|
+
| 'Window'
|
|
3001
|
+
| 'Work'
|
|
3002
|
+
| 'WorldColor'
|
|
3003
|
+
| 'WorldElementaryColor'
|
|
3004
|
+
| 'YandexAuthorization'
|
|
3005
|
+
| 'YoutubeAltSocial'
|
|
3006
|
+
| 'YoutubeSocial'
|
|
3007
|
+
|
|
3008
|
+
declare type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'diamondSolid' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
|
|
3009
|
+
declare type IconName = IconNameDefault | Uncapitalize<IconName$1>;
|
|
3010
|
+
interface IconProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
|
|
3011
|
+
/** UI: brand (v3), or default (v2) */
|
|
3012
|
+
preset?: ThemePreset$1;
|
|
3013
|
+
/** Icon color */
|
|
3014
|
+
color?: Color$1;
|
|
3015
|
+
/** Built-in icon name */
|
|
3016
|
+
name?: IconName;
|
|
3017
|
+
/** Custom icon element */
|
|
3018
|
+
icon?: JSX.Element;
|
|
3019
|
+
/** Value for vertical-align */
|
|
3020
|
+
vAlign?: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline';
|
|
3021
|
+
/** @ignore @deprecated */
|
|
3022
|
+
as?: React.ElementType<any>;
|
|
3023
|
+
}
|
|
3024
|
+
|
|
3025
|
+
/**
|
|
3026
|
+
*
|
|
3027
|
+
* Component accepts all \<span\> attributes.
|
|
3028
|
+
*
|
|
3029
|
+
* Responsive "size" props are supported.
|
|
3030
|
+
*
|
|
3031
|
+
* Exposed "ref" attached to root node.
|
|
3032
|
+
*
|
|
3033
|
+
* See full [IconProps](https://github.com/foxford/ui/blob/master/src/components/Icon/types.ts)
|
|
3034
|
+
*/
|
|
3035
|
+
declare const Icon: React.ForwardRefExoticComponent<IconProps>;
|
|
3036
|
+
|
|
3037
|
+
declare const defaultIcons: Record<IconNameDefault, string>;
|
|
3038
|
+
|
|
3039
|
+
interface ModalCloseProps {
|
|
3040
|
+
className?: string;
|
|
3041
|
+
onClick?: () => void;
|
|
3042
|
+
}
|
|
3043
|
+
declare function ModalClose({ className, onClick }: ModalCloseProps): JSX.Element;
|
|
3044
|
+
|
|
3045
|
+
interface ModalProps extends BaseProps$1, ResponsiveNamedProperty$1<'width'> {
|
|
3046
|
+
/**
|
|
3047
|
+
* Primary content.
|
|
3048
|
+
*/
|
|
3049
|
+
/**
|
|
3050
|
+
* Boolean indicating if the overlay background should be blurred
|
|
3051
|
+
*/
|
|
3052
|
+
blurredOverlay?: boolean;
|
|
3053
|
+
/**
|
|
3054
|
+
* Children react node
|
|
3055
|
+
*/
|
|
3056
|
+
children?: React.ReactNode;
|
|
3057
|
+
/**
|
|
3058
|
+
* Modal class name
|
|
3059
|
+
*/
|
|
3060
|
+
className?: string;
|
|
3061
|
+
/**
|
|
3062
|
+
* Number indicating the milliseconds to wait before closing the modal.
|
|
3063
|
+
*/
|
|
3064
|
+
closeTimeoutMS?: number;
|
|
3065
|
+
/**
|
|
3066
|
+
* String indicating how the content container should be announced to screenreaders
|
|
3067
|
+
*/
|
|
3068
|
+
contentLabel?: string;
|
|
3069
|
+
/**
|
|
3070
|
+
* Boolean describing if the modal should be shown or not.
|
|
3071
|
+
*/
|
|
3072
|
+
isOpen?: boolean;
|
|
3073
|
+
/**
|
|
3074
|
+
* Function that will be run after the modal has opened.
|
|
3075
|
+
*/
|
|
3076
|
+
onAfterOpen?(): void;
|
|
3077
|
+
/**
|
|
3078
|
+
* Function that will be run when the modal is requested to be closed, prior to actually closing.
|
|
3079
|
+
*/
|
|
3080
|
+
onRequestClose?(): void;
|
|
3081
|
+
/**
|
|
3082
|
+
* Custom overlay CSS class name
|
|
3083
|
+
*/
|
|
3084
|
+
overlayClassName?: string | Classes;
|
|
3085
|
+
/**
|
|
3086
|
+
* String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.
|
|
3087
|
+
*/
|
|
3088
|
+
role?: string;
|
|
3089
|
+
/**
|
|
3090
|
+
* Boolean indicating if the overlay should close the modal
|
|
3091
|
+
*/
|
|
3092
|
+
shouldCloseOnOverlayClick?: boolean;
|
|
3093
|
+
/**
|
|
3094
|
+
* Vertical align
|
|
3095
|
+
*/
|
|
3096
|
+
valign?: 'top' | 'center' | 'bottom';
|
|
3097
|
+
/**
|
|
3098
|
+
* z-index
|
|
3099
|
+
*/
|
|
3100
|
+
zIndex?: number;
|
|
3101
|
+
}
|
|
3102
|
+
/**
|
|
3103
|
+
* Основан на [react-modal](https://github.com/reactjs/react-modal).
|
|
3104
|
+
*
|
|
3105
|
+
* Расширен:
|
|
3106
|
+
* - [`BaseProps`](#/Миксины)
|
|
3107
|
+
* - [`ResponsiveNamedProperty<'width'>`](#/Миксины)
|
|
3108
|
+
*/
|
|
3109
|
+
declare function Modal(props: ModalProps): JSX.Element;
|
|
3110
|
+
declare namespace Modal {
|
|
3111
|
+
var defaultProps: {
|
|
3112
|
+
blurredOverlay: boolean;
|
|
3113
|
+
closeTimeoutMS: number;
|
|
3114
|
+
zIndex: number;
|
|
3115
|
+
contentLabel: string;
|
|
3116
|
+
isOpen: boolean;
|
|
3117
|
+
role: string;
|
|
3118
|
+
shouldCloseOnOverlayClick: boolean;
|
|
3119
|
+
width: string;
|
|
3120
|
+
valign: string;
|
|
3121
|
+
className: string;
|
|
3122
|
+
};
|
|
3123
|
+
var Close: typeof ModalClose;
|
|
3124
|
+
var displayName: string;
|
|
3125
|
+
}
|
|
3126
|
+
|
|
3127
|
+
interface PaperProps extends SpacerProps$1, ColorProperty, ResponsiveNamedProperty$1<'padding'> {
|
|
3128
|
+
/**
|
|
3129
|
+
* Set to true to generate a circlular paper container
|
|
3130
|
+
*/
|
|
3131
|
+
circle?: boolean;
|
|
3132
|
+
/**
|
|
3133
|
+
* Paper with rounded corners
|
|
3134
|
+
*/
|
|
3135
|
+
rounded?: boolean;
|
|
3136
|
+
/**
|
|
3137
|
+
* Paper with shadow
|
|
3138
|
+
*/
|
|
3139
|
+
shadow?: boolean;
|
|
3140
|
+
/**
|
|
3141
|
+
* This number represents the zDepth of the paper shadow
|
|
3142
|
+
*/
|
|
3143
|
+
zDepth?: false | 0 | 1 | 2 | 3 | 4;
|
|
3144
|
+
/**
|
|
3145
|
+
* Text align
|
|
3146
|
+
*/
|
|
3147
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
3148
|
+
}
|
|
3149
|
+
/**
|
|
3150
|
+
* Расширен:
|
|
3151
|
+
* - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)
|
|
3152
|
+
* - [`Color`](#/Миксины)
|
|
3153
|
+
* - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
|
|
3154
|
+
*/
|
|
3155
|
+
declare function Paper({ padding, rounded, shadow, className, ...props }: PaperProps): JSX.Element;
|
|
3156
|
+
declare namespace Paper {
|
|
3157
|
+
var displayName: string;
|
|
3158
|
+
}
|
|
3159
|
+
|
|
3160
|
+
interface ProgressProps extends BaseProps$1, ColorProperty, ColorProperty<'backgroundColor'> {
|
|
3161
|
+
/**
|
|
3162
|
+
* Current percent complete
|
|
3163
|
+
*/
|
|
3164
|
+
percent?: number;
|
|
3165
|
+
isLoading?: boolean;
|
|
3166
|
+
}
|
|
3167
|
+
/**
|
|
3168
|
+
* Расширен:
|
|
3169
|
+
* - [`BaseProps`](#/Миксины)
|
|
3170
|
+
* - [`Color`](#/Миксины)
|
|
3171
|
+
* - [`Color<'backgroundColor'>`](#/Миксины)
|
|
3172
|
+
*/
|
|
3173
|
+
declare function Progress(props: ProgressProps): JSX.Element;
|
|
3174
|
+
declare namespace Progress {
|
|
3175
|
+
var defaultProps: {
|
|
3176
|
+
percent: number;
|
|
3177
|
+
color: string;
|
|
3178
|
+
backgroundColor: string;
|
|
3179
|
+
isLoading: boolean;
|
|
3180
|
+
};
|
|
3181
|
+
var Circle: typeof ProgressCircle;
|
|
3182
|
+
var Segmented: typeof ProgressSegmented;
|
|
3183
|
+
var displayName: string;
|
|
3184
|
+
}
|
|
3185
|
+
|
|
3186
|
+
interface ScrollableProps extends Partial<ScrollbarsProps> {
|
|
3187
|
+
/**
|
|
3188
|
+
* Children react node
|
|
3189
|
+
*/
|
|
3190
|
+
children: React.ReactNode[] | React.ReactNode;
|
|
3191
|
+
/**
|
|
3192
|
+
* Enable auto-hide mode
|
|
3193
|
+
* @see See [github docs](https://github.com/sakhnyuk/rc-scrollbars) for description
|
|
3194
|
+
*/
|
|
3195
|
+
autoHide?: boolean;
|
|
3196
|
+
/**
|
|
3197
|
+
* Hide delay in ms.
|
|
3198
|
+
*/
|
|
3199
|
+
autoHideTimeout?: number;
|
|
3200
|
+
/**
|
|
3201
|
+
* Duration for hide animation in ms.
|
|
3202
|
+
*/
|
|
3203
|
+
autoHideDuration?: number;
|
|
3204
|
+
/**
|
|
3205
|
+
* Enable auto-height mode.
|
|
3206
|
+
*/
|
|
3207
|
+
autoHeight?: boolean;
|
|
3208
|
+
/**
|
|
3209
|
+
* Set a minimum height for auto-height mode
|
|
3210
|
+
*/
|
|
3211
|
+
autoHeightMin?: number;
|
|
3212
|
+
/**
|
|
3213
|
+
* Set a maximum height for auto-height mode
|
|
3214
|
+
*/
|
|
3215
|
+
autoHeightMax?: number;
|
|
3216
|
+
/**
|
|
3217
|
+
* Event handler
|
|
3218
|
+
*/
|
|
3219
|
+
onScroll?(): void;
|
|
3220
|
+
/**
|
|
3221
|
+
* Runs inside the animation frame.
|
|
3222
|
+
*/
|
|
3223
|
+
onScrollFrame?(): void;
|
|
3224
|
+
/**
|
|
3225
|
+
* Called when scrolling starts
|
|
3226
|
+
*/
|
|
3227
|
+
onScrollStart?(): void;
|
|
3228
|
+
/**
|
|
3229
|
+
* Called when scrolling stops
|
|
3230
|
+
*/
|
|
3231
|
+
onScrollStop?(): void;
|
|
3232
|
+
/**
|
|
3233
|
+
* Height of shadow
|
|
3234
|
+
*/
|
|
3235
|
+
shadowHeight?: number;
|
|
3236
|
+
/**
|
|
3237
|
+
* Show shadow in scrollable component
|
|
3238
|
+
*/
|
|
3239
|
+
withShadow?: boolean;
|
|
3240
|
+
/**
|
|
3241
|
+
* Color of shadow from #Colors
|
|
3242
|
+
*/
|
|
3243
|
+
shadowColor?: string;
|
|
3244
|
+
/**
|
|
3245
|
+
* Opacity of shadow
|
|
3246
|
+
*/
|
|
3247
|
+
shadowOpacity?: number;
|
|
3248
|
+
/**
|
|
3249
|
+
* Color of thumb
|
|
3250
|
+
*/
|
|
3251
|
+
thumbColor?: string;
|
|
3252
|
+
/**
|
|
3253
|
+
* Opacity of thumb
|
|
3254
|
+
*/
|
|
3255
|
+
thumbOpacity?: number;
|
|
3256
|
+
/**
|
|
3257
|
+
* Border radius of thumb (px)
|
|
3258
|
+
*/
|
|
3259
|
+
thumbBorderRadius?: number;
|
|
3260
|
+
/**
|
|
3261
|
+
/**
|
|
3262
|
+
* Border radius of thumb (px)
|
|
3263
|
+
*/
|
|
3264
|
+
thumbWidth?: number;
|
|
3265
|
+
/**
|
|
3266
|
+
* Color of track (HEX)
|
|
3267
|
+
*/
|
|
3268
|
+
trackColor?: string;
|
|
3269
|
+
/**
|
|
3270
|
+
* Opacity of track
|
|
3271
|
+
*/
|
|
3272
|
+
trackOpacity?: number;
|
|
3273
|
+
/**
|
|
3274
|
+
* Border radius of track (px)
|
|
3275
|
+
*/
|
|
3276
|
+
trackBorderRadius?: number;
|
|
3277
|
+
/**
|
|
3278
|
+
/**
|
|
3279
|
+
* Border radius of track (px)
|
|
3280
|
+
*/
|
|
3281
|
+
trackWidth?: number;
|
|
3282
|
+
/**
|
|
3283
|
+
* Style for scrollable container
|
|
3284
|
+
*/
|
|
3285
|
+
style?: object;
|
|
3286
|
+
/**
|
|
3287
|
+
* Classname of scrollable container
|
|
3288
|
+
*/
|
|
3289
|
+
className?: string;
|
|
3290
|
+
/**
|
|
3291
|
+
* Disable scrollbar and return div
|
|
3292
|
+
*/
|
|
3293
|
+
disabled?: boolean;
|
|
3294
|
+
/**
|
|
3295
|
+
* Prevent body scrolling when start|end touched
|
|
3296
|
+
*/
|
|
3297
|
+
isolate?: boolean;
|
|
3298
|
+
theme?: DefaultTheme;
|
|
3299
|
+
}
|
|
3300
|
+
declare type ScrollableState = {
|
|
3301
|
+
scrollTop: number;
|
|
3302
|
+
scrollHeight: number;
|
|
3303
|
+
clientHeight: number;
|
|
3304
|
+
};
|
|
3305
|
+
declare class Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {
|
|
3306
|
+
static displayName: string;
|
|
3307
|
+
static defaultProps: {
|
|
3308
|
+
autoHide: boolean;
|
|
3309
|
+
autoHideTimeout: number;
|
|
3310
|
+
autoHideDuration: number;
|
|
3311
|
+
autoHeight: boolean;
|
|
3312
|
+
withShadow: boolean;
|
|
3313
|
+
shadowHeight: number;
|
|
3314
|
+
shadowOpacity: number;
|
|
3315
|
+
shadowColor: string;
|
|
3316
|
+
thumbColor: string;
|
|
3317
|
+
thumbOpacity: number;
|
|
3318
|
+
thumbBorderRadius: number;
|
|
3319
|
+
thumbWidth: number;
|
|
3320
|
+
trackColor: string;
|
|
3321
|
+
trackOpacity: number;
|
|
3322
|
+
trackBorderRadius: number;
|
|
3323
|
+
trackWidth: number;
|
|
3324
|
+
disabled: boolean;
|
|
3325
|
+
isolate: boolean;
|
|
3326
|
+
};
|
|
3327
|
+
scrollable: HTMLDivElement | null;
|
|
3328
|
+
ts: number;
|
|
3329
|
+
state: {
|
|
3330
|
+
scrollTop: number;
|
|
3331
|
+
scrollHeight: number;
|
|
3332
|
+
clientHeight: number;
|
|
3333
|
+
};
|
|
3334
|
+
componentDidMount(): void;
|
|
3335
|
+
componentWillUnmount(): void;
|
|
3336
|
+
handleTouchStart: (e: TouchEvent) => void;
|
|
3337
|
+
handleTouchMove: (e: TouchEvent) => true | undefined;
|
|
3338
|
+
handleScroll: (e: WheelEvent) => true | undefined;
|
|
3339
|
+
handleUpdate: (values: ScrollableState) => void;
|
|
3340
|
+
calculateShadowOffset(): number;
|
|
3341
|
+
hexToRgb: (hex: string) => {
|
|
3342
|
+
r: number;
|
|
3343
|
+
g: number;
|
|
3344
|
+
b: number;
|
|
3345
|
+
} | null;
|
|
3346
|
+
renderTrack: ({ style, ...props }: {
|
|
3347
|
+
style: React.CSSProperties;
|
|
3348
|
+
}, dir: 'vertical' | 'horizontal') => JSX.Element;
|
|
3349
|
+
renderThumb: ({ style, ...scrollableProps }: {
|
|
3350
|
+
style: React.CSSProperties;
|
|
3351
|
+
}) => JSX.Element;
|
|
3352
|
+
render(): JSX.Element;
|
|
3353
|
+
}
|
|
3354
|
+
/**
|
|
3355
|
+
* Scrollable component for create custom scrollable content
|
|
3356
|
+
*
|
|
3357
|
+
* Based on https://github.com/sakhnyuk/rc-scrollbars
|
|
3358
|
+
*/
|
|
3359
|
+
declare const withThemeScrollable: react.ForwardRefExoticComponent<{
|
|
3360
|
+
style?: object | undefined;
|
|
3361
|
+
ref?: react.Ref<Scrollable> | undefined;
|
|
3362
|
+
className?: string | undefined;
|
|
3363
|
+
id?: string | undefined;
|
|
3364
|
+
children: React.ReactNode[] | React.ReactNode;
|
|
3365
|
+
onScroll?: (() => void) | undefined;
|
|
3366
|
+
key?: react.Key | null | undefined;
|
|
3367
|
+
disabled?: boolean | undefined;
|
|
3368
|
+
isolate?: boolean | undefined;
|
|
3369
|
+
shadowColor?: string | undefined;
|
|
3370
|
+
autoHeight?: boolean | undefined;
|
|
3371
|
+
autoHeightMax?: number | undefined;
|
|
3372
|
+
autoHeightMin?: number | undefined;
|
|
3373
|
+
autoHide?: boolean | undefined;
|
|
3374
|
+
autoHideDuration?: number | undefined;
|
|
3375
|
+
autoHideTimeout?: number | undefined;
|
|
3376
|
+
classes?: Partial<rc_scrollbars.StyleClasses> | undefined;
|
|
3377
|
+
disableDefaultStyles?: boolean | undefined;
|
|
3378
|
+
hideTracksWhenNotNeeded?: boolean | undefined;
|
|
3379
|
+
onScrollFrame?: (() => void) | undefined;
|
|
3380
|
+
onScrollStart?: (() => void) | undefined;
|
|
3381
|
+
onScrollStop?: (() => void) | undefined;
|
|
3382
|
+
onUpdate?: ((values: rc_scrollbars.ScrollValues) => void) | undefined;
|
|
3383
|
+
renderThumbHorizontal?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
|
|
3384
|
+
renderThumbVertical?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
|
|
3385
|
+
renderTrackHorizontal?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
|
|
3386
|
+
renderTrackVertical?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
|
|
3387
|
+
renderView?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
|
|
3388
|
+
tagName?: string | undefined;
|
|
3389
|
+
thumbMinSize?: number | undefined;
|
|
3390
|
+
thumbSize?: number | undefined;
|
|
3391
|
+
universal?: boolean | undefined;
|
|
3392
|
+
shadowHeight?: number | undefined;
|
|
3393
|
+
withShadow?: boolean | undefined;
|
|
3394
|
+
shadowOpacity?: number | undefined;
|
|
3395
|
+
thumbColor?: string | undefined;
|
|
3396
|
+
thumbOpacity?: number | undefined;
|
|
3397
|
+
thumbBorderRadius?: number | undefined;
|
|
3398
|
+
thumbWidth?: number | undefined;
|
|
3399
|
+
trackColor?: string | undefined;
|
|
3400
|
+
trackOpacity?: number | undefined;
|
|
3401
|
+
trackBorderRadius?: number | undefined;
|
|
3402
|
+
trackWidth?: number | undefined;
|
|
3403
|
+
} & {
|
|
3404
|
+
theme?: DefaultTheme | undefined;
|
|
3405
|
+
}>;
|
|
3406
|
+
|
|
3407
|
+
interface SectionProps extends BaseProps$1, DisplayProperty, ColorProperty, ResponsiveNamedProperty$1<'padding'> {
|
|
3408
|
+
/**
|
|
3409
|
+
* Paper with shadow
|
|
3410
|
+
*/
|
|
3411
|
+
shadow?: boolean;
|
|
3412
|
+
/**
|
|
3413
|
+
* This number represents the zDepth of the paper shadow
|
|
3414
|
+
*/
|
|
3415
|
+
zDepth?: 1 | 2 | 3 | 4 | 5;
|
|
3416
|
+
/**
|
|
3417
|
+
* Section content
|
|
3418
|
+
*/
|
|
3419
|
+
/**
|
|
3420
|
+
* Children react node
|
|
3421
|
+
*/
|
|
3422
|
+
children?: React.ReactNode;
|
|
3423
|
+
/**
|
|
3424
|
+
* Text align
|
|
3425
|
+
*/
|
|
3426
|
+
textAlign?: 'left' | 'right' | 'center';
|
|
3427
|
+
}
|
|
3428
|
+
/**
|
|
3429
|
+
* Расширен:
|
|
3430
|
+
* - [`BaseProps`](#/Миксины)
|
|
3431
|
+
* - [`Color`](#/Миксины)
|
|
3432
|
+
* - [`Display`](#/Миксины)
|
|
3433
|
+
* - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
|
|
3434
|
+
*/
|
|
3435
|
+
declare function Section(props: SectionProps): JSX.Element;
|
|
3436
|
+
declare namespace Section {
|
|
3437
|
+
var displayName: string;
|
|
3438
|
+
}
|
|
3439
|
+
|
|
3440
|
+
interface SeparatorTextProps extends BaseProps$1, ColorProperty {
|
|
3441
|
+
/**
|
|
3442
|
+
* Children react node
|
|
3443
|
+
*/
|
|
3444
|
+
children?: React.ReactNode;
|
|
3445
|
+
}
|
|
3446
|
+
declare function SeparatorText({ children, className, color, ...restProps }: SeparatorTextProps): JSX.Element;
|
|
3447
|
+
|
|
3448
|
+
interface SeparatorProps extends BaseProps$1, ColorProperty, ResponsiveNamedProperty$1<'top'>, ResponsiveNamedProperty$1<'right'>, ResponsiveNamedProperty$1<'bottom'>, ResponsiveNamedProperty$1<'left'>, ResponsiveNamedProperty$1<'padding'>, ResponsiveNamedProperty$1<'paddingTop'>, ResponsiveNamedProperty$1<'paddingRight'>, ResponsiveNamedProperty$1<'paddingBottom'>, ResponsiveNamedProperty$1<'paddingLeft'>, ResponsiveNamedProperty$1<'margin'>, ResponsiveNamedProperty$1<'marginTop'>, ResponsiveNamedProperty$1<'marginRight'>, ResponsiveNamedProperty$1<'marginBottom'>, ResponsiveNamedProperty$1<'marginLeft'> {
|
|
3449
|
+
/**
|
|
3450
|
+
* Separator weight
|
|
3451
|
+
*/
|
|
3452
|
+
weight?: 1 | 2 | 3 | 4 | 5;
|
|
3453
|
+
}
|
|
3454
|
+
/**
|
|
3455
|
+
* Расширен:
|
|
3456
|
+
* - [`BaseProps`](#/Миксины)
|
|
3457
|
+
* - [`Color`](#/Миксины)
|
|
3458
|
+
* - [`Color<'fontColor'>`](#/Миксины)
|
|
3459
|
+
* - [`ResponsiveNamedProperty<'top'>`](#/Миксины)
|
|
3460
|
+
* - [`ResponsiveNamedProperty<'right'>`](#/Миксины)
|
|
3461
|
+
* - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)
|
|
3462
|
+
* - [`ResponsiveNamedProperty<'left'>`](#/Миксины)
|
|
3463
|
+
* - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
|
|
3464
|
+
* - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)
|
|
3465
|
+
* - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)
|
|
3466
|
+
* - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)
|
|
3467
|
+
* - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)
|
|
3468
|
+
* - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)
|
|
3469
|
+
* - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)
|
|
3470
|
+
* - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)
|
|
3471
|
+
* - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)
|
|
3472
|
+
* - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)
|
|
3473
|
+
*/
|
|
3474
|
+
declare function Separator(props: typeof Separator.defaultProps & SeparatorProps): JSX.Element;
|
|
3475
|
+
declare namespace Separator {
|
|
3476
|
+
var defaultProps: {
|
|
3477
|
+
margin: string;
|
|
3478
|
+
color: string;
|
|
3479
|
+
weight: number;
|
|
3480
|
+
};
|
|
3481
|
+
var Text: typeof SeparatorText;
|
|
3482
|
+
var displayName: string;
|
|
3483
|
+
}
|
|
3484
|
+
|
|
3485
|
+
interface SpacerProps extends BaseProps$1, DisplayProperty, ResponsiveNamedProperty$1<'top'>, ResponsiveNamedProperty$1<'right'>, ResponsiveNamedProperty$1<'bottom'>, ResponsiveNamedProperty$1<'left'>, ResponsiveNamedProperty$1<'padding'>, ResponsiveNamedProperty$1<'paddingTop'>, ResponsiveNamedProperty$1<'paddingRight'>, ResponsiveNamedProperty$1<'paddingBottom'>, ResponsiveNamedProperty$1<'paddingLeft'>, ResponsiveNamedProperty$1<'margin'>, ResponsiveNamedProperty$1<'marginTop'>, ResponsiveNamedProperty$1<'marginRight'>, ResponsiveNamedProperty$1<'marginBottom'>, ResponsiveNamedProperty$1<'marginLeft'> {
|
|
3486
|
+
/**
|
|
3487
|
+
* Primary content
|
|
3488
|
+
*/
|
|
3489
|
+
/**
|
|
3490
|
+
* Children react node
|
|
3491
|
+
*/
|
|
3492
|
+
children?: React.ReactNode;
|
|
3493
|
+
onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void;
|
|
3494
|
+
}
|
|
3495
|
+
/**
|
|
3496
|
+
* Расширен:
|
|
3497
|
+
* - [`BaseProps`](#/Миксины)
|
|
3498
|
+
* - [`Display`](#/Миксины)
|
|
3499
|
+
* - [`ResponsiveNamedProperty<'top'>`](#/Миксины)
|
|
3500
|
+
* - [`ResponsiveNamedProperty<'right'>`](#/Миксины)
|
|
3501
|
+
* - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)
|
|
3502
|
+
* - [`ResponsiveNamedProperty<'left'>`](#/Миксины)
|
|
3503
|
+
* - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
|
|
3504
|
+
* - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)
|
|
3505
|
+
* - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)
|
|
3506
|
+
* - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)
|
|
3507
|
+
* - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)
|
|
3508
|
+
* - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)
|
|
3509
|
+
* - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)
|
|
3510
|
+
* - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)
|
|
3511
|
+
* - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)
|
|
3512
|
+
* - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)
|
|
3513
|
+
*/
|
|
3514
|
+
declare function Spacer(props: SpacerProps): JSX.Element;
|
|
3515
|
+
declare namespace Spacer {
|
|
3516
|
+
var displayName: string;
|
|
3517
|
+
}
|
|
3518
|
+
|
|
3519
|
+
interface SpinnerProps extends BaseProps$1, ResponsiveNamedProperty$1<'size'> {
|
|
3520
|
+
/**
|
|
3521
|
+
* Size of spinner
|
|
3522
|
+
*/
|
|
3523
|
+
size?: 'l' | 's' | 'm' | number;
|
|
3524
|
+
/**
|
|
3525
|
+
* Vertically center the spinner inside 100vh container
|
|
3526
|
+
*/
|
|
3527
|
+
fullscreen?: boolean;
|
|
3528
|
+
/**
|
|
3529
|
+
* Inline. Has no top/bottom margins
|
|
3530
|
+
*/
|
|
3531
|
+
inline?: boolean;
|
|
3532
|
+
}
|
|
3533
|
+
/**
|
|
3534
|
+
* Расширен:
|
|
3535
|
+
* - [`BaseProps`](#/Миксины)
|
|
3536
|
+
* - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
|
|
3537
|
+
*/
|
|
3538
|
+
declare function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps): JSX.Element;
|
|
3539
|
+
declare namespace Spinner {
|
|
3540
|
+
var defaultProps: {
|
|
3541
|
+
size: string;
|
|
3542
|
+
};
|
|
3543
|
+
var displayName: string;
|
|
3544
|
+
}
|
|
3545
|
+
|
|
3546
|
+
interface SwitcherProps extends ColorProperty<'color'>, ColorProperty<'inactiveColor'> {
|
|
3547
|
+
/** UI: brand (v3), or default (v2) */
|
|
3548
|
+
preset?: ThemePreset$1;
|
|
3549
|
+
/** Input id */
|
|
3550
|
+
id?: string;
|
|
3551
|
+
/** Class attribute */
|
|
3552
|
+
className?: string;
|
|
3553
|
+
/** Input name */
|
|
3554
|
+
name?: string;
|
|
3555
|
+
/** Input value */
|
|
3556
|
+
value?: boolean;
|
|
3557
|
+
/** Switcher is disabled */
|
|
3558
|
+
disabled?: boolean;
|
|
3559
|
+
/** Tab index */
|
|
3560
|
+
tabIndex?: number;
|
|
3561
|
+
/** Switcher label */
|
|
3562
|
+
children?: React.ReactNode;
|
|
3563
|
+
/** onChange function */
|
|
3564
|
+
onChange?(_checked: boolean, _event: React.ChangeEvent<HTMLInputElement>): void;
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3567
|
+
declare const Switcher: react.ForwardRefExoticComponent<SwitcherProps & react.RefAttributes<HTMLDivElement>>;
|
|
3568
|
+
|
|
3569
|
+
declare type TabPalette = {
|
|
3570
|
+
color: CSSColor$1;
|
|
3571
|
+
backgroundColor: CSSColor$1;
|
|
3572
|
+
borderColor: CSSColor$1;
|
|
3573
|
+
colorHover: CSSColor$1;
|
|
3574
|
+
backgroundColorHover: CSSColor$1;
|
|
3575
|
+
borderColorHover: CSSColor$1;
|
|
3576
|
+
colorDisabled: CSSColor$1;
|
|
3577
|
+
backgroundColorDisabled: CSSColor$1;
|
|
3578
|
+
borderColorDisabled: CSSColor$1;
|
|
3579
|
+
};
|
|
3580
|
+
interface TabProps extends ResponsiveSizeProps, ResponsiveMarginProps,
|
|
3581
|
+
/** @deprecated Use palette */
|
|
3582
|
+
ColorProperty<'color'>,
|
|
3583
|
+
/** @deprecated Use palette */
|
|
3584
|
+
ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'> {
|
|
3585
|
+
/** UI: brand (v3), or default (v2) */
|
|
3586
|
+
preset?: ThemePreset$1;
|
|
3587
|
+
/** Custom colors */
|
|
3588
|
+
palette?: Partial<Record<keyof TabPalette, Color$1>>;
|
|
3589
|
+
/** React children */
|
|
3590
|
+
children: React.ReactNode | ((props: {
|
|
3591
|
+
textProps: TextProps$1;
|
|
3592
|
+
baseTextProps: Partial<TextProps$1>;
|
|
3593
|
+
}) => React.ReactNode);
|
|
3594
|
+
/** Props for text component */
|
|
3595
|
+
textProps?: TextProps$1;
|
|
3596
|
+
/** Active appearance */
|
|
3597
|
+
active?: boolean;
|
|
3598
|
+
/** Appearance variant */
|
|
3599
|
+
outline?: boolean;
|
|
3600
|
+
/** Appearance variant */
|
|
3601
|
+
onColored?: boolean;
|
|
3602
|
+
/** Appearance variant */
|
|
3603
|
+
black?: boolean;
|
|
3604
|
+
/** Pointed left */
|
|
3605
|
+
left?: boolean;
|
|
3606
|
+
/** Pointed right */
|
|
3607
|
+
right?: boolean;
|
|
3608
|
+
/** Border radius applied */
|
|
3609
|
+
rounded?: boolean;
|
|
3610
|
+
/** @ignore */
|
|
3611
|
+
compact?: boolean;
|
|
3612
|
+
/** @ignore */
|
|
3613
|
+
crispy?: boolean;
|
|
3614
|
+
/** @ignore */
|
|
3615
|
+
crispyCompact?: boolean;
|
|
3616
|
+
/** @ignore @deprecated Use button interface */
|
|
3617
|
+
as?: React.ElementType<any>;
|
|
3618
|
+
/** @ignore @deprecated Use compact, crispy, crispyCompact */
|
|
3619
|
+
theme?: 'compact' | 'crispy' | 'crispyCompact';
|
|
3620
|
+
}
|
|
3621
|
+
|
|
3622
|
+
/**
|
|
3623
|
+
*
|
|
3624
|
+
* Component accepts all \<button\> attributes.
|
|
3625
|
+
*
|
|
3626
|
+
* Responsive "size", "margin" props are supported.
|
|
3627
|
+
*
|
|
3628
|
+
* Exposed "ref" attached to root node.
|
|
3629
|
+
*
|
|
3630
|
+
* See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)
|
|
3631
|
+
*/
|
|
3632
|
+
declare const Tab: React.ForwardRefExoticComponent<TabProps>;
|
|
3633
|
+
|
|
3634
|
+
interface TabsProps extends BaseProps$1, ColorProperty, ColorProperty<'borderColor'> {
|
|
3635
|
+
/**
|
|
3636
|
+
* Primary content.
|
|
3637
|
+
*/
|
|
3638
|
+
/**
|
|
3639
|
+
* Children react node
|
|
3640
|
+
*/
|
|
3641
|
+
children?: React.ReactNode;
|
|
3642
|
+
className?: string;
|
|
3643
|
+
classNameInner?: string;
|
|
3644
|
+
classNameContent?: string;
|
|
3645
|
+
noBorder?: boolean;
|
|
3646
|
+
width?: ResponsiveProperty<number>;
|
|
3647
|
+
}
|
|
3648
|
+
/**
|
|
3649
|
+
*
|
|
3650
|
+
* Use only with default preset
|
|
3651
|
+
*
|
|
3652
|
+
* Расширен:
|
|
3653
|
+
* - [`BaseProps`](#/Миксины)
|
|
3654
|
+
* - [`Color`](#/Миксины)
|
|
3655
|
+
* - [`Color<'borderColor'>`](#/Миксины)
|
|
3656
|
+
*/
|
|
3657
|
+
declare function Tabs(props: TabsProps): JSX.Element;
|
|
3658
|
+
declare namespace Tabs {
|
|
3659
|
+
var defaultProps: {
|
|
3660
|
+
borderColor: string;
|
|
3661
|
+
color: string;
|
|
3662
|
+
};
|
|
3663
|
+
var Tab: react.ForwardRefExoticComponent<components_Tab.TabProps>;
|
|
3664
|
+
}
|
|
3665
|
+
|
|
3666
|
+
declare type TypographyAppearance = 'display' | 'heading' | 'subheading' | 'subheading-compact' | 'body' | 'caption';
|
|
3667
|
+
interface TextProps extends ResponsiveSizeProps, ResponsiveMarginProps, DisplayProperty, ColorProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
|
|
3668
|
+
/** Root node polymorphic type */
|
|
3669
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
|
|
3670
|
+
/** Predefined styles and sizes */
|
|
3671
|
+
appearance?: TypographyAppearance;
|
|
3672
|
+
/** Font family */
|
|
3673
|
+
fontFamily?: string;
|
|
3674
|
+
/** Font weight */
|
|
3675
|
+
weight?: CSSFontWeight$1;
|
|
3676
|
+
/** White space */
|
|
3677
|
+
whiteSpace?: string;
|
|
3678
|
+
/** Word break */
|
|
3679
|
+
wordBreak?: string;
|
|
3680
|
+
/** Font style */
|
|
3681
|
+
fontStyle?: 'normal' | 'italic';
|
|
3682
|
+
/** Text transform */
|
|
3683
|
+
transform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
|
|
3684
|
+
/** Underline content */
|
|
3685
|
+
underline?: CSSBorderStyle$1 | boolean;
|
|
3686
|
+
/** Text align */
|
|
3687
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
|
|
3688
|
+
/** Line height */
|
|
3689
|
+
lineHeight?: 'l' | 'm' | 's' | 'xs' | number;
|
|
3690
|
+
/** React children */
|
|
3691
|
+
children?: React.ReactNode;
|
|
3692
|
+
/** @ignore @deprecated Use Anchor interface */
|
|
3693
|
+
underlineLinks?: boolean;
|
|
3694
|
+
/** @ignore @deprecated Use children */
|
|
3695
|
+
content?: string;
|
|
3696
|
+
}
|
|
3697
|
+
|
|
3698
|
+
/**
|
|
3699
|
+
*
|
|
3700
|
+
* Component accepts all \<div\> attributes.
|
|
3701
|
+
*
|
|
3702
|
+
* Responsive "size", "margin" props are supported.
|
|
3703
|
+
*
|
|
3704
|
+
* Exposed "ref" attached to root node.
|
|
3705
|
+
*
|
|
3706
|
+
* See full [TextProps](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts)
|
|
3707
|
+
*/
|
|
3708
|
+
declare const Text: React.ForwardRefExoticComponent<TextProps> & {
|
|
3709
|
+
Heading: typeof TextHeading;
|
|
3710
|
+
Ellipse: typeof TextEllipse;
|
|
3711
|
+
};
|
|
3712
|
+
|
|
3713
|
+
interface TooltipProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
|
|
3714
|
+
/** UI: brand (v3), or default (v2) */
|
|
3715
|
+
preset?: ThemePreset$1;
|
|
3716
|
+
/** Custom colors */
|
|
3717
|
+
palette?: Partial<Record<keyof TooltipComponentPalette, Color$1>>;
|
|
3718
|
+
/** Appearance variant */
|
|
3719
|
+
black?: boolean;
|
|
3720
|
+
/** Appearance variant */
|
|
3721
|
+
contrast?: boolean;
|
|
3722
|
+
/** Open automatically */
|
|
3723
|
+
autoOpen?: boolean;
|
|
3724
|
+
/** It will be called on state change */
|
|
3725
|
+
callback?: (action: 'open' | 'close', props: Props) => void;
|
|
3726
|
+
/** Default tooltip target */
|
|
3727
|
+
children?: React.ReactNode;
|
|
3728
|
+
/** Custom UI for tooltip */
|
|
3729
|
+
component?: React.ReactElement | ((props: Pick<TooltipProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'black' | 'contrast' | 'showCloseButton' | 'closeButtonProps'> & {
|
|
3730
|
+
id?: string;
|
|
3731
|
+
role?: string;
|
|
3732
|
+
closeFn?: () => void;
|
|
3733
|
+
}) => React.ReactElement);
|
|
3734
|
+
/** Tooltip content */
|
|
3735
|
+
content?: React.ReactNode;
|
|
3736
|
+
/** Props for content text component */
|
|
3737
|
+
contentProps?: TextProps$1;
|
|
3738
|
+
/** Debugging logs in console */
|
|
3739
|
+
debug?: boolean;
|
|
3740
|
+
/** Don't adjust tooltip on scroll / resize */
|
|
3741
|
+
disableFlip?: boolean;
|
|
3742
|
+
/** Don't convert 'hover' to 'click' event on mobile */
|
|
3743
|
+
disableHoverToClick?: boolean;
|
|
3744
|
+
/** Trigger event for tooltip */
|
|
3745
|
+
event?: 'click' | 'hover';
|
|
3746
|
+
/** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
|
|
3747
|
+
eventDelay?: number;
|
|
3748
|
+
/** Tooltip footer */
|
|
3749
|
+
footer?: React.ReactNode;
|
|
3750
|
+
/** Callback to get popper.js instance */
|
|
3751
|
+
getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
|
|
3752
|
+
/** Don't show tooltip arrow */
|
|
3753
|
+
hideArrow?: boolean;
|
|
3754
|
+
/** Distance in 'px' between tooltip and its target */
|
|
3755
|
+
offset?: number;
|
|
3756
|
+
/** Switch between normal and controlled modes. It will disable built in tooltip behavior */
|
|
3757
|
+
open?: boolean;
|
|
3758
|
+
/** Tooltip position relative to its target */
|
|
3759
|
+
placement?: PlacementOptions;
|
|
3760
|
+
/** CSS selector or element to render tooltips */
|
|
3761
|
+
portalElement?: Props['portalElement'];
|
|
3762
|
+
/** Custom styles */
|
|
3763
|
+
styles?: Partial<Styles>;
|
|
3764
|
+
/** Show button to close tooltip */
|
|
3765
|
+
showCloseButton?: boolean;
|
|
3766
|
+
/** Props for button to close tooltip */
|
|
3767
|
+
closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
|
|
3768
|
+
/** Tooltip target. If it's not set, 'children' will be used */
|
|
3769
|
+
target?: Props['target'];
|
|
3770
|
+
/** Tooltip title */
|
|
3771
|
+
title?: React.ReactNode;
|
|
3772
|
+
/** Props for title text component */
|
|
3773
|
+
titleProps?: TextProps$1;
|
|
3774
|
+
/** Position of tooltip wrapper relative to target */
|
|
3775
|
+
wrapperOptions?: {
|
|
3776
|
+
offset?: number;
|
|
3777
|
+
placement?: Omit<PlacementOptions, 'center'>;
|
|
3778
|
+
position?: boolean;
|
|
3779
|
+
};
|
|
3780
|
+
}
|
|
3781
|
+
|
|
3782
|
+
/**
|
|
3783
|
+
*
|
|
3784
|
+
* Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
|
|
3785
|
+
*
|
|
3786
|
+
* Responsive "size" props are supported.
|
|
3787
|
+
*
|
|
3788
|
+
* Exposed "ref" attached to tooltip component root.
|
|
3789
|
+
*
|
|
3790
|
+
* See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)
|
|
3791
|
+
*/
|
|
3792
|
+
declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
|
|
3793
|
+
Component: typeof TooltipComponent;
|
|
3794
|
+
};
|
|
3795
|
+
|
|
3796
|
+
interface TagProps extends BaseProps$1, DisplayProperty, ColorProperty, ResponsiveNamedProperty$1<'height'>, ResponsiveNamedProperty$1<'width'> {
|
|
3797
|
+
as?: 'button' | 'div' | 'input' | 'label';
|
|
3798
|
+
/**
|
|
3799
|
+
* Field id
|
|
3800
|
+
*/
|
|
3801
|
+
id?: string;
|
|
3802
|
+
/**
|
|
3803
|
+
* Field name
|
|
3804
|
+
*/
|
|
3805
|
+
name?: string;
|
|
3806
|
+
/**
|
|
3807
|
+
* Input type
|
|
3808
|
+
*/
|
|
3809
|
+
inputType?: 'checkbox' | 'radio';
|
|
3810
|
+
/**
|
|
3811
|
+
* On change handler
|
|
3812
|
+
*/
|
|
3813
|
+
onChange?(_e: React.ChangeEvent<HTMLInputElement>): void;
|
|
3814
|
+
/**
|
|
3815
|
+
* On click handler
|
|
3816
|
+
*/
|
|
3817
|
+
onClick?(_e: React.MouseEvent<HTMLInputElement>): void;
|
|
3818
|
+
/**
|
|
3819
|
+
* Whether or not Radio is checked
|
|
3820
|
+
*/
|
|
3821
|
+
defaultChecked?: boolean;
|
|
3822
|
+
/**
|
|
3823
|
+
* Value
|
|
3824
|
+
*/
|
|
3825
|
+
value?: string | number;
|
|
3826
|
+
/** Children are placed before Text */
|
|
3827
|
+
/**
|
|
3828
|
+
* Children react node
|
|
3829
|
+
*/
|
|
3830
|
+
children?: React.ReactNode;
|
|
3831
|
+
/** Inner Text content */
|
|
3832
|
+
content?: React.ReactNode;
|
|
3833
|
+
/** Inner Text component props */
|
|
3834
|
+
textProps?: TextProps$1;
|
|
3835
|
+
/** Checked state */
|
|
3836
|
+
checked?: boolean;
|
|
3837
|
+
/** Disabled state */
|
|
3838
|
+
disabled?: boolean;
|
|
3839
|
+
/** Error state */
|
|
3840
|
+
error?: boolean;
|
|
3841
|
+
/** If as = 'label' could provide for */
|
|
3842
|
+
htmlFor?: string;
|
|
3843
|
+
/**
|
|
3844
|
+
* inverse
|
|
3845
|
+
*/
|
|
3846
|
+
inverse?: boolean;
|
|
3847
|
+
/**
|
|
3848
|
+
* Size
|
|
3849
|
+
*/
|
|
3850
|
+
size?: 'l' | 'm' | 's' | 'xs';
|
|
3851
|
+
}
|
|
3852
|
+
declare function TagInput(props: typeof TagInput.defaultProps & TagProps): JSX.Element;
|
|
3853
|
+
declare namespace TagInput {
|
|
3854
|
+
var defaultProps: {
|
|
3855
|
+
display: string;
|
|
3856
|
+
height: number;
|
|
3857
|
+
};
|
|
3858
|
+
}
|
|
3859
|
+
/**
|
|
3860
|
+
* Расширен:
|
|
3861
|
+
* - [`BaseProps`](#/Миксины)
|
|
3862
|
+
* - [`Display`](#/Миксины)
|
|
3863
|
+
* - [`Color`](#/Миксины)
|
|
3864
|
+
* - [`ResponsiveNamedProperty<'width'>`](#/Миксины)
|
|
3865
|
+
* - [`ResponsiveNamedProperty<'height'>`](#/Миксины)
|
|
3866
|
+
*/
|
|
3867
|
+
declare function Tag(props: typeof Tag.defaultProps & TagProps): JSX.Element;
|
|
3868
|
+
declare namespace Tag {
|
|
3869
|
+
var defaultProps: {
|
|
3870
|
+
display: string;
|
|
3871
|
+
as: string;
|
|
3872
|
+
height: number;
|
|
3873
|
+
};
|
|
3874
|
+
var Input: typeof TagInput;
|
|
3875
|
+
var displayName: string;
|
|
3876
|
+
}
|
|
3877
|
+
|
|
3878
|
+
interface ContextMenuItemProps extends BaseProps$1 {
|
|
3879
|
+
/**
|
|
3880
|
+
* Children react node
|
|
3881
|
+
*/
|
|
3882
|
+
children?: React.ReactNode;
|
|
3883
|
+
content?: string;
|
|
3884
|
+
active?: boolean;
|
|
3885
|
+
disabled?: boolean;
|
|
3886
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
3887
|
+
id?: string | number;
|
|
3888
|
+
}
|
|
3889
|
+
/**
|
|
3890
|
+
* Расширен:
|
|
3891
|
+
* - [`BaseProps`](#/Миксины)
|
|
3892
|
+
*/
|
|
3893
|
+
declare function ContextMenuItem({ children, id, content, active, disabled, onClick, className, style, }: ContextMenuItemProps): JSX.Element;
|
|
3894
|
+
declare namespace ContextMenuItem {
|
|
3895
|
+
var displayName: string;
|
|
3896
|
+
}
|
|
3897
|
+
|
|
3898
|
+
interface ContextMenuProps extends BaseProps$1 {
|
|
3899
|
+
/**
|
|
3900
|
+
* Children react node
|
|
3901
|
+
*/
|
|
3902
|
+
children: React.ReactNode;
|
|
3903
|
+
/** Indicates if button is active (e.g. when context menu is open) */
|
|
3904
|
+
onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void;
|
|
3905
|
+
/** Manually controled state */
|
|
3906
|
+
isOpen?: boolean;
|
|
3907
|
+
/** On open menu callback */
|
|
3908
|
+
onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void;
|
|
3909
|
+
/** On close menu callback */
|
|
3910
|
+
onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void;
|
|
3911
|
+
/** Content */
|
|
3912
|
+
trigger?: React.ReactNode;
|
|
3913
|
+
/** Properties for inner Tooltip component */
|
|
3914
|
+
tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>;
|
|
3915
|
+
/** Hide overlay for debug */
|
|
3916
|
+
hideOverlay?: boolean;
|
|
3917
|
+
}
|
|
3918
|
+
/**
|
|
3919
|
+
* Расширен:
|
|
3920
|
+
* - [`BaseProps`](#/Миксины)
|
|
3921
|
+
*/
|
|
3922
|
+
declare class ContextMenu extends PureComponent<ContextMenuProps, {
|
|
3923
|
+
isOpen: boolean;
|
|
3924
|
+
}> {
|
|
3925
|
+
static Item: typeof ContextMenuItem;
|
|
3926
|
+
static MultiLevel: typeof ContextMenuMultiLevel;
|
|
3927
|
+
static displayName: string;
|
|
3928
|
+
static defaultProps: {
|
|
3929
|
+
tooltipProps: {
|
|
3930
|
+
event: string;
|
|
3931
|
+
placement: string;
|
|
3932
|
+
offset: number;
|
|
3933
|
+
showCloseButton: boolean;
|
|
3934
|
+
styles: {
|
|
3935
|
+
wrapper: {
|
|
3936
|
+
display: string;
|
|
3937
|
+
zIndex: number;
|
|
3938
|
+
};
|
|
3939
|
+
wrapperPosition: {
|
|
3940
|
+
left: number;
|
|
3941
|
+
position: string;
|
|
3942
|
+
top: number;
|
|
3943
|
+
visibility: string;
|
|
3944
|
+
};
|
|
3945
|
+
floater: {
|
|
3946
|
+
display: string;
|
|
3947
|
+
filter: string;
|
|
3948
|
+
WebkitFilter: string;
|
|
3949
|
+
maxWidth: number;
|
|
3950
|
+
minWidth: number;
|
|
3951
|
+
opacity: number;
|
|
3952
|
+
position: string;
|
|
3953
|
+
transition: string; /** Indicates if button is active (e.g. when context menu is open) */
|
|
3954
|
+
visibility: string;
|
|
3955
|
+
zIndex: number;
|
|
3956
|
+
};
|
|
3957
|
+
floaterOpening: {
|
|
3958
|
+
opacity: number;
|
|
3959
|
+
visibility: string;
|
|
3960
|
+
};
|
|
3961
|
+
floaterWithAnimation: {
|
|
3962
|
+
opacity: number;
|
|
3963
|
+
transition: string;
|
|
3964
|
+
visibility: string;
|
|
3965
|
+
};
|
|
3966
|
+
floaterClosing: {
|
|
3967
|
+
opacity: number; /** On close menu callback */
|
|
3968
|
+
visibility: string;
|
|
3969
|
+
};
|
|
3970
|
+
floaterCentered: {
|
|
3971
|
+
left: string;
|
|
3972
|
+
position: string; /** Content */
|
|
3973
|
+
top: string;
|
|
3974
|
+
transform: string;
|
|
3975
|
+
};
|
|
3976
|
+
container: {
|
|
3977
|
+
boxSizing: string;
|
|
3978
|
+
borderRadius: number;
|
|
3979
|
+
border: string;
|
|
3980
|
+
color: string;
|
|
3981
|
+
backgroundColor: string;
|
|
3982
|
+
minHeight: number;
|
|
3983
|
+
minWidth: number;
|
|
3984
|
+
padding: string;
|
|
3985
|
+
position: string;
|
|
3986
|
+
display: string;
|
|
3987
|
+
overflow: string;
|
|
3988
|
+
};
|
|
3989
|
+
content: {
|
|
3990
|
+
display: string;
|
|
3991
|
+
};
|
|
3992
|
+
arrow: {
|
|
3993
|
+
display: string;
|
|
3994
|
+
};
|
|
3995
|
+
};
|
|
3996
|
+
};
|
|
3997
|
+
hideOverlay: boolean;
|
|
3998
|
+
};
|
|
3999
|
+
constructor(props: ContextMenuProps);
|
|
4000
|
+
getOpen: () => boolean;
|
|
4001
|
+
openMenu: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
4002
|
+
closeMenu: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
4003
|
+
toggleMenu: (e: React.MouseEvent<HTMLDivElement>) => boolean;
|
|
4004
|
+
render(): JSX.Element;
|
|
4005
|
+
}
|
|
4006
|
+
|
|
4007
|
+
interface TextareaProps extends ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty$1<'width', 'auto' | keyof typeof SizeInput | number>, Omit<React.ComponentPropsWithoutRef<'textarea'>, 'color'> {
|
|
4008
|
+
/** UI: brand (v3), or default (v2) */
|
|
4009
|
+
preset?: ThemePreset$1;
|
|
4010
|
+
/** Specifies the visible max number of lines in a text area */
|
|
4011
|
+
maxRows?: number;
|
|
4012
|
+
/** Value */
|
|
4013
|
+
value?: string;
|
|
4014
|
+
/** Autosize for textarea */
|
|
4015
|
+
autosize?: boolean;
|
|
4016
|
+
/** Has error */
|
|
4017
|
+
error?: boolean;
|
|
4018
|
+
/** Take on the size of it's container */
|
|
4019
|
+
fluid?: boolean;
|
|
4020
|
+
/** Rounded style */
|
|
4021
|
+
rounded?: boolean;
|
|
4022
|
+
}
|
|
4023
|
+
|
|
4024
|
+
declare const Textarea: {
|
|
4025
|
+
(props: TextareaProps): JSX.Element;
|
|
4026
|
+
displayName: string;
|
|
4027
|
+
};
|
|
4028
|
+
|
|
4029
|
+
declare type InputPalette = {
|
|
4030
|
+
color: CSSColor$1;
|
|
4031
|
+
backgroundColor: CSSColor$1;
|
|
4032
|
+
borderColor: CSSColor$1;
|
|
4033
|
+
colorHover: CSSColor$1;
|
|
4034
|
+
backgroundColorHover: CSSColor$1;
|
|
4035
|
+
borderColorHover: CSSColor$1;
|
|
4036
|
+
inputColor: CSSColor$1;
|
|
4037
|
+
inputPlaceholderColor: CSSColor$1;
|
|
4038
|
+
inputColorDisabled: CSSColor$1;
|
|
4039
|
+
inputPlaceholderColorDisabled: CSSColor$1;
|
|
4040
|
+
controlsColor: CSSColor$1;
|
|
4041
|
+
controlsBackgroundColor: CSSColor$1;
|
|
4042
|
+
controlsSeparatorColor: CSSColor$1;
|
|
4043
|
+
controlsColorHover: CSSColor$1;
|
|
4044
|
+
controlsBackgroundColorHover: CSSColor$1;
|
|
4045
|
+
controlsColorActive: CSSColor$1;
|
|
4046
|
+
controlsBackgroundColorActive: CSSColor$1;
|
|
4047
|
+
controlsColorDisabled: CSSColor$1;
|
|
4048
|
+
controlsBackgroundColorDisabled: CSSColor$1;
|
|
4049
|
+
};
|
|
4050
|
+
interface InputProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'input'>, 'children' | 'size' | 'type' | 'value' | 'defaultValue' | 'color' | 'width'>,
|
|
4051
|
+
/** @deprecated Use palette */
|
|
4052
|
+
ColorProperty,
|
|
4053
|
+
/** @deprecated Use palette */
|
|
4054
|
+
ColorProperty<'placeholderColor'>,
|
|
4055
|
+
/** @ignore Control width with container */
|
|
4056
|
+
ResponsiveNamedProperty$1<'width', 'auto' | keyof typeof SizeInput | number> {
|
|
4057
|
+
/** UI: brand (v3), or default (v2) */
|
|
4058
|
+
preset?: ThemePreset$1;
|
|
4059
|
+
/** Custom colors */
|
|
4060
|
+
palette?: Partial<Record<keyof InputPalette, Color$1>>;
|
|
4061
|
+
/** Input mask.
|
|
4062
|
+
* Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
|
|
4063
|
+
mask?: string;
|
|
4064
|
+
/** Character to cover unfilled editable parts of mask.
|
|
4065
|
+
* Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
|
|
4066
|
+
maskChar?: string | null;
|
|
4067
|
+
/** Defines format characters with characters as keys and corresponding RegExp string as values.
|
|
4068
|
+
* Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
|
|
4069
|
+
formatChars?: Record<string, string>;
|
|
4070
|
+
/** Show mask in empty input without focus */
|
|
4071
|
+
alwaysShowMask?: boolean;
|
|
4072
|
+
/** Callback to change masked value and cursor position before it will be applied to the input.
|
|
4073
|
+
* Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
|
|
4074
|
+
beforeMaskedValueChange?: (newState: InputState, oldState: InputState, userInput: string, maskOptions: MaskOptions) => InputState;
|
|
4075
|
+
/** Type attribute */
|
|
4076
|
+
type?: 'email' | 'number' | 'password' | 'tel' | 'text' | 'url';
|
|
4077
|
+
/** Value for controlled input */
|
|
4078
|
+
value?: string;
|
|
4079
|
+
/** Default value for uncontrolled input */
|
|
4080
|
+
defaultValue?: string;
|
|
4081
|
+
/** Label for input */
|
|
4082
|
+
label?: React.ReactNode;
|
|
4083
|
+
/** Label position */
|
|
4084
|
+
labelPosition?: 'dynamic' | 'top' | 'center';
|
|
4085
|
+
/** Icon before input */
|
|
4086
|
+
icon?: JSX.Element | IconName$2;
|
|
4087
|
+
/** Props for icon component */
|
|
4088
|
+
iconProps?: IconProps$1;
|
|
4089
|
+
/** Props for text component */
|
|
4090
|
+
textProps?: TextProps$1;
|
|
4091
|
+
/** Input controls */
|
|
4092
|
+
controls?: {
|
|
4093
|
+
additional?: {
|
|
4094
|
+
icon: JSX.Element | IconName$2;
|
|
4095
|
+
iconProps?: IconProps$1;
|
|
4096
|
+
buttonProps?: React.ComponentPropsWithoutRef<'button'>;
|
|
4097
|
+
};
|
|
4098
|
+
number?: {
|
|
4099
|
+
icon?: [JSX.Element | IconName$2, JSX.Element | IconName$2];
|
|
4100
|
+
iconProps?: IconProps$1;
|
|
4101
|
+
buttonProps?: React.ComponentPropsWithoutRef<'button'> | [Nullable$1<React.ComponentPropsWithoutRef<'button'>>, Nullable$1<React.ComponentPropsWithoutRef<'button'>>];
|
|
4102
|
+
};
|
|
4103
|
+
};
|
|
4104
|
+
/** Content after input */
|
|
4105
|
+
text?: React.ReactNode;
|
|
4106
|
+
/** Appearance variant */
|
|
4107
|
+
primary?: boolean;
|
|
4108
|
+
/** Appearance variant */
|
|
4109
|
+
secondary?: boolean;
|
|
4110
|
+
/** Appearance variant */
|
|
4111
|
+
onColored?: boolean;
|
|
4112
|
+
/** Appearance variant */
|
|
4113
|
+
error?: boolean;
|
|
4114
|
+
/** Appearance variant */
|
|
4115
|
+
success?: boolean;
|
|
4116
|
+
/** Display inline */
|
|
4117
|
+
inline?: boolean;
|
|
4118
|
+
/** @ignore */
|
|
4119
|
+
fluid?: boolean;
|
|
4120
|
+
/** @ignore */
|
|
4121
|
+
rounded?: boolean;
|
|
4122
|
+
/** @ignore @deprecated Use ref */
|
|
4123
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
4124
|
+
}
|
|
4125
|
+
declare type StyledBaseInputProps = React.ComponentPropsWithoutRef<'input'> & Pick<InputProps, 'color' | 'placeholderColor' | 'width' | 'widthXXS' | 'widthXS' | 'widthS' | 'widthM' | 'widthL' | 'widthXL' | 'mask' | 'maskChar' | 'formatChars' | 'alwaysShowMask' | 'beforeMaskedValueChange' | 'error' | 'fluid' | 'rounded' | 'inputRef'>;
|
|
4126
|
+
|
|
4127
|
+
/**
|
|
4128
|
+
*
|
|
4129
|
+
* Component accepts all \<input\> attributes and "react-input-mask" v2.0.4 props.
|
|
4130
|
+
*
|
|
4131
|
+
* Responsive "size", "margin" props are supported.
|
|
4132
|
+
*
|
|
4133
|
+
* Exposed "ref" attached to \<input\>.
|
|
4134
|
+
*
|
|
4135
|
+
* See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)
|
|
4136
|
+
*/
|
|
4137
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps> & {
|
|
4138
|
+
Phone: typeof InputPhone;
|
|
4139
|
+
};
|
|
4140
|
+
|
|
4141
|
+
declare const baseInputStyle: (props: StyledProps<Pick<StyledBaseInputProps, 'color' | 'placeholderColor' | 'disabled' | 'rounded' | 'width' | 'widthXS' | 'widthS' | 'widthM' | 'widthL' | 'widthXL' | 'fluid' | 'error'>>) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
|
|
4142
|
+
|
|
4143
|
+
declare const INITIAL_MASK = "99999999999999999999";
|
|
4144
|
+
declare const DEFAULT_MASK: string;
|
|
4145
|
+
declare const COUNTRY_DATA: [string, string, string, RegExp][];
|
|
4146
|
+
|
|
4147
|
+
interface RadioGroupProps extends BaseProps$1 {
|
|
4148
|
+
inline?: boolean;
|
|
4149
|
+
children?: React.ReactNode;
|
|
4150
|
+
}
|
|
4151
|
+
declare function RadioGroup({ children, ...props }: RadioGroupProps): JSX.Element;
|
|
4152
|
+
|
|
4153
|
+
declare type RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>;
|
|
4154
|
+
interface RadioProps extends BaseProps$1, DisplayProperty, RadioInputHtmlAttributes {
|
|
4155
|
+
/**
|
|
4156
|
+
* Field id
|
|
4157
|
+
*/
|
|
4158
|
+
id?: string;
|
|
4159
|
+
/**
|
|
4160
|
+
* Field name
|
|
4161
|
+
*/
|
|
4162
|
+
name?: string;
|
|
4163
|
+
/**
|
|
4164
|
+
* Radio label
|
|
4165
|
+
*/
|
|
4166
|
+
label?: string;
|
|
4167
|
+
/**
|
|
4168
|
+
* On change handler
|
|
4169
|
+
*/
|
|
4170
|
+
onChange?(_e: React.ChangeEvent<HTMLInputElement>): void;
|
|
4171
|
+
/**
|
|
4172
|
+
* Children react node
|
|
4173
|
+
*/
|
|
4174
|
+
children?: React.ReactNode;
|
|
4175
|
+
/**
|
|
4176
|
+
* A Radio can appear disabled and be unable to change states
|
|
4177
|
+
*/
|
|
4178
|
+
disabled?: boolean;
|
|
4179
|
+
/**
|
|
4180
|
+
* Field can show the data contains errors
|
|
4181
|
+
*/
|
|
4182
|
+
error?: boolean;
|
|
4183
|
+
/**
|
|
4184
|
+
* Whether or not Radio is checked
|
|
4185
|
+
*/
|
|
4186
|
+
checked?: boolean;
|
|
4187
|
+
defaultChecked?: boolean;
|
|
4188
|
+
/**
|
|
4189
|
+
* Checkbox size
|
|
4190
|
+
*/
|
|
4191
|
+
size?: 'small' | 'medium' | 'large';
|
|
4192
|
+
/**
|
|
4193
|
+
* Value
|
|
4194
|
+
*/
|
|
4195
|
+
value?: string | number;
|
|
4196
|
+
fluid?: boolean;
|
|
4197
|
+
/**
|
|
4198
|
+
* Width of label. Default is `Theme.defaultInputControlsWidth`
|
|
4199
|
+
*/
|
|
4200
|
+
width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
|
|
4201
|
+
}
|
|
4202
|
+
/**
|
|
4203
|
+
* Расширен:
|
|
4204
|
+
* - [`BaseProps`](#/Миксины)
|
|
4205
|
+
* - `React.InputHTMLAttributes<HTMLInputElement>`
|
|
4206
|
+
*/
|
|
4207
|
+
declare function Radio(props: typeof Radio.defaultProps & RadioProps): JSX.Element;
|
|
4208
|
+
declare namespace Radio {
|
|
4209
|
+
var defaultProps: {
|
|
4210
|
+
disabled: boolean;
|
|
4211
|
+
size: string;
|
|
4212
|
+
display: string;
|
|
4213
|
+
onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
|
|
4214
|
+
};
|
|
4215
|
+
var Input: react.ForwardRefExoticComponent<components_InputRadio.InputRadioProps>;
|
|
4216
|
+
var Group: typeof RadioGroup;
|
|
4217
|
+
var displayName: string;
|
|
4218
|
+
}
|
|
4219
|
+
|
|
4220
|
+
declare type CheckboxStaticSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
4221
|
+
declare type CheckboxSize = CheckboxStaticSize | ResponsiveProperty<`${number}rem` | number>;
|
|
4222
|
+
interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width' | 'value'>, BaseProps$1 {
|
|
4223
|
+
/** Checkbox value */
|
|
4224
|
+
value?: string | number;
|
|
4225
|
+
/** Checkbox size */
|
|
4226
|
+
size?: CheckboxSize;
|
|
4227
|
+
/** Display inline, default to true */
|
|
4228
|
+
inline?: boolean;
|
|
4229
|
+
/** Checkbox errored appearance */
|
|
4230
|
+
error?: boolean;
|
|
4231
|
+
/** Root label width 100% */
|
|
4232
|
+
fluid?: boolean;
|
|
4233
|
+
/** Root label width */
|
|
4234
|
+
width?: ResponsiveProperty<number | string>;
|
|
4235
|
+
/** Label content */
|
|
4236
|
+
children?: React.ReactNode;
|
|
4237
|
+
/** @preset {Brand} Checkbox success appearance */
|
|
4238
|
+
success?: boolean;
|
|
4239
|
+
/** @preset {Brand} Label with background */
|
|
4240
|
+
background?: boolean;
|
|
4241
|
+
/** @preset {Brand} Modifies appearance on colored background */
|
|
4242
|
+
onColored?: boolean;
|
|
4243
|
+
/** @deprecated Use children */
|
|
4244
|
+
label?: string;
|
|
4245
|
+
}
|
|
4246
|
+
interface CheckboxGroupProps extends BaseProps$1 {
|
|
4247
|
+
inline?: boolean;
|
|
4248
|
+
children: React.ReactNode;
|
|
4249
|
+
}
|
|
4250
|
+
interface CheckboxComponent extends ForwardRefExoticComponent<PropsWithoutRef<CheckboxProps> & RefAttributes<HTMLLabelElement>> {
|
|
4251
|
+
Input: React.ForwardRefExoticComponent<InputCheckboxProps>;
|
|
4252
|
+
Group: (props: CheckboxGroupProps) => JSX.Element;
|
|
4253
|
+
}
|
|
4254
|
+
|
|
4255
|
+
declare const Checkbox: CheckboxComponent;
|
|
4256
|
+
|
|
4257
|
+
interface SelectProps extends BaseProps$1, ReactSelectProps, DisplayProperty {
|
|
4258
|
+
fluid?: boolean;
|
|
4259
|
+
error?: boolean;
|
|
4260
|
+
/**
|
|
4261
|
+
* Width of select. Default is `Theme.defaultInputControlsWidth`
|
|
4262
|
+
*/
|
|
4263
|
+
width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
|
|
4264
|
+
}
|
|
4265
|
+
/**
|
|
4266
|
+
* Расширен:
|
|
4267
|
+
* - [`BaseProps`](#/Миксины)
|
|
4268
|
+
* - `ReactSelectProps`
|
|
4269
|
+
*/
|
|
4270
|
+
declare function Select(props: SelectProps): JSX.Element;
|
|
4271
|
+
declare namespace Select {
|
|
4272
|
+
var defaultProps: {
|
|
4273
|
+
allowCreate: boolean;
|
|
4274
|
+
searchable: boolean;
|
|
4275
|
+
clearable: boolean;
|
|
4276
|
+
addLabelText: string;
|
|
4277
|
+
backspaceToRemoveMessage: string;
|
|
4278
|
+
clearAllText: string;
|
|
4279
|
+
clearValueText: string;
|
|
4280
|
+
noResultsText: string;
|
|
4281
|
+
placeholder: string;
|
|
4282
|
+
searchPromptText: string;
|
|
4283
|
+
loadingPlaceholder: string;
|
|
4284
|
+
autoload: boolean;
|
|
4285
|
+
loadOptions: boolean;
|
|
4286
|
+
display: string;
|
|
4287
|
+
};
|
|
4288
|
+
var displayName: string;
|
|
4289
|
+
}
|
|
4290
|
+
|
|
4291
|
+
declare type FormLabelPalette = {
|
|
4292
|
+
color: CSSColor$1;
|
|
4293
|
+
backgroundColor: CSSColor$1;
|
|
4294
|
+
borderColor: CSSColor$1;
|
|
4295
|
+
colorHover: CSSColor$1;
|
|
4296
|
+
backgroundColorHover: CSSColor$1;
|
|
4297
|
+
borderColorHover: CSSColor$1;
|
|
4298
|
+
hintColor: CSSColor$1;
|
|
4299
|
+
hintBackgroundColor: CSSColor$1;
|
|
4300
|
+
hintColorHover: CSSColor$1;
|
|
4301
|
+
hintBackgroundColorHover: CSSColor$1;
|
|
4302
|
+
hintColorActive: CSSColor$1;
|
|
4303
|
+
hintBackgroundColorActive: CSSColor$1;
|
|
4304
|
+
hintColorDisabled: CSSColor$1;
|
|
4305
|
+
hintBackgroundColorDisabled: CSSColor$1;
|
|
4306
|
+
};
|
|
4307
|
+
interface FormLabelProps extends ResponsiveSizeProps, ResponsiveMarginProps, React.ComponentPropsWithRef<'label'> {
|
|
4308
|
+
/** Custom colors */
|
|
4309
|
+
palette?: Partial<Record<keyof FormLabelPalette, Color$1>>;
|
|
4310
|
+
/** Render radio or checkbox input */
|
|
4311
|
+
control: JSX.Element | ((props: Required<Pick<FormLabelProps, 'size'>> & Pick<FormLabelProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'disabled' | 'error' | 'success' | 'checked' | 'onColored'>) => JSX.Element);
|
|
4312
|
+
/** Props for text component */
|
|
4313
|
+
textProps?: TextProps$1;
|
|
4314
|
+
/** Text content */
|
|
4315
|
+
label?: React.ReactNode;
|
|
4316
|
+
/** Display inline */
|
|
4317
|
+
inline?: boolean;
|
|
4318
|
+
/** Disable appearance */
|
|
4319
|
+
clear?: boolean;
|
|
4320
|
+
/** Appearance variant */
|
|
4321
|
+
disabled?: boolean;
|
|
4322
|
+
/** Appearance variant */
|
|
4323
|
+
error?: boolean;
|
|
4324
|
+
/** Appearance variant */
|
|
4325
|
+
success?: boolean;
|
|
4326
|
+
/** Appearance variant */
|
|
4327
|
+
checked?: boolean;
|
|
4328
|
+
/** Appearance variant */
|
|
4329
|
+
onColored?: boolean;
|
|
4330
|
+
/** Additional elements */
|
|
4331
|
+
hint?: {
|
|
4332
|
+
text?: React.ReactNode;
|
|
4333
|
+
textProps?: TextProps$1;
|
|
4334
|
+
icon?: JSX.Element | IconName$2;
|
|
4335
|
+
iconProps?: IconProps$1;
|
|
4336
|
+
buttonProps?: React.ComponentPropsWithoutRef<'button'>;
|
|
4337
|
+
};
|
|
4338
|
+
}
|
|
4339
|
+
|
|
4340
|
+
/**
|
|
4341
|
+
*
|
|
4342
|
+
* Component accepts all \<label\> attributes.
|
|
4343
|
+
*
|
|
4344
|
+
* Responsive "size", "margin" props are supported.
|
|
4345
|
+
*
|
|
4346
|
+
* Exposed "ref" attached to root node.
|
|
4347
|
+
*
|
|
4348
|
+
* See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)
|
|
4349
|
+
*/
|
|
4350
|
+
declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps>;
|
|
4351
|
+
|
|
4352
|
+
declare type SkeletonPalette = {
|
|
4353
|
+
color: CSSColor$1;
|
|
4354
|
+
gradientColor: CSSColor$1;
|
|
4355
|
+
gradientHighlightColor: CSSColor$1;
|
|
4356
|
+
};
|
|
4357
|
+
interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
|
|
4358
|
+
/** Element to infer sizing */
|
|
4359
|
+
children?: React.ReactNode;
|
|
4360
|
+
/** Custom colors */
|
|
4361
|
+
palette?: Partial<Record<keyof SkeletonPalette, Color$1>>;
|
|
4362
|
+
/** Display 'inline-block' */
|
|
4363
|
+
inline?: boolean;
|
|
4364
|
+
/** Root border-radius: 50% */
|
|
4365
|
+
round?: boolean;
|
|
4366
|
+
/** Root border-radius */
|
|
4367
|
+
borderRadius?: string | number;
|
|
4368
|
+
/** Root width */
|
|
4369
|
+
width?: string | number;
|
|
4370
|
+
/** Root height */
|
|
4371
|
+
height?: string | number;
|
|
4372
|
+
/** Value (ms) to control animation speed */
|
|
4373
|
+
animationDuration?: number;
|
|
4374
|
+
/** Delay to animation start (ms) to avoid flicker at fast connection */
|
|
4375
|
+
animationDelay?: number;
|
|
4376
|
+
/** Appearance variant */
|
|
4377
|
+
primary?: boolean;
|
|
4378
|
+
/** Appearance variant */
|
|
4379
|
+
secondary?: boolean;
|
|
4380
|
+
/** Appearance variant */
|
|
4381
|
+
onColored?: boolean;
|
|
4382
|
+
/** Root node type */
|
|
4383
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
4384
|
+
}
|
|
4385
|
+
|
|
4386
|
+
/**
|
|
4387
|
+
*
|
|
4388
|
+
* Component accepts all \<div\> attributes.
|
|
4389
|
+
*
|
|
4390
|
+
* Responsive "margin" props are supported.
|
|
4391
|
+
*
|
|
4392
|
+
* Exposed "ref" attached to root node.
|
|
4393
|
+
*
|
|
4394
|
+
* See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)
|
|
4395
|
+
*/
|
|
4396
|
+
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
|
|
4397
|
+
|
|
4398
|
+
interface PopoverProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
|
|
4399
|
+
/** Custom colors */
|
|
4400
|
+
palette?: Partial<Record<keyof PopoverComponentPalette, Color$1>>;
|
|
4401
|
+
/** Open automatically */
|
|
4402
|
+
autoOpen?: boolean;
|
|
4403
|
+
/** It will be called on state change */
|
|
4404
|
+
callback?: (action: 'open' | 'close', props: Props) => void;
|
|
4405
|
+
/** Default tooltip target */
|
|
4406
|
+
children?: React.ReactNode;
|
|
4407
|
+
/** Debugging logs in console */
|
|
4408
|
+
debug?: boolean;
|
|
4409
|
+
/** Don't adjust tooltip on scroll / resize */
|
|
4410
|
+
disableFlip?: boolean;
|
|
4411
|
+
/** Don't convert 'hover' to 'click' event on mobile */
|
|
4412
|
+
disableHoverToClick?: boolean;
|
|
4413
|
+
/** Trigger event for tooltip */
|
|
4414
|
+
event?: 'click' | 'hover';
|
|
4415
|
+
/** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
|
|
4416
|
+
eventDelay?: number;
|
|
4417
|
+
/** Callback to get popper.js instance */
|
|
4418
|
+
getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
|
|
4419
|
+
/** Don't show tooltip arrow */
|
|
4420
|
+
hideArrow?: boolean;
|
|
4421
|
+
/** Distance in 'px' between tooltip and its target */
|
|
4422
|
+
offset?: number;
|
|
4423
|
+
/** Switch between normal and controlled modes. It will disable built in tooltip behavior */
|
|
4424
|
+
open?: boolean;
|
|
4425
|
+
/** Tooltip position relative to its target */
|
|
4426
|
+
placement?: PlacementOptions;
|
|
4427
|
+
/** CSS selector or element to render tooltips */
|
|
4428
|
+
portalElement?: Props['portalElement'];
|
|
4429
|
+
/** Custom styles */
|
|
4430
|
+
styles?: Partial<Styles>;
|
|
4431
|
+
/** Show button to close tooltip */
|
|
4432
|
+
showCloseButton?: boolean;
|
|
4433
|
+
/** Props for close button */
|
|
4434
|
+
closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
|
|
4435
|
+
/** Tooltip target. If it's not set, 'children' will be used */
|
|
4436
|
+
target?: Props['target'];
|
|
4437
|
+
/** Position of tooltip wrapper relative to target */
|
|
4438
|
+
wrapperOptions?: {
|
|
4439
|
+
offset?: number;
|
|
4440
|
+
placement?: Omit<PlacementOptions, 'center'>;
|
|
4441
|
+
position?: boolean;
|
|
4442
|
+
};
|
|
4443
|
+
/** Relationship of width to height */
|
|
4444
|
+
orientation?: 'portrait' | 'landscape';
|
|
4445
|
+
/** Loading appearance */
|
|
4446
|
+
loading?: boolean;
|
|
4447
|
+
/** Badge in header */
|
|
4448
|
+
badge?: {
|
|
4449
|
+
text?: React.ReactNode;
|
|
4450
|
+
badgeProps?: BadgeProps$1;
|
|
4451
|
+
};
|
|
4452
|
+
/** Short text in header */
|
|
4453
|
+
caption?: React.ReactNode;
|
|
4454
|
+
/** Props for text component in header */
|
|
4455
|
+
captionProps?: TextProps$1;
|
|
4456
|
+
/** Title text */
|
|
4457
|
+
title?: React.ReactNode;
|
|
4458
|
+
/** Props for title text component */
|
|
4459
|
+
titleProps?: TextProps$1;
|
|
4460
|
+
/** Main text content */
|
|
4461
|
+
content?: React.ReactNode;
|
|
4462
|
+
/** Props for main text component */
|
|
4463
|
+
contentProps?: TextProps$1;
|
|
4464
|
+
/** Flex-direction in footer */
|
|
4465
|
+
controlsDirection?: 'row' | 'column';
|
|
4466
|
+
/** Media to display: \<img\> or \<video\> */
|
|
4467
|
+
media?: {
|
|
4468
|
+
imgProps?: React.ComponentPropsWithoutRef<'img'>;
|
|
4469
|
+
videoProps?: React.ComponentPropsWithoutRef<'video'>;
|
|
4470
|
+
};
|
|
4471
|
+
/** Buttons in footer */
|
|
4472
|
+
controls?: {
|
|
4473
|
+
secondary?: {
|
|
4474
|
+
text?: React.ReactNode;
|
|
4475
|
+
buttonProps?: ButtonProps$1;
|
|
4476
|
+
};
|
|
4477
|
+
primary?: {
|
|
4478
|
+
text?: React.ReactNode;
|
|
4479
|
+
buttonProps?: ButtonProps$1;
|
|
4480
|
+
};
|
|
4481
|
+
};
|
|
4482
|
+
/** @ignore */
|
|
4483
|
+
footer?: React.ReactNode;
|
|
4484
|
+
/** @ignore */
|
|
4485
|
+
black?: boolean;
|
|
4486
|
+
/** @ignore */
|
|
4487
|
+
contrast?: boolean;
|
|
4488
|
+
}
|
|
4489
|
+
|
|
4490
|
+
/**
|
|
4491
|
+
*
|
|
4492
|
+
* Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
|
|
4493
|
+
*
|
|
4494
|
+
* Responsive "size" props are supported.
|
|
4495
|
+
*
|
|
4496
|
+
* Exposed "ref" attached to popover component root.
|
|
4497
|
+
*
|
|
4498
|
+
* See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)
|
|
4499
|
+
*/
|
|
4500
|
+
declare const Popover: React.ForwardRefExoticComponent<PopoverProps> & {
|
|
4501
|
+
Component: typeof PopoverComponent;
|
|
4502
|
+
};
|
|
4503
|
+
|
|
4504
|
+
declare type ListItemPalette = {
|
|
4505
|
+
color: CSSColor$1;
|
|
4506
|
+
backgroundColor: CSSColor$1;
|
|
4507
|
+
colorHover: CSSColor$1;
|
|
4508
|
+
backgroundColorHover: CSSColor$1;
|
|
4509
|
+
mediaPlaceholderColor: CSSColor$1;
|
|
4510
|
+
};
|
|
4511
|
+
interface ListItemProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
|
|
4512
|
+
/** Root node type */
|
|
4513
|
+
as?: React.ElementType;
|
|
4514
|
+
/** Main text content or render function */
|
|
4515
|
+
children?: React.ReactNode | ((props: Required<Pick<ListItemProps, 'textProps' | 'captionProps'>>) => React.ReactNode);
|
|
4516
|
+
/** Control to render (checkbox, radio, button, etc.) */
|
|
4517
|
+
control?: JSX.Element | ((props: Required<Pick<ListItemProps, 'size'>> & Pick<ListItemProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'onColored' | 'disabled'>) => JSX.Element);
|
|
4518
|
+
/** Control position on horizontal axis */
|
|
4519
|
+
controlPosition?: 'left' | 'right';
|
|
4520
|
+
/** Icons before and after content */
|
|
4521
|
+
icon?: JSX.Element | IconName$2 | [Nullable$1<JSX.Element | IconName$2>, Nullable$1<JSX.Element | IconName$2>];
|
|
4522
|
+
/** Props for icon components */
|
|
4523
|
+
iconProps?: IconProps$1;
|
|
4524
|
+
/** Media to display */
|
|
4525
|
+
media?: React.ComponentPropsWithoutRef<'img'> | JSX.Element;
|
|
4526
|
+
/** Media border-radius */
|
|
4527
|
+
mediaBorderRadius?: string | number;
|
|
4528
|
+
/** Main text (alternative to children) */
|
|
4529
|
+
text?: React.ReactNode;
|
|
4530
|
+
/** Props for main text component */
|
|
4531
|
+
textProps?: TextProps$1;
|
|
4532
|
+
/** Additional text */
|
|
4533
|
+
caption?: React.ReactNode;
|
|
4534
|
+
/** Props for caption text component */
|
|
4535
|
+
captionProps?: TextProps$1;
|
|
4536
|
+
/** Caption position relative to main text */
|
|
4537
|
+
captionPosition?: 'top' | 'bottom';
|
|
4538
|
+
/** Additional components */
|
|
4539
|
+
addon?: React.ReactNode;
|
|
4540
|
+
/** Custom colors */
|
|
4541
|
+
palette?: Partial<Record<keyof ListItemPalette, Color$1>>;
|
|
4542
|
+
/** Root border-radius */
|
|
4543
|
+
borderRadius?: string | number;
|
|
4544
|
+
/** Apply text-overflow: ellipsis; to text content (default true) */
|
|
4545
|
+
ellipsis?: boolean;
|
|
4546
|
+
/** Appearance variant */
|
|
4547
|
+
primary?: boolean;
|
|
4548
|
+
/** Appearance variant */
|
|
4549
|
+
secondary?: boolean;
|
|
4550
|
+
/** Appearance variant */
|
|
4551
|
+
danger?: boolean;
|
|
4552
|
+
/** Appearance variant */
|
|
4553
|
+
success?: boolean;
|
|
4554
|
+
/** Appearance variant */
|
|
4555
|
+
active?: boolean;
|
|
4556
|
+
/** Appearance variant */
|
|
4557
|
+
onColored?: boolean;
|
|
4558
|
+
/** Appearance variant */
|
|
4559
|
+
disabled?: boolean;
|
|
4560
|
+
/** Appearance variant */
|
|
4561
|
+
loading?: boolean;
|
|
4562
|
+
/** @ignore */
|
|
4563
|
+
to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
|
|
4564
|
+
/** @ignore */
|
|
4565
|
+
replace?: boolean;
|
|
4566
|
+
/** @ignore */
|
|
4567
|
+
ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
|
|
4568
|
+
/** @ignore */
|
|
4569
|
+
type?: string;
|
|
4570
|
+
}
|
|
4571
|
+
|
|
4572
|
+
/**
|
|
4573
|
+
*
|
|
4574
|
+
* Component accepts all root HTML attributes.
|
|
4575
|
+
*
|
|
4576
|
+
* Responsive "size", "margin" props are supported.
|
|
4577
|
+
*
|
|
4578
|
+
* Exposed "ref" attached to root node.
|
|
4579
|
+
*
|
|
4580
|
+
* See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)
|
|
4581
|
+
*/
|
|
4582
|
+
declare const ListItem: React.ForwardRefExoticComponent<ListItemProps>;
|
|
4583
|
+
|
|
4584
|
+
declare type IndicatorPalette = {
|
|
4585
|
+
color: CSSColor$1;
|
|
4586
|
+
backgroundColor: CSSColor$1;
|
|
4587
|
+
shadowColor: CSSColor$1;
|
|
4588
|
+
};
|
|
4589
|
+
interface IndicatorProps extends ResponsiveSizeProps, React.ComponentPropsWithRef<'span'> {
|
|
4590
|
+
/** Custom colors */
|
|
4591
|
+
palette?: Partial<Record<keyof IndicatorPalette, Color$1>>;
|
|
4592
|
+
/** Text content */
|
|
4593
|
+
children?: React.ReactNode;
|
|
4594
|
+
/** Text content (alternative to children) */
|
|
4595
|
+
text?: React.ReactNode;
|
|
4596
|
+
/** Props for text component */
|
|
4597
|
+
textProps?: TextProps$1;
|
|
4598
|
+
/** Appearance variant */
|
|
4599
|
+
primary?: boolean;
|
|
4600
|
+
/** Appearance variant */
|
|
4601
|
+
secondary?: boolean;
|
|
4602
|
+
/** Appearance variant */
|
|
4603
|
+
black?: boolean;
|
|
4604
|
+
/** Appearance variant */
|
|
4605
|
+
grey?: boolean;
|
|
4606
|
+
/** Appearance variant */
|
|
4607
|
+
onColored?: boolean;
|
|
4608
|
+
/** Enable pulse animation */
|
|
4609
|
+
pulse?: boolean;
|
|
4610
|
+
/** Pulse animation iteration count */
|
|
4611
|
+
pulseIterationCount?: number;
|
|
4612
|
+
/** Apply shadow styles */
|
|
4613
|
+
frame?: boolean;
|
|
4614
|
+
}
|
|
4615
|
+
|
|
4616
|
+
/**
|
|
4617
|
+
*
|
|
4618
|
+
* Component accepts all \<span\> attributes.
|
|
4619
|
+
*
|
|
4620
|
+
* Responsive "size" props are supported.
|
|
4621
|
+
*
|
|
4622
|
+
* Exposed "ref" attached to root node.
|
|
4623
|
+
*
|
|
4624
|
+
* See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)
|
|
4625
|
+
*/
|
|
4626
|
+
declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
|
|
4627
|
+
|
|
4628
|
+
declare type IconButtonPalette = {
|
|
4629
|
+
color: CSSColor$1;
|
|
4630
|
+
backgroundColor: CSSColor$1;
|
|
4631
|
+
colorHover: CSSColor$1;
|
|
4632
|
+
backgroundColorHover: CSSColor$1;
|
|
4633
|
+
colorActive: CSSColor$1;
|
|
4634
|
+
backgroundColorActive: CSSColor$1;
|
|
4635
|
+
colorDisabled: CSSColor$1;
|
|
4636
|
+
backgroundColorDisabled: CSSColor$1;
|
|
4637
|
+
};
|
|
4638
|
+
interface IconButtonProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
|
|
4639
|
+
/** Custom colors */
|
|
4640
|
+
palette?: Partial<Record<keyof IconButtonPalette, Color$1>>;
|
|
4641
|
+
/** Icon to display */
|
|
4642
|
+
icon?: JSX.Element | IconName$2;
|
|
4643
|
+
/** Props for icon component */
|
|
4644
|
+
iconProps?: IconProps$1;
|
|
4645
|
+
/** Shape variant */
|
|
4646
|
+
square?: boolean;
|
|
4647
|
+
/** Appearance variant */
|
|
4648
|
+
primary?: boolean;
|
|
4649
|
+
/** Appearance variant */
|
|
4650
|
+
secondary?: boolean;
|
|
4651
|
+
/** Appearance variant */
|
|
4652
|
+
contrast?: boolean;
|
|
4653
|
+
}
|
|
4654
|
+
|
|
4655
|
+
/**
|
|
4656
|
+
*
|
|
4657
|
+
* Component accepts all \<button\> attributes.
|
|
4658
|
+
*
|
|
4659
|
+
* Responsive "size", "margin" props are supported.
|
|
4660
|
+
*
|
|
4661
|
+
* Exposed "ref" attached to root node.
|
|
4662
|
+
*
|
|
4663
|
+
* See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)
|
|
4664
|
+
*/
|
|
4665
|
+
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps>;
|
|
4666
|
+
|
|
4667
|
+
declare type ChipPalette = {
|
|
4668
|
+
color: CSSColor$1;
|
|
4669
|
+
backgroundColor: CSSColor$1;
|
|
4670
|
+
borderColor: CSSColor$1;
|
|
4671
|
+
colorHover: CSSColor$1;
|
|
4672
|
+
backgroundColorHover: CSSColor$1;
|
|
4673
|
+
borderColorHover: CSSColor$1;
|
|
4674
|
+
colorDisabled: CSSColor$1;
|
|
4675
|
+
backgroundColorDisabled: CSSColor$1;
|
|
4676
|
+
borderColorDisabled: CSSColor$1;
|
|
4677
|
+
};
|
|
4678
|
+
interface ChipProps extends ResponsiveSizeProps, ResponsiveMarginProps, React.RefAttributes<HTMLElement>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children'> {
|
|
4679
|
+
/** Custom colors */
|
|
4680
|
+
palette?: Partial<Record<keyof ChipPalette, Color$1>>;
|
|
4681
|
+
/** Main text content or render function */
|
|
4682
|
+
children?: React.ReactNode | ((props: {
|
|
4683
|
+
textProps: TextProps$1;
|
|
4684
|
+
captionProps: TextProps$1;
|
|
4685
|
+
discardButtonProps: IconButtonProps$1;
|
|
4686
|
+
}) => React.ReactNode);
|
|
4687
|
+
/** Main text (alternative to children) */
|
|
4688
|
+
text?: React.ReactNode;
|
|
4689
|
+
/** Props for main text component */
|
|
4690
|
+
textProps?: TextProps$1;
|
|
4691
|
+
/** Additional text */
|
|
4692
|
+
caption?: React.ReactNode;
|
|
4693
|
+
/** Props for caption text component */
|
|
4694
|
+
captionProps?: TextProps$1;
|
|
4695
|
+
/** Icons before and after content */
|
|
4696
|
+
icon?: JSX.Element | IconName$2 | [Nullable$1<JSX.Element | IconName$2>, Nullable$1<JSX.Element | IconName$2>];
|
|
4697
|
+
/** Props for icon components */
|
|
4698
|
+
iconProps?: IconProps$1;
|
|
4699
|
+
/** Props for avatar component */
|
|
4700
|
+
avatarProps?: AvatarProps$1;
|
|
4701
|
+
/** Props for indicator component */
|
|
4702
|
+
indicatorProps?: IndicatorProps$1;
|
|
4703
|
+
/** Props for button with 'close' icon */
|
|
4704
|
+
discardButtonProps?: IconButtonProps$1;
|
|
4705
|
+
/** Appearance variant */
|
|
4706
|
+
primary?: boolean;
|
|
4707
|
+
/** Appearance variant */
|
|
4708
|
+
secondary?: boolean;
|
|
4709
|
+
/** Appearance variant */
|
|
4710
|
+
outline?: boolean;
|
|
4711
|
+
/** Appearance variant */
|
|
4712
|
+
black?: boolean;
|
|
4713
|
+
/** Appearance variant */
|
|
4714
|
+
contrast?: boolean;
|
|
4715
|
+
/** Appearance variant */
|
|
4716
|
+
active?: boolean;
|
|
4717
|
+
/** @ignore Internal */
|
|
4718
|
+
cursor?: string;
|
|
4719
|
+
}
|
|
4720
|
+
|
|
4721
|
+
/**
|
|
4722
|
+
*
|
|
4723
|
+
* Component accepts all root HTML attributes.
|
|
4724
|
+
*
|
|
4725
|
+
* Responsive "size", "margin" props are supported.
|
|
4726
|
+
*
|
|
4727
|
+
* Exposed "ref" attached to root node.
|
|
4728
|
+
*
|
|
4729
|
+
* See full [ChipProps](https://github.com/foxford/ui/blob/master/src/components/Chip/types.ts)
|
|
4730
|
+
*/
|
|
4731
|
+
declare const Chip: React.ForwardRefExoticComponent<ChipProps>;
|
|
4732
|
+
|
|
4733
|
+
interface MenuProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
|
|
4734
|
+
/** Open automatically */
|
|
4735
|
+
autoOpen?: boolean;
|
|
4736
|
+
/** It will be called on state change */
|
|
4737
|
+
callback?: (action: 'open' | 'close', props: Props) => void;
|
|
4738
|
+
/** Menu trigger and its target */
|
|
4739
|
+
children?: React.ReactNode;
|
|
4740
|
+
/** Debugging logs in console */
|
|
4741
|
+
debug?: boolean;
|
|
4742
|
+
/** Don't adjust menu on scroll / resize (default true) */
|
|
4743
|
+
disableFlip?: boolean;
|
|
4744
|
+
/** Callback to get popper.js instance */
|
|
4745
|
+
getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
|
|
4746
|
+
/** Distance in px between menu and its target (default 8px) */
|
|
4747
|
+
offset?: number;
|
|
4748
|
+
/** Switch between normal and controlled modes. It will disable built in menu behavior */
|
|
4749
|
+
open?: boolean;
|
|
4750
|
+
/** Menu position relative to its target (default bottom-start) */
|
|
4751
|
+
placement?: PlacementOptions;
|
|
4752
|
+
/** CSS selector or element to render menus */
|
|
4753
|
+
portalElement?: Props['portalElement'];
|
|
4754
|
+
/** Custom styles */
|
|
4755
|
+
styles?: Partial<Styles>;
|
|
4756
|
+
/** Render menu view (Menu.List, Menu.Container, or custom component) */
|
|
4757
|
+
render: React.ReactElement | ((props: Pick<MenuProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'showCloseButton' | 'closeButtonProps'> & {
|
|
4758
|
+
closeFn: () => void;
|
|
4759
|
+
}) => React.ReactElement);
|
|
4760
|
+
/** Appearance variant */
|
|
4761
|
+
primary?: boolean;
|
|
4762
|
+
/** Appearance variant */
|
|
4763
|
+
secondary?: boolean;
|
|
4764
|
+
/** Custom colors */
|
|
4765
|
+
palette?: Partial<Record<keyof MenuComponentPalette, Color$1>>;
|
|
4766
|
+
/** Value change will set focus on first focusable descendent */
|
|
4767
|
+
autoFocus?: unknown;
|
|
4768
|
+
/** Disable autoFocus behavior (usage discourage, unless you manage focus by yourself) */
|
|
4769
|
+
disableAutoFocus?: boolean;
|
|
4770
|
+
/** Show button to close menu (applicable for Menu.Container, or custom component) */
|
|
4771
|
+
showCloseButton?: boolean;
|
|
4772
|
+
/** Props for close button */
|
|
4773
|
+
closeButtonProps?: IconButtonProps$1;
|
|
4774
|
+
/** Menu component max-height */
|
|
4775
|
+
maxHeight?: string | number;
|
|
4776
|
+
}
|
|
4777
|
+
|
|
4778
|
+
/**
|
|
4779
|
+
*
|
|
4780
|
+
* Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
|
|
4781
|
+
*
|
|
4782
|
+
* Responsive "size" props are supported.
|
|
4783
|
+
*
|
|
4784
|
+
* Exposed "ref" attached to menu component root.
|
|
4785
|
+
*
|
|
4786
|
+
* See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)
|
|
4787
|
+
*/
|
|
4788
|
+
declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
|
|
4789
|
+
Component: typeof MenuComponent;
|
|
4790
|
+
List: typeof MenuList;
|
|
4791
|
+
Container: typeof MenuContainer;
|
|
4792
|
+
Divider: typeof MenuDivider;
|
|
4793
|
+
};
|
|
4794
|
+
|
|
4795
|
+
declare const FuseSearchKeys: {
|
|
4796
|
+
readonly text: "text";
|
|
4797
|
+
readonly tags: "tags";
|
|
4798
|
+
};
|
|
4799
|
+
|
|
4800
|
+
declare type DropdownStatus = 'success' | 'error';
|
|
4801
|
+
declare type DropdownOption = {
|
|
4802
|
+
/** Уникальный идентификатор (при сабмите используется в паре с name) */
|
|
4803
|
+
value: string;
|
|
4804
|
+
/** Цветовая схема для валидации */
|
|
4805
|
+
status?: DropdownStatus;
|
|
4806
|
+
/** Отображаемый текст (учитывается в текстовом поиске) */
|
|
4807
|
+
[FuseSearchKeys.text]: string;
|
|
4808
|
+
/** Ассоциативные теги (учитывается в текстовом поиске) */
|
|
4809
|
+
[FuseSearchKeys.tags]?: string[];
|
|
4810
|
+
};
|
|
4811
|
+
interface DropdownProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
4812
|
+
/** Закрывать выпадающее меню при скролле */
|
|
4813
|
+
closeMenuOnScroll?: boolean;
|
|
4814
|
+
/** Адаптировать цветовую схему для контрастного фона */
|
|
4815
|
+
contrast?: boolean;
|
|
4816
|
+
/** Выбранная по умолчанию опция или опции */
|
|
4817
|
+
defaultSelectedOption?: DropdownOption | DropdownOption[];
|
|
4818
|
+
/** Интерактивность отключена */
|
|
4819
|
+
disabled?: boolean;
|
|
4820
|
+
/** Иконка для отображения с левого края */
|
|
4821
|
+
icon?: JSX.Element | IconName$2;
|
|
4822
|
+
/** Пропсы для иконки с левого края */
|
|
4823
|
+
iconProps?: IconProps$1;
|
|
4824
|
+
/** Отбражать компонент на одной линии с другими */
|
|
4825
|
+
inline?: boolean;
|
|
4826
|
+
/** Тип браузерной виртуальной клавиатуры */
|
|
4827
|
+
inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
|
|
4828
|
+
/** Текст для лейбла текстового инпута */
|
|
4829
|
+
label?: React.ReactNode;
|
|
4830
|
+
/** Положение текста лейбла текстового инпута (по умолчанию dynamic) */
|
|
4831
|
+
labelPosition?: 'dynamic' | 'top' | 'center';
|
|
4832
|
+
/** Использовать состояние загрузки выпадающего меню */
|
|
4833
|
+
loading?: boolean;
|
|
4834
|
+
/** Текст для состояния загрузки выпадающего меню */
|
|
4835
|
+
loadingMessage?: JSX.Element | string;
|
|
4836
|
+
/** Иконка для состояния загрузки выпадающего меню (по умолчанию анимированный спиннер) */
|
|
4837
|
+
loadingIcon?: JSX.Element | IconName$2;
|
|
4838
|
+
/** Пропсы для иконки состояния загрузки выпадающего меню */
|
|
4839
|
+
loadingIconProps?: IconProps$1;
|
|
4840
|
+
/** Максимальная длина строки текстового ввода */
|
|
4841
|
+
maxLength?: number;
|
|
4842
|
+
/** Пропсы выпадающего меню для конфигурации размеров */
|
|
4843
|
+
menuProps?: Pick<MenuComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'maxHeight'>;
|
|
4844
|
+
/** Включить мод множественного выбора (по умолчанию false) */
|
|
4845
|
+
multiple?: boolean;
|
|
4846
|
+
/** Значение для атрибута name инпутов, которые хранят value выбранных опций */
|
|
4847
|
+
name?: string;
|
|
4848
|
+
/** Колбек, который будет вызван при закрытии выпадающего меню */
|
|
4849
|
+
onCloseMenu?: () => void;
|
|
4850
|
+
/** Колбек, который будет вызван при открытии выпадающего меню */
|
|
4851
|
+
onOpenMenu?: () => void;
|
|
4852
|
+
/** Колбек, который будет вызван при выборе опции.
|
|
4853
|
+
* Получает аргументом текущую выбранную опцию, опции или null */
|
|
4854
|
+
onSelectOption?: (selectedOptions: DropdownOption | null | DropdownOption[]) => void;
|
|
4855
|
+
/** Доступные для выбора опции */
|
|
4856
|
+
options: DropdownOption[];
|
|
4857
|
+
/** Отображать специальный контрол для массового выбора опций, если включен мод множественного выбора (по умолчанию true) */
|
|
4858
|
+
optionsMultiToggle?: boolean;
|
|
4859
|
+
/** Текст рядом с специальным контролом для массового выбора опций */
|
|
4860
|
+
optionsMultiToggleCaption?: JSX.Element | string;
|
|
4861
|
+
/** Текстовый статус для состояния выпадающего меню, при котором нет подходящих опций */
|
|
4862
|
+
optionsEmptyMessage?: JSX.Element | string;
|
|
4863
|
+
/** Иконка для пустого состояния выпадающего меню (по умолчанию redo) */
|
|
4864
|
+
optionsEmptyIcon?: JSX.Element | IconName$2;
|
|
4865
|
+
/** Пропсы для иконки пустого состояния выпадающего меню */
|
|
4866
|
+
optionsEmptyIconProps?: IconProps$1;
|
|
4867
|
+
/** Пользовательские цвета */
|
|
4868
|
+
palette?: {
|
|
4869
|
+
color?: Color$1;
|
|
4870
|
+
colorDisabled?: Color$1;
|
|
4871
|
+
placeholderColor?: Color$1;
|
|
4872
|
+
placeholderColorDisabled?: Color$1;
|
|
4873
|
+
labelColor?: Color$1;
|
|
4874
|
+
labelColorHover?: Color$1;
|
|
4875
|
+
labelColorDisabled?: Color$1;
|
|
4876
|
+
backgroundColor?: Color$1;
|
|
4877
|
+
backgroundColorHover?: Color$1;
|
|
4878
|
+
backgroundColorDisabled?: Color$1;
|
|
4879
|
+
menuBackgroundColor?: Color$1;
|
|
4880
|
+
borderColor?: Color$1;
|
|
4881
|
+
borderColorDisabled?: Color$1;
|
|
4882
|
+
menuBorderColor?: Color$1;
|
|
4883
|
+
};
|
|
4884
|
+
/** Подсказка в инпуте текстового ввода */
|
|
4885
|
+
placeholder?: string;
|
|
4886
|
+
/** Вариант цветовой схемы */
|
|
4887
|
+
primary?: boolean;
|
|
4888
|
+
/** Нельзя изменить текущее состояние, но можно взаимодействовать */
|
|
4889
|
+
readOnly?: boolean;
|
|
4890
|
+
/** Сделать выбор опции обязательным */
|
|
4891
|
+
required?: boolean;
|
|
4892
|
+
/** Вариант цветовой схемы */
|
|
4893
|
+
secondary?: boolean;
|
|
4894
|
+
/** Цветовая схема для валидации */
|
|
4895
|
+
status?: DropdownStatus;
|
|
4896
|
+
/** Идентификатор ассоциированной формы */
|
|
4897
|
+
form?: string;
|
|
4898
|
+
/** z-index для рутового элемента */
|
|
4899
|
+
zIndex?: number;
|
|
4900
|
+
}
|
|
4901
|
+
|
|
4902
|
+
/**
|
|
4903
|
+
*
|
|
4904
|
+
* Компонент поддерживает все атрибуты \<div\> элемента.
|
|
4905
|
+
*
|
|
4906
|
+
* Можно передать "ref", который будет ассоциирован с рутовым элементом.
|
|
4907
|
+
*
|
|
4908
|
+
* Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
|
|
4909
|
+
*
|
|
4910
|
+
* Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Dropdown/types.ts).
|
|
4911
|
+
*/
|
|
4912
|
+
declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps>;
|
|
4913
|
+
|
|
4914
|
+
export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, type BaseProps, type Breakpoint, Button, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, Chip, type Color, ColorNames, type ColorPaletteKey, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, Dropdown, FormLabel, type HEX, INITIAL_MASK, Icon, IconButton, Indicator, Input, ListItem, Menu, Modal, type Nullable, Paper, Popover, Progress, type RGB, type RGBA, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, type Size, type Sizes, Skeleton, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, Tooltip, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };
|