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