profinansy-ui-lib 4.1.49 → 4.1.51
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/dist/profinansy-ui-lib.cjs +228 -228
- package/dist/profinansy-ui-lib.cjs.map +1 -1
- package/dist/profinansy-ui-lib.es.js +161 -85
- package/dist/profinansy-ui-lib.es.js.map +1 -1
- package/dist/theme/Theme.stories.styled.d.ts +34 -0
- package/dist/theme/theme.const.d.ts +132 -52
- package/package.json +1 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Legend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const LegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
4
|
+
$variant: 'light' | 'dark';
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const CategorySection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
7
|
+
export declare const CategoryTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
8
|
+
export declare const ColorGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const SubgroupSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const SubgroupTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
11
|
+
export declare const SubgroupGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const ColorCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
13
|
+
$isDeprecated?: boolean;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const TokenName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
|
|
16
|
+
$isDeprecated?: boolean;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const TokenPath: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
19
|
+
export declare const DeprecatedLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
20
|
+
export declare const SwatchStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const SwatchLayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
22
|
+
$backdrop: string;
|
|
23
|
+
}>> & string;
|
|
24
|
+
export declare const Swatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
25
|
+
$color: string;
|
|
26
|
+
}>> & string;
|
|
27
|
+
export declare const SwatchMeta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
28
|
+
export declare const HexRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
29
|
+
$wrap?: boolean;
|
|
30
|
+
}>> & string;
|
|
31
|
+
export declare const HexLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
32
|
+
export declare const HexValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
33
|
+
$wrap?: boolean;
|
|
34
|
+
}>> & string;
|
|
@@ -5,60 +5,84 @@ export declare const palette: {
|
|
|
5
5
|
content: string;
|
|
6
6
|
secondary: string;
|
|
7
7
|
secondaryAlpha: string;
|
|
8
|
-
field: string;
|
|
9
|
-
fieldSecondary: string;
|
|
10
8
|
accent: string;
|
|
11
9
|
accentSecondaryTint: string;
|
|
12
10
|
positiveTint: string;
|
|
13
11
|
warningTint: string;
|
|
14
12
|
negativeTint: string;
|
|
13
|
+
/** @deprecated используй background.form.field */
|
|
14
|
+
field: string;
|
|
15
|
+
/** @deprecated используй background.form.fieldSecondary */
|
|
16
|
+
fieldSecondary: string;
|
|
17
|
+
/** @deprecated не используем */
|
|
15
18
|
info: string;
|
|
19
|
+
/** @deprecated используй background.modal.bottomActions */
|
|
16
20
|
bottomActions: string;
|
|
21
|
+
/** @deprecated используй background.modal.modalBottomActions */
|
|
17
22
|
modalBottomActions: string;
|
|
23
|
+
/** @deprecated используй background.modal.overlay */
|
|
18
24
|
overlay: string;
|
|
25
|
+
form: {
|
|
26
|
+
field: string;
|
|
27
|
+
fieldSecondary: string;
|
|
28
|
+
};
|
|
29
|
+
modal: {
|
|
30
|
+
bottomActions: string;
|
|
31
|
+
modalBottomActions: string;
|
|
32
|
+
overlay: string;
|
|
33
|
+
};
|
|
19
34
|
};
|
|
20
35
|
text: {
|
|
21
36
|
primary: string;
|
|
22
37
|
secondary: string;
|
|
23
38
|
tertiary: string;
|
|
24
|
-
fourth: string;
|
|
25
39
|
contrast: string;
|
|
26
40
|
contrastThemed: string;
|
|
41
|
+
primaryThemed: string;
|
|
27
42
|
accent: string;
|
|
28
43
|
accentSecondary: string;
|
|
29
44
|
positive: string;
|
|
30
45
|
warning: string;
|
|
31
46
|
negative: string;
|
|
32
|
-
info: string;
|
|
33
47
|
link: string;
|
|
48
|
+
/** @deprecated не используем */
|
|
49
|
+
fourth: string;
|
|
50
|
+
/** @deprecated не используем */
|
|
51
|
+
info: string;
|
|
34
52
|
};
|
|
35
53
|
icons: {
|
|
36
54
|
primary: string;
|
|
37
55
|
secondary: string;
|
|
38
56
|
tertiary: string;
|
|
39
|
-
fourth: string;
|
|
40
57
|
contrast: string;
|
|
41
58
|
contrastThemed: string;
|
|
42
|
-
|
|
59
|
+
primaryThemed: string;
|
|
43
60
|
accent: string;
|
|
44
61
|
accentSecondary: string;
|
|
45
62
|
positive: string;
|
|
46
63
|
warring: string;
|
|
47
64
|
negative: string;
|
|
48
|
-
info: string;
|
|
49
65
|
link: string;
|
|
66
|
+
/** @deprecated не используем */
|
|
67
|
+
fourth: string;
|
|
68
|
+
/** @deprecated не используем */
|
|
69
|
+
info: string;
|
|
70
|
+
/** @deprecated не используем */
|
|
71
|
+
contrastThemRev: string;
|
|
50
72
|
};
|
|
51
73
|
stroke: {
|
|
52
74
|
primary: string;
|
|
53
75
|
secondary: string;
|
|
54
76
|
tertiary: string;
|
|
55
77
|
contrast: string;
|
|
78
|
+
contrastThemed: string;
|
|
56
79
|
accent: string;
|
|
57
80
|
positive: string;
|
|
58
81
|
warning: string;
|
|
59
82
|
negative: string;
|
|
60
|
-
info: string;
|
|
61
83
|
tooltip: string;
|
|
84
|
+
/** @deprecated не используем */
|
|
85
|
+
info: string;
|
|
62
86
|
};
|
|
63
87
|
interactiveButtons: {
|
|
64
88
|
brandBackground: string;
|
|
@@ -136,6 +160,37 @@ export declare const palette: {
|
|
|
136
160
|
modal: string;
|
|
137
161
|
dragItem: string;
|
|
138
162
|
};
|
|
163
|
+
method: {
|
|
164
|
+
primary: string;
|
|
165
|
+
primaryHover: string;
|
|
166
|
+
secondary: string;
|
|
167
|
+
secondaryHover: string;
|
|
168
|
+
buttonBackground: string;
|
|
169
|
+
buttonBackgroundHover: string;
|
|
170
|
+
success: string;
|
|
171
|
+
critical: string;
|
|
172
|
+
primaryGradient: string;
|
|
173
|
+
secondaryGradient: string;
|
|
174
|
+
primaryActive: string;
|
|
175
|
+
};
|
|
176
|
+
nav: {
|
|
177
|
+
search: string;
|
|
178
|
+
chipsSearch: string;
|
|
179
|
+
divider: string;
|
|
180
|
+
tabs: string;
|
|
181
|
+
sideBarOpenActive: string;
|
|
182
|
+
};
|
|
183
|
+
footer: {
|
|
184
|
+
background: string;
|
|
185
|
+
banner: string;
|
|
186
|
+
subinfo: string;
|
|
187
|
+
socials: string;
|
|
188
|
+
divider: string;
|
|
189
|
+
subtitle: string;
|
|
190
|
+
subtitleHover: string;
|
|
191
|
+
iconHover: string;
|
|
192
|
+
columnDivider: string;
|
|
193
|
+
};
|
|
139
194
|
statesBackground: {
|
|
140
195
|
tabsHover: string;
|
|
141
196
|
tabsActive: string;
|
|
@@ -159,6 +214,7 @@ export declare const palette: {
|
|
|
159
214
|
top: string;
|
|
160
215
|
bottom: string;
|
|
161
216
|
};
|
|
217
|
+
/** @deprecated не используем — см. method */
|
|
162
218
|
club: {
|
|
163
219
|
primary: string;
|
|
164
220
|
primaryHover: string;
|
|
@@ -171,24 +227,6 @@ export declare const palette: {
|
|
|
171
227
|
primaryGradient: string;
|
|
172
228
|
secondaryGradient: string;
|
|
173
229
|
};
|
|
174
|
-
nav: {
|
|
175
|
-
search: string;
|
|
176
|
-
chipsSearch: string;
|
|
177
|
-
divider: string;
|
|
178
|
-
tabs: string;
|
|
179
|
-
sideBarOpenActive: string;
|
|
180
|
-
};
|
|
181
|
-
footer: {
|
|
182
|
-
background: string;
|
|
183
|
-
banner: string;
|
|
184
|
-
subinfo: string;
|
|
185
|
-
socials: string;
|
|
186
|
-
divider: string;
|
|
187
|
-
subtitle: string;
|
|
188
|
-
subtitleHover: string;
|
|
189
|
-
iconHover: string;
|
|
190
|
-
columnDivider: string;
|
|
191
|
-
};
|
|
192
230
|
};
|
|
193
231
|
dark: {
|
|
194
232
|
background: {
|
|
@@ -196,60 +234,84 @@ export declare const palette: {
|
|
|
196
234
|
content: string;
|
|
197
235
|
secondary: string;
|
|
198
236
|
secondaryAlpha: string;
|
|
199
|
-
field: string;
|
|
200
|
-
fieldSecondary: string;
|
|
201
237
|
accent: string;
|
|
202
238
|
accentSecondaryTint: string;
|
|
203
239
|
positiveTint: string;
|
|
204
240
|
warningTint: string;
|
|
205
241
|
negativeTint: string;
|
|
242
|
+
/** @deprecated используй background.form.field */
|
|
243
|
+
field: string;
|
|
244
|
+
/** @deprecated используй background.form.fieldSecondary */
|
|
245
|
+
fieldSecondary: string;
|
|
246
|
+
/** @deprecated не используем */
|
|
206
247
|
info: string;
|
|
248
|
+
/** @deprecated используй background.modal.bottomActions */
|
|
207
249
|
bottomActions: string;
|
|
250
|
+
/** @deprecated используй background.modal.modalBottomActions */
|
|
208
251
|
modalBottomActions: string;
|
|
252
|
+
/** @deprecated используй background.modal.overlay */
|
|
209
253
|
overlay: string;
|
|
254
|
+
form: {
|
|
255
|
+
field: string;
|
|
256
|
+
fieldSecondary: string;
|
|
257
|
+
};
|
|
258
|
+
modal: {
|
|
259
|
+
bottomActions: string;
|
|
260
|
+
modalBottomActions: string;
|
|
261
|
+
overlay: string;
|
|
262
|
+
};
|
|
210
263
|
};
|
|
211
264
|
text: {
|
|
212
265
|
primary: string;
|
|
213
266
|
secondary: string;
|
|
214
267
|
tertiary: string;
|
|
215
|
-
fourth: string;
|
|
216
268
|
contrast: string;
|
|
217
269
|
contrastThemed: string;
|
|
270
|
+
primaryThemed: string;
|
|
218
271
|
accent: string;
|
|
219
272
|
accentSecondary: string;
|
|
220
273
|
positive: string;
|
|
221
274
|
warning: string;
|
|
222
275
|
negative: string;
|
|
223
|
-
info: string;
|
|
224
276
|
link: string;
|
|
277
|
+
/** @deprecated не используем */
|
|
278
|
+
fourth: string;
|
|
279
|
+
/** @deprecated не используем */
|
|
280
|
+
info: string;
|
|
225
281
|
};
|
|
226
282
|
icons: {
|
|
227
283
|
primary: string;
|
|
228
284
|
secondary: string;
|
|
229
285
|
tertiary: string;
|
|
230
|
-
fourth: string;
|
|
231
286
|
contrast: string;
|
|
232
287
|
contrastThemed: string;
|
|
233
|
-
|
|
288
|
+
primaryThemed: string;
|
|
234
289
|
accent: string;
|
|
235
290
|
accentSecondary: string;
|
|
236
291
|
positive: string;
|
|
237
292
|
warring: string;
|
|
238
293
|
negative: string;
|
|
239
|
-
info: string;
|
|
240
294
|
link: string;
|
|
295
|
+
/** @deprecated не используем */
|
|
296
|
+
fourth: string;
|
|
297
|
+
/** @deprecated не используем */
|
|
298
|
+
info: string;
|
|
299
|
+
/** @deprecated не используем */
|
|
300
|
+
contrastThemRev: string;
|
|
241
301
|
};
|
|
242
302
|
stroke: {
|
|
243
303
|
primary: string;
|
|
244
304
|
secondary: string;
|
|
245
305
|
tertiary: string;
|
|
246
306
|
contrast: string;
|
|
307
|
+
contrastThemed: string;
|
|
247
308
|
accent: string;
|
|
248
309
|
positive: string;
|
|
249
310
|
warning: string;
|
|
250
311
|
negative: string;
|
|
251
|
-
info: string;
|
|
252
312
|
tooltip: string;
|
|
313
|
+
/** @deprecated не используем */
|
|
314
|
+
info: string;
|
|
253
315
|
};
|
|
254
316
|
interactiveButtons: {
|
|
255
317
|
brandBackground: string;
|
|
@@ -327,6 +389,37 @@ export declare const palette: {
|
|
|
327
389
|
modal: any;
|
|
328
390
|
dragItem: any;
|
|
329
391
|
};
|
|
392
|
+
method: {
|
|
393
|
+
primary: string;
|
|
394
|
+
primaryHover: string;
|
|
395
|
+
secondary: string;
|
|
396
|
+
secondaryHover: string;
|
|
397
|
+
buttonBackground: string;
|
|
398
|
+
buttonBackgroundHover: string;
|
|
399
|
+
success: string;
|
|
400
|
+
critical: string;
|
|
401
|
+
primaryGradient: string;
|
|
402
|
+
secondaryGradient: string;
|
|
403
|
+
primaryActive: string;
|
|
404
|
+
};
|
|
405
|
+
nav: {
|
|
406
|
+
search: string;
|
|
407
|
+
chipsSearch: string;
|
|
408
|
+
divider: string;
|
|
409
|
+
tabs: string;
|
|
410
|
+
sideBarOpenActive: string;
|
|
411
|
+
};
|
|
412
|
+
footer: {
|
|
413
|
+
background: string;
|
|
414
|
+
banner: string;
|
|
415
|
+
subinfo: string;
|
|
416
|
+
socials: string;
|
|
417
|
+
divider: string;
|
|
418
|
+
subtitle: string;
|
|
419
|
+
subtitleHover: string;
|
|
420
|
+
iconHover: string;
|
|
421
|
+
columnDivider: string;
|
|
422
|
+
};
|
|
330
423
|
statesBackground: {
|
|
331
424
|
tabsHover: string;
|
|
332
425
|
tabsActive: string;
|
|
@@ -350,6 +443,7 @@ export declare const palette: {
|
|
|
350
443
|
top: string;
|
|
351
444
|
bottom: string;
|
|
352
445
|
};
|
|
446
|
+
/** @deprecated не используем — см. method */
|
|
353
447
|
club: {
|
|
354
448
|
primary: string;
|
|
355
449
|
primaryHover: string;
|
|
@@ -362,26 +456,12 @@ export declare const palette: {
|
|
|
362
456
|
primaryGradient: string;
|
|
363
457
|
secondaryGradient: string;
|
|
364
458
|
};
|
|
365
|
-
nav: {
|
|
366
|
-
search: string;
|
|
367
|
-
chipsSearch: string;
|
|
368
|
-
divider: string;
|
|
369
|
-
tabs: string;
|
|
370
|
-
sideBarOpenActive: string;
|
|
371
|
-
};
|
|
372
|
-
footer: {
|
|
373
|
-
background: string;
|
|
374
|
-
banner: string;
|
|
375
|
-
subinfo: string;
|
|
376
|
-
socials: string;
|
|
377
|
-
divider: string;
|
|
378
|
-
subtitle: string;
|
|
379
|
-
subtitleHover: string;
|
|
380
|
-
iconHover: string;
|
|
381
|
-
columnDivider: string;
|
|
382
|
-
};
|
|
383
459
|
};
|
|
384
460
|
};
|
|
461
|
+
/** Токены палитры, которые больше не используются в новых компонентах */
|
|
462
|
+
export declare const deprecatedThemeColorTokens: Partial<Record<keyof (typeof palette)['light'], string[]>>;
|
|
463
|
+
/** Подсказка для deprecated-токенов в Storybook */
|
|
464
|
+
export declare const deprecatedThemeColorHints: Partial<Record<keyof (typeof palette)['light'], Record<string, string>>>;
|
|
385
465
|
/** Общие градиенты, не зависящие от темы */
|
|
386
466
|
export declare const gradients: {
|
|
387
467
|
/** Градиент IDV / Premium секции */
|