@skbkontur/react-ui 5.5.2 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/cjs/components/Calendar/MonthView.js +1 -2
  3. package/cjs/components/Calendar/MonthView.js.map +1 -1
  4. package/cjs/components/FileUploader/FileUploader.styles.js +4 -5
  5. package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
  6. package/cjs/components/Tabs/Tab.styles.js +3 -9
  7. package/cjs/components/Tabs/Tab.styles.js.map +1 -1
  8. package/cjs/internal/RenderContainer/RenderInnerContainer.d.ts +4 -0
  9. package/cjs/internal/RenderContainer/RenderInnerContainer.js +29 -2
  10. package/cjs/internal/RenderContainer/RenderInnerContainer.js.map +1 -1
  11. package/cjs/internal/ThemePlayground/Playground.styles.js +2 -1
  12. package/cjs/internal/ThemePlayground/Playground.styles.js.map +1 -1
  13. package/cjs/internal/ThemePlayground/ThemeContextPlayground.d.ts +1 -35
  14. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js +32 -5
  15. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map +1 -1
  16. package/cjs/internal/themes/DarkTheme5_5.js +3 -8
  17. package/cjs/internal/themes/DarkTheme5_5.js.map +1 -1
  18. package/cjs/internal/themes/DarkTheme5_6.d.ts +1 -0
  19. package/cjs/internal/themes/DarkTheme5_6.js +753 -0
  20. package/cjs/internal/themes/DarkTheme5_6.js.map +1 -0
  21. package/cjs/internal/themes/LightTheme5_6.d.ts +1 -0
  22. package/cjs/internal/themes/LightTheme5_6.js +753 -0
  23. package/cjs/internal/themes/LightTheme5_6.js.map +1 -0
  24. package/cjs/lib/theming/ThemeVersions.d.ts +1 -1
  25. package/cjs/lib/theming/ThemeVersions.js.map +1 -1
  26. package/cjs/lib/theming/themes/DarkTheme.d.ts +1 -0
  27. package/cjs/lib/theming/themes/DarkTheme.js +4 -2
  28. package/cjs/lib/theming/themes/DarkTheme.js.map +1 -1
  29. package/cjs/lib/theming/themes/LightTheme.d.ts +1 -0
  30. package/cjs/lib/theming/themes/LightTheme.js +4 -2
  31. package/cjs/lib/theming/themes/LightTheme.js.map +1 -1
  32. package/components/Calendar/MonthView/MonthView.js +1 -2
  33. package/components/Calendar/MonthView/MonthView.js.map +1 -1
  34. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +1 -2
  35. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
  36. package/components/Tabs/Tab.styles/Tab.styles.js +1 -2
  37. package/components/Tabs/Tab.styles/Tab.styles.js.map +1 -1
  38. package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js +35 -2
  39. package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js.map +1 -1
  40. package/internal/RenderContainer/RenderInnerContainer.d.ts +4 -0
  41. package/internal/ThemePlayground/Playground.styles/Playground.styles.js +1 -1
  42. package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map +1 -1
  43. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js +28 -9
  44. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map +1 -1
  45. package/internal/ThemePlayground/ThemeContextPlayground.d.ts +1 -35
  46. package/internal/themes/DarkTheme5_5/DarkTheme5_5.js +4 -7
  47. package/internal/themes/DarkTheme5_5/DarkTheme5_5.js.map +1 -1
  48. package/internal/themes/DarkTheme5_6/DarkTheme5_6.js +768 -0
  49. package/internal/themes/DarkTheme5_6/DarkTheme5_6.js.map +1 -0
  50. package/internal/themes/DarkTheme5_6/package.json +6 -0
  51. package/internal/themes/DarkTheme5_6.d.ts +1 -0
  52. package/internal/themes/LightTheme5_6/LightTheme5_6.js +768 -0
  53. package/internal/themes/LightTheme5_6/LightTheme5_6.js.map +1 -0
  54. package/internal/themes/LightTheme5_6/package.json +6 -0
  55. package/internal/themes/LightTheme5_6.d.ts +1 -0
  56. package/lib/theming/ThemeVersions/ThemeVersions.js.map +1 -1
  57. package/lib/theming/ThemeVersions.d.ts +1 -1
  58. package/lib/theming/themes/DarkTheme/DarkTheme.js +3 -1
  59. package/lib/theming/themes/DarkTheme/DarkTheme.js.map +1 -1
  60. package/lib/theming/themes/DarkTheme.d.ts +1 -0
  61. package/lib/theming/themes/LightTheme/LightTheme.js +3 -1
  62. package/lib/theming/themes/LightTheme/LightTheme.js.map +1 -1
  63. package/lib/theming/themes/LightTheme.d.ts +1 -0
  64. package/package.json +2 -1
@@ -0,0 +1,753 @@
1
+ "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.DarkTheme5_6 = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var colors = _interopRequireWildcard(require("@skbkontur/colors/default-dark"));
2
+
3
+ var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
4
+
5
+ var _BasicTheme = require("./BasicTheme");
6
+ var _DarkTheme5_2 = require("./DarkTheme5_5");var _DarkTheme5_;
7
+
8
+ var DarkTheme5_6 = exports.DarkTheme5_6 = (0, _ThemeHelpers.createTheme)({
9
+ themeClass: (_DarkTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {function DarkTheme5_6() {return _BasicThemeClassForEx.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(DarkTheme5_6, _BasicThemeClassForEx);return (0, _createClass2.default)(DarkTheme5_6, null, [{ key: "bgSecondary", get:
10
+
11
+
12
+
13
+
14
+
15
+ function get() {
16
+ return this.bgDefault;
17
+ } }, { key: "errorSecondary", get:
18
+
19
+
20
+ function get() {
21
+ return this.redXxLight;
22
+ } }, { key: "tokenColorHover", get:
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+
56
+ function get() {
57
+ return this.tokenColor;
58
+ } }, { key: "tokenInputBorderColor", get:
59
+
60
+
61
+ //#endregion Token
62
+ //#region TokenInput
63
+ function get() {
64
+ return this.inputBorderColor;
65
+ } }, { key: "tokenInputBorderColorHover", get:
66
+ function get() {
67
+ return this.inputBorderColorHover;
68
+ } }, { key: "tokenInputBorderColorFocus", get:
69
+ function get() {
70
+ return this.inputBorderColorFocus;
71
+ } }, { key: "tokenInputBorderColorError", get:
72
+ function get() {
73
+ return this.inputBorderColorError;
74
+ } }, { key: "tokenInputBorderColorWarning", get:
75
+ function get() {
76
+ return this.inputBorderColorWarning;
77
+ } }, { key: "tokenInputBorderTopColor", get:
78
+ function get() {
79
+ return this.inputBorderTopColor;
80
+ } }, { key: "tokenInputPlaceholderColor", get:
81
+ function get() {
82
+ return this.inputPlaceholderColor;
83
+ } }, { key: "tokenInputPlaceholderColorLight", get:
84
+ function get() {
85
+ return this.inputPlaceholderColorLight;
86
+ } }, { key: "tokenInputDisabledBg", get:
87
+ function get() {
88
+ return this.inputDisabledBg;
89
+ } }, { key: "tokenInputDisabledBorderColor", get:
90
+ function get() {
91
+ return this.inputDisabledBorderColor;
92
+ } }, { key: "tokenInputBorderWidth", get:
93
+ function get() {
94
+ return this.inputBorderWidth;
95
+ } }, { key: "tokenInputOutlineWidth", get:
96
+ function get() {
97
+ return this.inputOutlineWidth;
98
+ } }, { key: "tokenInputBg", get:
99
+ function get() {
100
+ return this.inputBg;
101
+ } }, { key: "tokenInputShadow", get:
102
+
103
+ function get() {
104
+ return this.inputShadow;
105
+ } }, { key: "tokenInputTextColor", get:
106
+ function get() {
107
+ return this.inputTextColor;
108
+ } }, { key: "tokenInputTextColorDisabled", get:
109
+ function get() {
110
+ return this.textColorDisabledContrast;
111
+ } }, { key: "tokenInputPlaceholderColorDisabled", get:
112
+ function get() {
113
+ return this.textColorDisabledContrast;
114
+ }
115
+ //#endregion TokenInput
116
+ //#region Loader
117
+ }, { key: "btnSuccessBorderColor", get:
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+ function get() {
132
+ return this.btnSuccessBg;
133
+ } }, { key: "btnSuccessHoverBorderColor", get:
134
+
135
+ function get() {
136
+ return this.btnSuccessHoverBg;
137
+ } }, { key: "btnSuccessActiveBorderColor", get:
138
+
139
+
140
+
141
+ function get() {
142
+ return this.btnSuccessActiveBg;
143
+ } }, { key: "btnPrimaryBorderColor", get:
144
+
145
+
146
+
147
+
148
+ function get() {
149
+ return this.btnPrimaryBg;
150
+ } }, { key: "btnPrimaryHoverBorderColor", get:
151
+ function get() {
152
+ return this.btnPrimaryHoverBg;
153
+ } }, { key: "btnPrimaryActiveBorderColor", get:
154
+ function get() {
155
+ return this.btnPrimaryActiveBg;
156
+ } }, { key: "btnDangerHoverBorderColor", get:
157
+
158
+
159
+
160
+ function get() {
161
+ return this.btnDangerHoverBg;
162
+ } }, { key: "btnDangerActiveBorderColor", get:
163
+
164
+
165
+ function get() {
166
+ return this.btnDangerActiveBg;
167
+ } }, { key: "btnPayBorderColor", get:
168
+
169
+ function get() {
170
+ return this.btnPayBg;
171
+ } }, { key: "btnPayHoverBorderColor", get:
172
+
173
+ function get() {
174
+ return this.btnPayHoverBg;
175
+ } }, { key: "btnPayActiveBorderColor", get:
176
+
177
+
178
+ function get() {
179
+ return this.btnPayActiveBg;
180
+ } }, { key: "btnDisabledTextColor", get:
181
+
182
+
183
+
184
+
185
+
186
+
187
+
188
+ function get() {
189
+ return this.textColorDisabled;
190
+ } }, { key: "btnBacklessActiveBorderColor", get:
191
+
192
+
193
+
194
+ function get() {
195
+ return this.btnBacklessBorderColor;
196
+ } }, { key: "btnBacklessBorderColor", get:
197
+ function get() {
198
+ return this.btnDefaultBorderColor;
199
+ } }, { key: "btnBacklessDisabledBorderColor", get:
200
+ function get() {
201
+ return this.btnDisabledBorderColor;
202
+ } }, { key: "btnBacklessHoverBorderColor", get:
203
+ function get() {
204
+ return this.btnBacklessBorderColor;
205
+ } }, { key: "btnBacklessTextColor", get:
206
+
207
+ function get() {
208
+ return this.btnDefaultTextColor;
209
+ } }, { key: "selectDefaultBg", get:
210
+
211
+
212
+ //#endregion Button
213
+ //#region Select
214
+ function get() {
215
+ return this.inputBg;
216
+ } }, { key: "selectPlaceholderColorDisabled", get:
217
+
218
+
219
+
220
+ function get() {
221
+ return this.textColorDisabled;
222
+ } }, { key: "selectMenuArrowColorDisabled", get:
223
+ function get() {
224
+ return this.textColorDisabled;
225
+ } }, { key: "selectBgDisabled", get:
226
+ function get() {
227
+ return this.inputDisabledBg;
228
+ } }, { key: "selectBorderColorDisabled", get:
229
+ function get() {
230
+ return this.btnDisabledBorderColor;
231
+ } }, { key: "selectBorderColorHover", get:
232
+ function get() {
233
+ return this.btnDefaultHoverBorderColor;
234
+ }
235
+ //#endregion Select
236
+ //#region Tooltip
237
+ }, { key: "modalFixedHeaderBg", get:
238
+
239
+
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+
250
+
251
+
252
+
253
+
254
+ function get() {
255
+ return this.modalBg;
256
+ } }, { key: "modalFooterBg", get:
257
+ function get() {
258
+ return this.modalBg;
259
+ } }, { key: "modalHeaderTextColor", get:
260
+ function get() {
261
+ return this.textColorDefault;
262
+ } }, { key: "sidePageFooterPanelBg", get:
263
+
264
+ //#endregion
265
+ //#region SidePage
266
+ function get() {
267
+ return this.sidePageBgDefault;
268
+ } }, { key: "sidePageHeaderTextColor", get:
269
+
270
+
271
+
272
+
273
+
274
+ function get() {
275
+ return this.textColorDefault;
276
+ }
277
+ //#endregion SidePage
278
+ //#region DateInput
279
+ }, { key: "calendarBottomSeparatorBorder", get:
280
+
281
+
282
+
283
+ function get() {
284
+ return this.calendarBottomSeparatorBorderWidth + " solid " + this.calendarBottomSeparatorBorderColor;
285
+ } }, { key: "calendarMonthHeaderStickedBgColor", get:
286
+
287
+
288
+
289
+
290
+
291
+
292
+
293
+
294
+ function get() {
295
+ return this.calendarBg;
296
+ } }, { key: "datePickerOpenBtnColor", get:
297
+
298
+
299
+ //#endregion Calendar
300
+ //#region DatePicker
301
+ function get() {
302
+ return this.textColorDefault;
303
+ }
304
+ //#endregion DatePicker
305
+ //#region DateRangePicker
306
+ }, { key: "dateSelectMenuBg", get:
307
+
308
+
309
+
310
+ //#endregion
311
+ //#region DateSelect
312
+ function get() {
313
+ return this.bgSecondary;
314
+ } }, { key: "dateSelectMenuItemBgDisabled", get:
315
+ function get() {
316
+ return this.bgSecondary;
317
+ } }, { key: "dateSelectMenuItemFontSelected", get:
318
+
319
+ function get() {
320
+ return this.textColorDefault;
321
+ } }, { key: "dateSelectMenuItemFontDisabled", get:
322
+ function get() {
323
+ return this.textColorDisabled;
324
+ } }, { key: "dateSelectTextColorDisabled", get:
325
+ function get() {
326
+ return this.textColorDisabled;
327
+ } }, { key: "dateSelectTextColorDefault", get:
328
+ function get() {
329
+ return this.textColorDefault;
330
+ } }, { key: "dateSelectLinkColor", get:
331
+ function get() {
332
+ return this.linkColor;
333
+ } }, { key: "dateSelectPopupBoxShadow", get:
334
+ function get() {
335
+ return this.popupBoxShadow;
336
+ } }, { key: "mobileHintColor", get:
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+
348
+ function get() {
349
+ return this.hintColor;
350
+ } }, { key: "dropdownMenuHoverBorderColor", get:
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
361
+
362
+
363
+
364
+
365
+
366
+
367
+
368
+
369
+
370
+ //#endregion Toast
371
+ //#region Dropdown
372
+ function get() {
373
+ return this.btnDefaultHoverBorderColor;
374
+ } }, { key: "dropdownDefaultBg", get:
375
+ function get() {
376
+ return this.btnDefaultBg;
377
+ } }, { key: "dropdownBgDisabled", get:
378
+ function get() {
379
+ return this.btnDisabledBg;
380
+ } }, { key: "dropdownBorderColorDisabled", get:
381
+ function get() {
382
+ return this.btnDisabledBorderColor;
383
+ } }, { key: "dropdownTextColorDisabled", get:
384
+ function get() {
385
+ return this.btnDisabledTextColor;
386
+ }
387
+ //#endregion Dropdown
388
+ //#region Menu
389
+ }, { key: "menuItemHoverColor", get:
390
+
391
+
392
+ function get() {
393
+ return this.menuItemTextColor;
394
+ } }, { key: "menuItemLinkColor", get:
395
+ function get() {
396
+ return this.linkColor;
397
+ } }, { key: "menuItemCommentColorHover", get:
398
+
399
+
400
+ function get() {
401
+ return this.menuItemTextColor;
402
+ } }, { key: "menuItemDisabledColor", get:
403
+ function get() {
404
+ return this.textColorDisabled;
405
+ }
406
+ // menuMessage
407
+ }, { key: "menuMessageTextColor", get: function get() {
408
+ return this.menuItemDisabledColor;
409
+ } }, { key: "menuMessageBg", get:
410
+ function get() {
411
+ return this.menuItemDisabledBg;
412
+ }
413
+ //menuHeader
414
+ }, { key: "menuFooterColor", get:
415
+ //menuFooter
416
+ function get() {
417
+ return this.menuHeaderColor;
418
+ }
419
+ //menuSeparator
420
+ }, { key: "toggleTextColor", get:
421
+ //#endregion Menu
422
+ //#region Toggle
423
+ function get() {
424
+ return this.textColorDefault;
425
+ } }, { key: "toggleBorderColorDisabled", get:
426
+
427
+
428
+
429
+ function get() {
430
+ return this.toggleBorderColor;
431
+ } }, { key: "toggleContainerBgHover", get:
432
+
433
+
434
+
435
+
436
+
437
+
438
+
439
+
440
+
441
+
442
+
443
+ function get() {
444
+ return this.toggleBgHover;
445
+ }
446
+ // checked
447
+ }, { key: "toggleContainerBgChecked", get:
448
+
449
+
450
+
451
+ function get() {
452
+ return this.toggleBgChecked;
453
+ }
454
+ // checked :hover
455
+ }, { key: "toggleBgDisabled", get:
456
+
457
+
458
+
459
+
460
+
461
+
462
+
463
+
464
+
465
+ function get() {
466
+ return this.bgDisabled;
467
+ }
468
+ // disabled checked
469
+ }, { key: "toggleBorderColorDisabledChecked", get:
470
+
471
+
472
+
473
+ function get() {
474
+ return this.toggleBorderColor;
475
+ }
476
+ //#endregion Toggle
477
+ //#region Popup
478
+ }, { key: "popupTextColor", get: function get() {
479
+ return this.textColorDefault;
480
+ } }, { key: "inputDisabledBg", get:
481
+
482
+
483
+
484
+
485
+
486
+ function get() {
487
+ return this.bgDisabled;
488
+ } }, { key: "inputBorderTopColor", get:
489
+
490
+
491
+ function get() {
492
+ return this.inputBorderColor;
493
+ } }, { key: "inputPlaceholderColor", get:
494
+ function get() {
495
+ return this.placeholderColor;
496
+ } }, { key: "inputPlaceholderColorLight", get:
497
+ function get() {
498
+ return this.placeholderColorLight;
499
+ } }, { key: "checkboxTextColorDefault", get:
500
+
501
+ //#endregion Input
502
+ //#region Checkbox
503
+ function get() {
504
+ return this.textColorDefault;
505
+ } }, { key: "checkboxShadowDisabled", get:
506
+
507
+ function get() {
508
+ return "0 0 0 " + this.checkboxBorderWidth + " " + colors.lineNeutralFaint;
509
+ } }, { key: "checkboxShadow", get:
510
+
511
+ function get() {
512
+ return "0 0 0 " + this.checkboxBorderWidth + " " + colors.lineNeutralPale;
513
+ } }, { key: "checkboxShadowHover", get:
514
+ function get() {
515
+ return "0 0 0 " + this.checkboxBorderWidth + " " + colors.lineNeutralPaleHover;
516
+ } }, { key: "checkboxBorderColorWarning", get:
517
+
518
+ function get() {
519
+ return this.borderColorWarning;
520
+ } }, { key: "checkboxBorderColorError", get:
521
+ function get() {
522
+ return this.borderColorError;
523
+ } }, { key: "checkboxCheckedHoverShadow", get:
524
+ function get() {
525
+ return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedHoverBg;
526
+ } }, { key: "checkboxCheckedShadow", get:
527
+ function get() {
528
+ return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedBg;
529
+ } }, { key: "checkboxCheckedActiveShadow", get:
530
+ function get() {
531
+ return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedActiveBg;
532
+ } }, { key: "checkboxBorderColorFocus", get:
533
+ function get() {
534
+ return this.borderColorFocus;
535
+ } }, { key: "checkboxShadowActive", get:
536
+
537
+
538
+
539
+
540
+
541
+
542
+
543
+ function get() {
544
+ return "0 0 0 " + this.checkboxBorderWidth + " " + colors.lineNeutralPalePressed;
545
+ }
546
+ //#endregion Checkbox
547
+ //#region TextArea
548
+ }, { key: "textareaColor", get:
549
+ function get() {
550
+ return this.textColorDefault;
551
+ } }, { key: "textareaTextColorDisabled", get:
552
+ function get() {
553
+ return this.textColorDisabled;
554
+ } }, { key: "textareaPlaceholderColorLight", get:
555
+ function get() {
556
+ return this.placeholderColorLight;
557
+ } }, { key: "textareaPlaceholderColor", get:
558
+ function get() {
559
+ return this.placeholderColor;
560
+ } }, { key: "textareaPlaceholderColorDisabled", get:
561
+ function get() {
562
+ return this.textColorDisabled;
563
+ } }, { key: "textareaBorderColorFocus", get:
564
+
565
+
566
+ function get() {
567
+ return this.borderColorFocus;
568
+ } }, { key: "textareaBorderColorHover", get:
569
+ function get() {
570
+ return this.inputBorderColorHover;
571
+ } }, { key: "textareaBorderColorWarning", get:
572
+ function get() {
573
+ return this.borderColorWarning;
574
+ } }, { key: "textareaBorderColorError", get:
575
+ function get() {
576
+ return this.borderColorError;
577
+ } }, { key: "textareaDisabledBg", get:
578
+ function get() {
579
+ return this.inputDisabledBg;
580
+ } }, { key: "textareaDisabledBorderColor", get:
581
+ function get() {
582
+ return this.borderColorDisabled;
583
+ } }, { key: "textareaCounterErrorColor", get:
584
+
585
+
586
+ function get() {
587
+ return this.errorText;
588
+ } }, { key: "radioHoverBg", get:
589
+
590
+
591
+
592
+
593
+ function get() {
594
+ return this.checkboxHoverBg;
595
+ } }, { key: "radioActiveBg", get:
596
+ function get() {
597
+ return this.checkboxActiveBg;
598
+ } }, { key: "radioBorderColor", get:
599
+ function get() {
600
+ return colors.lineNeutralPale;
601
+ } }, { key: "radioBorder", get:
602
+
603
+ function get() {
604
+ return this.radioBorderWidth + " solid " + this.radioBorderColor;
605
+ } }, { key: "radioBorderColorFocus", get:
606
+ function get() {
607
+ return this.borderColorFocus;
608
+ } }, { key: "radioBorderColorWarning", get:
609
+ function get() {
610
+ return this.borderColorWarning;
611
+ } }, { key: "radioBorderColorError", get:
612
+ function get() {
613
+ return this.borderColorError;
614
+ } }, { key: "radioCheckedBgColor", get:
615
+
616
+
617
+ function get() {
618
+ return this.checkboxCheckedBg;
619
+ } }, { key: "radioCheckedBulletColor", get:
620
+
621
+ function get() {
622
+ return this.checkboxCheckedColor;
623
+ } }, { key: "radioCheckedHoverBgColor", get:
624
+ function get() {
625
+ return this.checkboxCheckedHoverBg;
626
+ } }, { key: "radioDisabledBg", get:
627
+ function get() {
628
+ return this.checkboxBgDisabled;
629
+ } }, { key: "radioDisabledShadow", get:
630
+ function get() {
631
+ return "0 0 0 " + this.radioBorderWidth + " " + colors.lineNeutralFaint;
632
+ } }, { key: "radioCheckedDisabledBulletBg", get:
633
+ function get() {
634
+ return this.checkboxTextColorDisabled;
635
+ }
636
+ //#endregion
637
+ //#region Tabs
638
+ }, { key: "tabTextColorDefault", get: function get() {
639
+ return this.textColorDefault;
640
+ } }, { key: "tabColorFocus", get:
641
+ function get() {
642
+ return this.borderColorFocus;
643
+ } }, { key: "tabColorPrimary", get:
644
+ function get() {
645
+ return this.btnPrimaryBg;
646
+ } }, { key: "switcherTextColor", get:
647
+
648
+
649
+
650
+
651
+
652
+
653
+
654
+
655
+
656
+ //#endregion
657
+ //#region Switcher
658
+ function get() {
659
+ return this.textColorDefault;
660
+ } }, { key: "switcherOutlineWidth", get:
661
+ function get() {
662
+ return this.btnOutlineWidth;
663
+ } }, { key: "switcherButtonDisabledBorderColor", get:
664
+
665
+ function get() {
666
+ return this.switcherBtnDisabledBorderColor;
667
+ } }, { key: "switcherButtonCheckedDisabledShadow", get:
668
+ function get() {
669
+ return this.btnCheckedDisabledShadow;
670
+ }
671
+ //#endregion
672
+ //#region ScrollContainer
673
+ }, { key: "fileUploaderTextColorDefault", get:
674
+
675
+
676
+
677
+
678
+
679
+
680
+
681
+
682
+
683
+
684
+
685
+
686
+
687
+
688
+ function get() {
689
+ return this.textColorDefault;
690
+ } }, { key: "fileUploaderDisabledBorder", get:
691
+
692
+ function get() {
693
+ return this.fileUploaderBorderWidth + " " + this.fileUploaderBorderStyle + " " + this.fileUploaderDisabledBorderColor;
694
+ } }, { key: "fileUploaderBorderColorFocus", get:
695
+ function get() {
696
+ return this.borderColorFocus;
697
+ } }, { key: "fileUploaderLinkColor", get:
698
+
699
+
700
+
701
+
702
+
703
+
704
+ function get() {
705
+ return this.textColorDefault;
706
+ } }, { key: "fileUploaderBorderColorError", get:
707
+
708
+
709
+
710
+ function get() {
711
+ return this.borderColorError;
712
+ } }, { key: "fileUploaderBorderColorWarning", get:
713
+ function get() {
714
+ return this.borderColorWarning;
715
+ } }, { key: "fileUploaderDisabledBg", get:
716
+ function get() {
717
+ return this.btnDisabledBg;
718
+ } }, { key: "fileUploaderDisabledTextColor", get:
719
+
720
+ function get() {
721
+ return this.textColorDisabled;
722
+ } }, { key: "fileUploaderDisabledLinkColor", get:
723
+ function get() {
724
+ return this.textColorDisabled;
725
+ } }, { key: "fileUploaderDisabledIconColor", get:
726
+ function get() {
727
+ return this.textColorDisabled;
728
+ } }, { key: "fileUploaderDragOverBorderColor", get:
729
+
730
+
731
+ function get() {
732
+ return this.borderColorFocus;
733
+ }
734
+ //#endregion FileUploader
735
+ //#region ClearCrossIcon
736
+ }, { key: "validationsTextColorError", get:
737
+
738
+
739
+
740
+
741
+
742
+
743
+ //#endregion CloseIcon
744
+ //#region react-ui-validations
745
+ function get() {
746
+ return this.errorText;
747
+ }
748
+
749
+ //#endregion
750
+ }]);}(_BasicTheme.BasicThemeClassForExtension), _DarkTheme5_.bgDefault = colors.surfaceHigh, _DarkTheme5_.brand = colors.shapeBoldBrandOriginal, _DarkTheme5_.bgDisabled = colors.shapeOtherDisabled, _DarkTheme5_.errorText = colors.textErrorHeavy, _DarkTheme5_.borderColorDisabled = colors.lineNeutralFaint, _DarkTheme5_.placeholderColor = colors.textNeutralFaint, _DarkTheme5_.outlineColorFocus = colors.surfaceBase, _DarkTheme5_.placeholderColorLight = "color-mix(in srgb, " + colors.textNeutralFaint + ", transparent 40%)", _DarkTheme5_.textColorDefault = colors.textNeutralHeavy, _DarkTheme5_.textColorDisabled = colors.textNeutralFaint, _DarkTheme5_.borderColorFocus = colors.lineAccentBold, _DarkTheme5_.borderColorError = colors.lineErrorBold, _DarkTheme5_.borderColorWarning = colors.lineWarningBold, _DarkTheme5_.linkColor = colors.textAccentHeavy, _DarkTheme5_.linkHoverColor = colors.textAccentHeavyHover, _DarkTheme5_.linkActiveColor = colors.textAccentHeavyPressed, _DarkTheme5_.linkSuccessColor = colors.textSuccessHeavy, _DarkTheme5_.linkSuccessHoverColor = colors.textSuccessHeavyHover, _DarkTheme5_.linkSuccessActiveColor = colors.textSuccessHeavyPressed, _DarkTheme5_.linkDangerColor = colors.textErrorHeavy, _DarkTheme5_.linkDangerHoverColor = colors.textErrorHeavyHover, _DarkTheme5_.linkDangerActiveColor = colors.textErrorHeavyPressed, _DarkTheme5_.linkDisabledColor = colors.textNeutralFaint, _DarkTheme5_.linkGrayedColor = colors.textNeutralSoft, _DarkTheme5_.linkGrayedHoverColor = colors.textNeutralHeavy, _DarkTheme5_.linkGrayedActiveColor = colors.textNeutralHeavy, _DarkTheme5_.linkFocusOutlineColor = colors.lineAccentBold, _DarkTheme5_.tokenDisabledBg = colors.shapeOtherDisabled, _DarkTheme5_.tokenBg = colors.shapeFaintNeutralAlpha, _DarkTheme5_.tokenColor = colors.textNeutralHeavy, _DarkTheme5_.tokenBorderColor = colors.lineNeutralPale, _DarkTheme5_.tokenBgHover = colors.shapeFaintNeutralAlphaHover, _DarkTheme5_.tokenBgActive = colors.shapeBoldAccent, _DarkTheme5_.tokenColorActive = colors.textOnAccentBoldHeavy, _DarkTheme5_.tokenInputMenuPopupBg = 'transparent', _DarkTheme5_.loaderBg = colors.shapeInvertedNeutralHeavy, _DarkTheme5_.btnDisabledBorderColor = colors.lineNeutralFaint, _DarkTheme5_.btnCheckedBg = colors.shapeBoldAccent, _DarkTheme5_.btnCheckedDisabledBg = colors.shapeOtherAccentBoldDisabled, _DarkTheme5_.btnCheckedDisabledColor = colors.textInvertedNeutralSoft, _DarkTheme5_.btnCheckedTextColor = colors.textOnAccentBoldHeavy, _DarkTheme5_.btnDefaultBg = colors.shapeOtherBase, _DarkTheme5_.btnDefaultHoverBg = colors.shapeOtherBaseHover, _DarkTheme5_.btnDefaultActiveBg = colors.shapeOtherBasePressed, _DarkTheme5_.btnDefaultHoverTextColor = colors.textNeutralHeavy, _DarkTheme5_.btnDefaultBorderColor = colors.lineNeutralPale, _DarkTheme5_.btnSuccessBg = colors.shapeBoldSuccess, _DarkTheme5_.btnSuccessHoverBg = colors.shapeBoldSuccessHover, _DarkTheme5_.btnSuccessHoverTextColor = colors.textConstHeavyWhite, _DarkTheme5_.btnSuccessTextColor = colors.textConstHeavyWhite, _DarkTheme5_.btnSuccessActiveBg = colors.shapeBoldSuccessPressed, _DarkTheme5_.btnPrimaryBg = colors.shapeBoldAccent, _DarkTheme5_.btnPrimaryHoverBg = colors.shapeBoldAccentHover, _DarkTheme5_.btnPrimaryActiveBg = colors.shapeBoldAccentPressed, _DarkTheme5_.btnPrimaryHoverTextColor = '', _DarkTheme5_.btnPrimaryTextColor = colors.textOnAccentBoldHeavy, _DarkTheme5_.btnDangerBg = colors.shapeBoldError, _DarkTheme5_.btnDangerHoverBg = colors.shapeBoldErrorHover, _DarkTheme5_.btnDangerTextColor = colors.textConstHeavyWhite, _DarkTheme5_.btnDangerActiveBg = colors.shapeBoldErrorPressed, _DarkTheme5_.btnPayBg = colors.shapeBoldWarning, _DarkTheme5_.btnPayHoverBg = colors.shapeBoldWarningHover, _DarkTheme5_.btnPayTextColor = colors.textConstHeavyBlack, _DarkTheme5_.btnPayActiveBg = colors.shapeBoldWarningPressed, _DarkTheme5_.btnMenuArrowColor = colors.textNeutralSoft, _DarkTheme5_.btnDisabledBg = colors.shapeOtherDisabled, _DarkTheme5_.btnBorderColorWarning = colors.lineWarningBold, _DarkTheme5_.btnBorderColorError = colors.lineErrorBold, _DarkTheme5_.btnErrorSecondary = colors.shapeFaintError, _DarkTheme5_.btnWarningSecondary = colors.shapeFaintWarning, _DarkTheme5_.btnInsetColor = colors.surfaceBase, _DarkTheme5_.btnBacklessBg = 'transparent', _DarkTheme5_.btnBacklessHoverBg = colors.shapeOtherBacklessHover, _DarkTheme5_.btnBacklessActiveBg = colors.shapeOtherBacklessPressed, _DarkTheme5_.btnBacklessHoverTextColor = '', _DarkTheme5_.btnTextHoverBg = colors.shapeOtherBacklessHover, _DarkTheme5_.btnTextActiveBg = colors.shapeOtherBacklessPressed, _DarkTheme5_.selectHoverBg = colors.shapeOtherFieldHover, _DarkTheme5_.selectActiveBg = colors.shapeOtherFieldPressed, _DarkTheme5_.selectPlaceholderColor = _DarkTheme5_.placeholderColor, _DarkTheme5_.tooltipCloseBtnColor = colors.textNeutralPale, _DarkTheme5_.tooltipCloseBtnHoverColor = colors.textNeutralHeavy, _DarkTheme5_.tooltipTextColor = colors.textNeutralHeavy, _DarkTheme5_.tooltipBg = colors.surfaceHigh, _DarkTheme5_.kebabBackgroundHover = colors.shapeOtherBacklessHover, _DarkTheme5_.kebabBackgroundActive = colors.shapeOtherBacklessPressed, _DarkTheme5_.kebabIconColor = colors.textNeutralSoft, _DarkTheme5_.modalBackBg = colors.surfaceModalBackdrop, _DarkTheme5_.modalBg = colors.surfaceHigh, _DarkTheme5_.modalBackOpacity = '1', _DarkTheme5_.modalCloseButtonColor = colors.textNeutralPale, _DarkTheme5_.modalCloseButtonDisabledColor = colors.textNeutralFaint, _DarkTheme5_.modalCloseButtonHoverColor = colors.textNeutralHeavy, _DarkTheme5_.modalSeparatorBorderBottom = "1px solid " + colors.lineNeutralFaint, _DarkTheme5_.sidePageBackingBg = colors.surfaceModalBackdrop, _DarkTheme5_.sidePageBackingBgOpacity = '1', _DarkTheme5_.sidePageCloseButtonColor = colors.textNeutralPale, _DarkTheme5_.sidePageCloseButtonHoverColor = colors.textNeutralHeavy, _DarkTheme5_.sidePageBgDefault = colors.surfaceHigh, _DarkTheme5_.dateInputMaskColor = colors.textNeutralFaint, _DarkTheme5_.calendarBottomSeparatorBorderColor = colors.lineNeutralFaint, _DarkTheme5_.calendarBg = colors.surfaceHigh, _DarkTheme5_.calendarCellBg = 'transparent', _DarkTheme5_.calendarCellHoverColor = '', _DarkTheme5_.calendarCellActiveHoverColor = '', _DarkTheme5_.calendarCellWeekendColor = colors.customizableHeavyRed, _DarkTheme5_.calendarCellTodayBorder = '1px solid', _DarkTheme5_.calendarCellSelectedBgColor = colors.shapeBoldAccent, _DarkTheme5_.calendarCellSelectedFontColor = colors.textOnAccentBoldHeavy, _DarkTheme5_.calendarMonthTitleBorderBottomColor = colors.lineNeutralFaint, _DarkTheme5_.calendarCellHoverBgColor = colors.shapeOtherBacklessHover, _DarkTheme5_.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha, _DarkTheme5_.rangeCalendarCellEndBg = colors.shapeBoldAccent, _DarkTheme5_.rangeCalendarCellEndColor = colors.textOnAccentBoldHeavy, _DarkTheme5_.rangeCalendarCellHoverBg = colors.shapeOtherBacklessHover, _DarkTheme5_.dateSelectMenuItemFontActive = '', _DarkTheme5_.dateSelectTextColorInvert = '', _DarkTheme5_.pagingPageLinkActiveBg = colors.shapeOtherBacklessPressed, _DarkTheme5_.pagingPageLinkDisabledActiveBg = colors.shapeOtherDisabled, _DarkTheme5_.pagingPageLinkHoverBg = colors.shapeOtherBacklessHover, _DarkTheme5_.pagingDotsColor = colors.textNeutralFaint, _DarkTheme5_.pagingPageLinkHintColor = colors.textNeutralSoft, _DarkTheme5_.hintColor = colors.textInvertedNeutralHeavy, _DarkTheme5_.hintBgColor = colors.shapeHeavyNeutral, _DarkTheme5_.toastBg = colors.shapeHeavyNeutral, _DarkTheme5_.toastErrorBg = colors.shapeBoldError, _DarkTheme5_.toastColor = colors.textInvertedNeutralHeavy, _DarkTheme5_.toastLinkColor = colors.textInvertedNeutralHeavy, _DarkTheme5_.toastLinkTextDecorationHover = '', _DarkTheme5_.toastLinkBgHover = colors.shapeInvertedBacklessHover, _DarkTheme5_.toastLinkBgActive = colors.shapeInvertedBacklessPressed, _DarkTheme5_.toastCloseColor = colors.textInvertedNeutralSoft, _DarkTheme5_.toastCloseHoverColor = colors.textInvertedNeutralHeavy, _DarkTheme5_.toastColorError = colors.textConstHeavyWhite, _DarkTheme5_.toastLinkColorError = colors.textConstHeavyWhite, _DarkTheme5_.toastLinkBgHoverError = colors.shapeConstBacklessWhiteHover, _DarkTheme5_.toastLinkBgActiveError = colors.shapeConstBacklessWhiteHover, _DarkTheme5_.toastLinkColorActiveError = colors.textConstHeavyWhite, _DarkTheme5_.toastCloseColorError = colors.textConstSoftWhite, _DarkTheme5_.toastCloseHoverColorError = colors.textConstHeavyWhite, _DarkTheme5_.menuBgDefault = colors.surfaceHigh, _DarkTheme5_.menuItemSelectedBg = colors.shapeOtherBacklessPressed, _DarkTheme5_.menuItemHoverBg = colors.shapeOtherBacklessHover, _DarkTheme5_.menuItemCommentColor = colors.textNeutralSoft, _DarkTheme5_.menuItemCommentOpacity = '1', _DarkTheme5_.menuHeaderColor = colors.textNeutralSoft, _DarkTheme5_.menuSeparatorBorderColor = colors.lineNeutralFaint, _DarkTheme5_.toggleBaseBg = 'transparent', _DarkTheme5_.toggleBgHover = colors.shapeOtherFieldHover, _DarkTheme5_.toggleBorderColor = colors.lineNeutralPale, _DarkTheme5_.toggleShadowColorError = colors.lineErrorBold, _DarkTheme5_.toggleShadowColorWarning = colors.lineWarningBold, _DarkTheme5_.toggleFocusShadowColor = colors.lineAccentBold, _DarkTheme5_.toggleContainerBg = colors.shapeOtherField, _DarkTheme5_.toggleHandleBg = colors.shapeOtherBase, _DarkTheme5_.toggleHandleBoxShadow = "0 0 0 1px " + colors.lineNeutralPale, _DarkTheme5_.toggleContainerBoxShadow = "inset 0 0 0 1px " + colors.lineNeutralPale, _DarkTheme5_.toggleContainerBoxShadowHover = "inset 0 0 0 1px " + colors.lineNeutralPaleHover, _DarkTheme5_.toggleHandleBgHover = colors.shapeOtherBase, _DarkTheme5_.toggleHandleBoxShadowHover = "0 0 0 1px " + colors.lineNeutralPale, _DarkTheme5_.toggleContainerBoxShadowChecked = 'none', _DarkTheme5_.toggleHandleBoxShadowChecked = 'none', _DarkTheme5_.toggleHandleBgChecked = colors.shapeInvertedNeutralHeavy, _DarkTheme5_.toggleBgChecked = colors.shapeBoldAccent, _DarkTheme5_.toggleContainerBoxShadowCheckedHover = 'none', _DarkTheme5_.toggleContainerBgCheckedHover = colors.shapeBoldAccentHover, _DarkTheme5_.toggleHandleBoxShadowCheckedHover = 'none', _DarkTheme5_.toggleHandleBgCheckedHover = colors.shapeInvertedNeutralHeavyHover, _DarkTheme5_.toggleContainerBgDisabled = colors.shapeOtherDisabled, _DarkTheme5_.toggleHandleBgDisabled = 'transparent', _DarkTheme5_.toggleContainerBoxShadowDisabled = "inset 0 0 0 1px " + colors.lineNeutralFaint, _DarkTheme5_.toggleHandleBoxShadowDisabled = "0 0 0 1px " + colors.lineNeutralFaint, _DarkTheme5_.toggleDisabledHandleBg = 'transparent', _DarkTheme5_.toggleContainerBgDisabledChecked = colors.shapeOtherAccentBoldDisabled, _DarkTheme5_.toggleHandleBgDisabledChecked = colors.shapeInvertedNeutralHeavy, _DarkTheme5_.toggleContainerBoxShadowDisabledChecked = 'none', _DarkTheme5_.toggleHandleBoxShadowDisabledChecked = 'none', _DarkTheme5_.popupBackground = colors.surfaceHigh, _DarkTheme5_.inputBg = colors.shapeOtherField, _DarkTheme5_.inputIconColor = colors.textNeutralSoft, _DarkTheme5_.inputBorderColor = colors.lineNeutralPale, _DarkTheme5_.inputBorderColorHover = colors.lineNeutralPaleHover, _DarkTheme5_.inputBlinkColor = colors.shapeFaintNeutralAlpha, _DarkTheme5_.checkboxTextColorDisabled = colors.textNeutralFaint, _DarkTheme5_.checkboxBorder = 'none', _DarkTheme5_.checkboxCheckedColor = colors.shapeInvertedNeutralHeavy, _DarkTheme5_.checkboxBg = colors.shapeOtherField, _DarkTheme5_.checkboxHoverBg = colors.shapeOtherFieldHover, _DarkTheme5_.checkboxActiveBg = colors.shapeOtherFieldPressed, _DarkTheme5_.checkboxCheckedBg = colors.shapeBoldAccent, _DarkTheme5_.checkboxBgDisabled = colors.shapeOtherDisabled, _DarkTheme5_.checkboxCheckedHoverBg = colors.shapeBoldAccentHover, _DarkTheme5_.checkboxCheckedActiveBg = colors.shapeBoldAccentPressed, _DarkTheme5_.textareaBg = colors.shapeOtherField, _DarkTheme5_.textareaShadow = 'none', _DarkTheme5_.textareaBorderColor = colors.lineNeutralPale, _DarkTheme5_.textareaCounterColor = colors.textNeutralSoft, _DarkTheme5_.textareaCounterBg = 'transparent', _DarkTheme5_.textareaCounterHelpIconColor = colors.textNeutralHeavy, _DarkTheme5_.radioBgColor = colors.shapeOtherField, _DarkTheme5_.radioBoxShadow = 'none', _DarkTheme5_.radioHoverShadow = 'none', _DarkTheme5_.radioActiveShadow = 'none', _DarkTheme5_.radioCheckedBorderColor = 'transparent', _DarkTheme5_.tabColorHover = colors.lineNeutralPale, _DarkTheme5_.tabColorHoverPrimary = colors.lineAccentPale, _DarkTheme5_.tabColorHoverSuccess = colors.shapeBoldSuccessHover, _DarkTheme5_.tabColorHoverWarning = colors.shapeBoldWarningHover, _DarkTheme5_.tabColorHoverError = colors.shapeBoldErrorHover, _DarkTheme5_.spinnerColor = colors.customizableBoldRed, _DarkTheme5_.spinnerDimmedColor = colors.customizableBoldGray, _DarkTheme5_.spinnerCaptionColor = colors.textNeutralSoft, _DarkTheme5_.switcherBtnDisabledBorderColor = colors.lineNeutralPale, _DarkTheme5_.scrollContainerScrollBarColor = colors.shapeSoftNeutralAlpha, _DarkTheme5_.scrollContainerScrollBarInvertColor = colors.shapeInvertedNeutralSoftAlpha, _DarkTheme5_.passwordInputVisibilityIconColor = colors.textNeutralHeavy, _DarkTheme5_.passwordInputVisibilityIconOpacity = '0.64', _DarkTheme5_.passwordInputVisibilityIconHoverColor = colors.textNeutralHeavy, _DarkTheme5_.passwordInputVisibilityIconHoverOpacity = '1', _DarkTheme5_.globalLoaderColor = colors.shapeBoldBrandOriginal, _DarkTheme5_.fileUploaderBg = '', _DarkTheme5_.fileUploaderUploadButtonBg = 'transparent', _DarkTheme5_.fileUploaderBorderColor = colors.lineNeutralPale, _DarkTheme5_.fileUploaderErrorBgColor = colors.shapeFaintError, _DarkTheme5_.fileUploaderErrorBgHoverColor = colors.shapeFaintErrorHover, _DarkTheme5_.fileUploaderWarningBgColor = colors.shapeFaintWarning, _DarkTheme5_.fileUploaderWarningBgHoverColor = colors.shapeFaintWarningHover, _DarkTheme5_.fileUploaderWarningTextColor = colors.textWarningHeavy, _DarkTheme5_.fileUploaderDisabledColor = colors.textNeutralFaint, _DarkTheme5_.fileUploaderAfterLinkColor = colors.textNeutralSoft, _DarkTheme5_.fileUploaderIconColor = colors.textNeutralPale, _DarkTheme5_.fileUploaderIconHoverColor = colors.textNeutralHeavy, _DarkTheme5_.fileUploaderDisabledBorderColor = colors.lineNeutralFaint, _DarkTheme5_.fileUploaderHoveredBg = colors.shapeOtherBacklessHover, _DarkTheme5_.fileUploaderHoveredBorderColor = 'transparent', _DarkTheme5_.clearCrossIconColor = colors.textNeutralSoft, _DarkTheme5_.clearCrossIconHoverColor = colors.textNeutralHeavy, _DarkTheme5_.closeBtnIconColor = colors.textNeutralPale, _DarkTheme5_.closeBtnIconDisabledColor = colors.textNeutralFaint, _DarkTheme5_.closeBtnIconHoverColor = colors.textNeutralHeavy, _DarkTheme5_.validationsTextColorWarning = colors.textWarningHeavy, _DarkTheme5_),
751
+ prototypeTheme: _DarkTheme5_2.DarkTheme5_5,
752
+ themeMarkers: [(0, _ThemeHelpers.markThemeVersion)('5.6')]
753
+ });