@cloud-app-dev/vidc 2.2.0-alpha.8 → 2.3.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.
@@ -1,5 +1,5 @@
1
1
  div .cloudapp-btn {
2
- border-radius: var(--form-redius);
2
+ border-radius: var(--redius1);
3
3
  }
4
4
  div .cloudapp-btn:hover,
5
5
  div .cloudapp-btn:focus {
@@ -52,9 +52,9 @@ div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
52
52
  background-color: var(--primary);
53
53
  }
54
54
  div .cloudapp-checkbox-inner {
55
- border-radius: var(--form-redius);
56
- background-color: var(--form-bg);
57
- border-color: var(--bd-color);
55
+ border-radius: var(--redius1);
56
+ background-color: var(--gray1);
57
+ border-color: var(--gray3);
58
58
  }
59
59
  div .cloudapp-checkbox-wrapper {
60
60
  color: inherit;
@@ -64,7 +64,7 @@ div .cloudapp-checkbox-disabled + span {
64
64
  opacity: 0.8;
65
65
  }
66
66
  div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
67
- border-color: var(--bd-color);
67
+ border-color: var(--gray3);
68
68
  }
69
69
  div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
70
70
  div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
@@ -75,7 +75,7 @@ div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
75
75
  background-color: var(--primary);
76
76
  }
77
77
  div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
78
- background-color: var(--form-bg);
78
+ background-color: var(--gray1);
79
79
  opacity: 0.8;
80
80
  }
81
81
  div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
@@ -83,8 +83,8 @@ div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
83
83
  border-color: var(--bd-color) !important;
84
84
  }
85
85
  div .cloudapp-tree-checkbox-inner {
86
- border-color: var(--bd-color);
87
- border-radius: var(--form-redius);
86
+ border-color: var(--gray3);
87
+ border-radius: var(--redius1);
88
88
  }
89
89
  div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
90
90
  div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
@@ -97,7 +97,7 @@ div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
97
97
  }
98
98
  div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
99
99
  background-color: var(--bg-lv1);
100
- border-color: var(--bd-color);
100
+ border-color: var(--gray3);
101
101
  }
102
102
  div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
103
103
  background-color: var(--primary);
@@ -120,9 +120,9 @@ div .cloudapp-form-item {
120
120
  }
121
121
  div .cloudapp-input {
122
122
  color: inherit;
123
- border-radius: var(--form-redius);
124
- border-color: var(--bd-color);
125
- background-color: var(--form-bg);
123
+ border-radius: var(--redius1);
124
+ border-color: var(--gray3);
125
+ background-color: var(--gray1);
126
126
  }
127
127
  div .cloudapp-input:hover {
128
128
  border-color: var(--primary);
@@ -132,10 +132,10 @@ div .cloudapp-input-focused {
132
132
  border-color: var(--primary);
133
133
  }
134
134
  div .cloudapp-input-affix-wrapper {
135
- background-color: var(--form-bg);
135
+ background-color: var(--gray1);
136
136
  color: inherit;
137
- border-radius: var(--form-redius);
138
- border-color: var(--bd-color);
137
+ border-radius: var(--redius1);
138
+ border-color: var(--gray3);
139
139
  }
140
140
  div .cloudapp-input-affix-wrapper:hover {
141
141
  border-color: var(--primary);
@@ -145,16 +145,16 @@ div .cloudapp-input-affix-wrapper-focused {
145
145
  border-color: var(--primary);
146
146
  }
147
147
  div .cloudapp-input[disabled] {
148
- background-color: var(--form-bg);
148
+ background-color: var(--gray1);
149
149
  color: inherit;
150
- border-color: var(--bd-color);
150
+ border-color: var(--gray3);
151
151
  opacity: 0.7;
152
152
  }
153
153
  div .cloudapp-input-number {
154
154
  color: inherit;
155
- border-radius: var(--form-redius);
156
- border-color: var(--bd-color);
157
- background-color: var(--form-bg);
155
+ border-radius: var(--redius1);
156
+ border-color: var(--gray3);
157
+ background-color: var(--gray1);
158
158
  }
159
159
  div .cloudapp-input-number:hover {
160
160
  border-color: var(--primary);
@@ -165,12 +165,12 @@ div .cloudapp-input-number-focused {
165
165
  }
166
166
  div .cloudapp-input-number-handler-wrap {
167
167
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
168
- background-color: var(--form-bg);
168
+ background-color: var(--gray1);
169
169
  color: inherit;
170
170
  }
171
171
  div .cloudapp-input-number-handler {
172
172
  color: inherit;
173
- border-top-color: var(--bd-color);
173
+ border-top-color: var(--gray3);
174
174
  }
175
175
  div .cloudapp-input-number-handler-up-inner,
176
176
  div .cloudapp-input-number-handler-down-inner {
@@ -183,15 +183,15 @@ div .cloudapp-pagination-prev,
183
183
  div .cloudapp-pagination-next,
184
184
  div .cloudapp-pagination-jump-prev,
185
185
  div .cloudapp-pagination-jump-next {
186
- border-radius: var(--form-redius);
186
+ border-radius: var(--redius1);
187
187
  line-height: 28px;
188
188
  }
189
189
  div .cloudapp-pagination-prev .cloudapp-pagination-item-link,
190
190
  div .cloudapp-pagination-next .cloudapp-pagination-item-link {
191
- border-radius: var(--form-redius);
191
+ border-radius: var(--redius1);
192
192
  }
193
193
  div .cloudapp-pagination-item {
194
- border-radius: var(--form-redius);
194
+ border-radius: var(--redius1);
195
195
  }
196
196
  div .cloudapp-pagination-item-active {
197
197
  border-color: var(--primary);
@@ -217,12 +217,12 @@ div .cloudapp-pagination-next:hover .cloudapp-pagination-item-link {
217
217
  div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
218
218
  div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link,
219
219
  div .cloudapp-pagination-disabled:focus .cloudapp-pagination-item-link {
220
- border-color: var(--disabled);
221
- color: var(--disabled);
220
+ border-color: var(--gray8);
221
+ color: var(--gray8);
222
222
  }
223
223
  div .cloudapp-picker {
224
- background-color: var(--form-bg);
225
- border-radius: var(--form-radius);
224
+ background-color: var(--gray1);
225
+ border-radius: var(--radius1);
226
226
  color: inherit;
227
227
  }
228
228
  div .cloudapp-picker:hover,
@@ -233,25 +233,25 @@ div .cloudapp-picker-suffix {
233
233
  color: inherit;
234
234
  }
235
235
  div .cloudapp-picker-panel {
236
- background-color: var(--form-bg);
237
- border-color: var(--form-divider-color);
236
+ background-color: var(--gray1);
237
+ border-color: var(--gray3);
238
238
  }
239
239
  div .cloudapp-picker-panel .cloudapp-picker-footer {
240
- border-color: var(--form-divider-color);
240
+ border-color: var(--gray3);
241
241
  }
242
242
  div .cloudapp-picker-header {
243
- border-bottom-color: var(--form-divider-color);
243
+ border-bottom-color: var(--gray3);
244
244
  color: inherit;
245
245
  }
246
246
  div .cloudapp-picker-header button {
247
247
  color: inherit;
248
248
  }
249
249
  div .cloudapp-picker-panel-container {
250
- background-color: var(--form-bg);
250
+ background-color: var(--gray1);
251
251
  }
252
252
  div .cloudapp-picker-dropdown {
253
253
  color: inherit;
254
- border-radius: var(--form-radius);
254
+ border-radius: var(--radius1);
255
255
  }
256
256
  div .cloudapp-picker-cell {
257
257
  color: inherit;
@@ -268,10 +268,10 @@ div .cloudapp-picker-today-btn {
268
268
  color: var(--primary);
269
269
  }
270
270
  div .cloudapp-picker-cell .cloudapp-picker-cell-inner {
271
- border-radius: var(--form-radius);
271
+ border-radius: var(--radius1);
272
272
  }
273
273
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-today .cloudapp-picker-cell-inner::before {
274
- border-radius: var(--form-radius);
274
+ border-radius: var(--radius1);
275
275
  }
276
276
  div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-in-view) .cloudapp-picker-cell-inner,
277
277
  div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-selected):not(.cloudapp-picker-cell-range-start):not(.cloudapp-picker-cell-range-end):not(.cloudapp-picker-cell-range-hover-start):not(.cloudapp-picker-cell-range-hover-end) .cloudapp-picker-cell-inner {
@@ -281,7 +281,7 @@ div .cloudapp-picker-input > input {
281
281
  color: inherit;
282
282
  }
283
283
  div .cloudapp-picker-range-arrow::after {
284
- border-color: var(--form-bg);
284
+ border-color: var(--gray1);
285
285
  }
286
286
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-selected .cloudapp-picker-cell-inner,
287
287
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start .cloudapp-picker-cell-inner,
@@ -307,7 +307,7 @@ div .cloudapp-picker-range .cloudapp-picker-active-bar {
307
307
  background-color: var(--primary);
308
308
  }
309
309
  div .cloudapp-popover-inner {
310
- border-radius: var(--form-redius);
310
+ border-radius: var(--redius1);
311
311
  }
312
312
  div .cloudapp-radio-button-wrapper {
313
313
  outline: unset;
@@ -325,10 +325,10 @@ div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-di
325
325
  border-color: var(--primary);
326
326
  }
327
327
  div .cloudapp-radio-disabled .cloudapp-radio-inner::after {
328
- background-color: var(--bd-color);
328
+ background-color: var(--gray3);
329
329
  }
330
330
  div .cloudapp-radio-disabled .cloudapp-radio-inner {
331
- background-color: var(--form-bg);
331
+ background-color: var(--gray1);
332
332
  opacity: 0.8;
333
333
  }
334
334
  div .cloudapp-radio-button-wrapper:hover {
@@ -338,7 +338,7 @@ div .cloudapp-radio-checked .cloudapp-radio-inner {
338
338
  border-color: var(--primary);
339
339
  }
340
340
  div .cloudapp-radio-inner {
341
- background-color: var(--form-bg);
341
+ background-color: var(--gray1);
342
342
  }
343
343
  div .cloudapp-radio-inner::after {
344
344
  background-color: var(--primary);
@@ -378,41 +378,41 @@ div .cloudapp-radio-button-wrapper:last-child {
378
378
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
379
379
  }
380
380
  div .cloudapp-radio-button-wrapper:first-child {
381
- border-radius: var(--form-redius) 0 0 var(--form-redius);
381
+ border-radius: var(--form-redius) 0 0 var(--redius1);
382
382
  }
383
383
  ::-webkit-scrollbar {
384
384
  width: 8px;
385
385
  height: 8px;
386
386
  }
387
387
  ::-webkit-scrollbar-track {
388
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
388
+ -webkit-box-shadow: var(--scrollbar-track-shadow);
389
389
  border-radius: 8px;
390
390
  }
391
391
  ::-webkit-scrollbar-thumb {
392
392
  border-radius: 8px;
393
393
  background: #ddd;
394
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
394
+ -webkit-box-shadow: var(--scrollbar-thumb-shadow);
395
395
  }
396
396
  ::-webkit-scrollbar-thumb:hover {
397
- background: #888;
397
+ background: var(--scrollbar-thumb-hover-bg);
398
398
  }
399
399
  ::-webkit-scrollbar-thumb:active {
400
400
  background: #999;
401
401
  }
402
402
  div .cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
403
- border-radius: var(--form-redius);
404
- border-color: var(--bd-color);
405
- background-color: var(--form-bg);
403
+ border-radius: var(--redius1);
404
+ border-color: var(--gray3);
405
+ background-color: var(--gray1);
406
406
  }
407
407
  div .cloudapp-select-multiple .cloudapp-select-selector {
408
- border-radius: var(--form-redius);
409
- border-color: var(--bd-color);
410
- background-color: var(--form-bg);
408
+ border-radius: var(--redius1);
409
+ border-color: var(--gray3);
410
+ background-color: var(--gray1);
411
411
  }
412
412
  div .cloudapp-select-multiple .cloudapp-select-selection-item {
413
- border-radius: var(--form-redius);
414
- border-color: var(--bd-color);
415
- background-color: var(--form-bg);
413
+ border-radius: var(--redius1);
414
+ border-color: var(--gray3);
415
+ background-color: var(--gray1);
416
416
  }
417
417
  div .cloudapp-select:not(.cloudapp-select-disabled):hover .cloudapp-select-selector {
418
418
  border-color: var(--primary);
@@ -437,7 +437,7 @@ div .cloudapp-select-arrow {
437
437
  color: inherit;
438
438
  }
439
439
  div .cloudapp-select-dropdown {
440
- background-color: var(--form-bg);
440
+ background-color: var(--gray1);
441
441
  color: inherit;
442
442
  }
443
443
  div .cloudapp-select-item {
@@ -451,7 +451,7 @@ div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disab
451
451
  }
452
452
  div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) {
453
453
  color: var(--primary);
454
- background-color: var(--form-bg-light);
454
+ background-color: var(--gray8);
455
455
  }
456
456
  div .cloudapp-select-focused:not(.cloudapp-select-disabled).cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
457
457
  border-color: var(--primary);
@@ -485,7 +485,7 @@ div tr.cloudapp-table-expanded-row:hover > td {
485
485
  background-color: var(--table-row-hover-color);
486
486
  }
487
487
  div .cloudapp-table-row-expand-icon {
488
- border-radius: var(--form-redius);
488
+ border-radius: var(--redius1);
489
489
  color: var(--primary);
490
490
  }
491
491
  div .cloudapp-table-row-expand-icon:focus,
@@ -1,5 +1,5 @@
1
1
  div .cloudapp-btn {
2
- border-radius: var(--form-redius);
2
+ border-radius: var(--redius1);
3
3
  }
4
4
  div .cloudapp-btn:hover,
5
5
  div .cloudapp-btn:focus {
@@ -6,9 +6,9 @@ div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
6
6
  background-color: var(--primary);
7
7
  }
8
8
  div .cloudapp-checkbox-inner {
9
- border-radius: var(--form-redius);
10
- background-color: var(--form-bg);
11
- border-color: var(--bd-color);
9
+ border-radius: var(--redius1);
10
+ background-color: var(--gray1);
11
+ border-color: var(--gray3);
12
12
  }
13
13
  div .cloudapp-checkbox-wrapper {
14
14
  color: inherit;
@@ -18,7 +18,7 @@ div .cloudapp-checkbox-disabled + span {
18
18
  opacity: 0.8;
19
19
  }
20
20
  div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
21
- border-color: var(--bd-color);
21
+ border-color: var(--gray3);
22
22
  }
23
23
  div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
24
24
  div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
@@ -29,7 +29,7 @@ div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
29
29
  background-color: var(--primary);
30
30
  }
31
31
  div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
32
- background-color: var(--form-bg);
32
+ background-color: var(--gray1);
33
33
  opacity: 0.8;
34
34
  }
35
35
  div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
@@ -37,8 +37,8 @@ div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
37
37
  border-color: var(--bd-color) !important;
38
38
  }
39
39
  div .cloudapp-tree-checkbox-inner {
40
- border-color: var(--bd-color);
41
- border-radius: var(--form-redius);
40
+ border-color: var(--gray3);
41
+ border-radius: var(--redius1);
42
42
  }
43
43
  div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
44
44
  div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
@@ -51,7 +51,7 @@ div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
51
51
  }
52
52
  div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
53
53
  background-color: var(--bg-lv1);
54
- border-color: var(--bd-color);
54
+ border-color: var(--gray3);
55
55
  }
56
56
  div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
57
57
  background-color: var(--primary);
@@ -1,8 +1,8 @@
1
1
  div .cloudapp-input {
2
2
  color: inherit;
3
- border-radius: var(--form-redius);
4
- border-color: var(--bd-color);
5
- background-color: var(--form-bg);
3
+ border-radius: var(--redius1);
4
+ border-color: var(--gray3);
5
+ background-color: var(--gray1);
6
6
  }
7
7
  div .cloudapp-input:hover {
8
8
  border-color: var(--primary);
@@ -12,10 +12,10 @@ div .cloudapp-input-focused {
12
12
  border-color: var(--primary);
13
13
  }
14
14
  div .cloudapp-input-affix-wrapper {
15
- background-color: var(--form-bg);
15
+ background-color: var(--gray1);
16
16
  color: inherit;
17
- border-radius: var(--form-redius);
18
- border-color: var(--bd-color);
17
+ border-radius: var(--redius1);
18
+ border-color: var(--gray3);
19
19
  }
20
20
  div .cloudapp-input-affix-wrapper:hover {
21
21
  border-color: var(--primary);
@@ -25,16 +25,16 @@ div .cloudapp-input-affix-wrapper-focused {
25
25
  border-color: var(--primary);
26
26
  }
27
27
  div .cloudapp-input[disabled] {
28
- background-color: var(--form-bg);
28
+ background-color: var(--gray1);
29
29
  color: inherit;
30
- border-color: var(--bd-color);
30
+ border-color: var(--gray3);
31
31
  opacity: 0.7;
32
32
  }
33
33
  div .cloudapp-input-number {
34
34
  color: inherit;
35
- border-radius: var(--form-redius);
36
- border-color: var(--bd-color);
37
- background-color: var(--form-bg);
35
+ border-radius: var(--redius1);
36
+ border-color: var(--gray3);
37
+ background-color: var(--gray1);
38
38
  }
39
39
  div .cloudapp-input-number:hover {
40
40
  border-color: var(--primary);
@@ -45,12 +45,12 @@ div .cloudapp-input-number-focused {
45
45
  }
46
46
  div .cloudapp-input-number-handler-wrap {
47
47
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
48
- background-color: var(--form-bg);
48
+ background-color: var(--gray1);
49
49
  color: inherit;
50
50
  }
51
51
  div .cloudapp-input-number-handler {
52
52
  color: inherit;
53
- border-top-color: var(--bd-color);
53
+ border-top-color: var(--gray3);
54
54
  }
55
55
  div .cloudapp-input-number-handler-up-inner,
56
56
  div .cloudapp-input-number-handler-down-inner {
@@ -5,15 +5,15 @@ div .cloudapp-pagination-prev,
5
5
  div .cloudapp-pagination-next,
6
6
  div .cloudapp-pagination-jump-prev,
7
7
  div .cloudapp-pagination-jump-next {
8
- border-radius: var(--form-redius);
8
+ border-radius: var(--redius1);
9
9
  line-height: 28px;
10
10
  }
11
11
  div .cloudapp-pagination-prev .cloudapp-pagination-item-link,
12
12
  div .cloudapp-pagination-next .cloudapp-pagination-item-link {
13
- border-radius: var(--form-redius);
13
+ border-radius: var(--redius1);
14
14
  }
15
15
  div .cloudapp-pagination-item {
16
- border-radius: var(--form-redius);
16
+ border-radius: var(--redius1);
17
17
  }
18
18
  div .cloudapp-pagination-item-active {
19
19
  border-color: var(--primary);
@@ -39,6 +39,6 @@ div .cloudapp-pagination-next:hover .cloudapp-pagination-item-link {
39
39
  div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
40
40
  div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link,
41
41
  div .cloudapp-pagination-disabled:focus .cloudapp-pagination-item-link {
42
- border-color: var(--disabled);
43
- color: var(--disabled);
42
+ border-color: var(--gray8);
43
+ color: var(--gray8);
44
44
  }
@@ -1,6 +1,6 @@
1
1
  div .cloudapp-picker {
2
- background-color: var(--form-bg);
3
- border-radius: var(--form-radius);
2
+ background-color: var(--gray1);
3
+ border-radius: var(--radius1);
4
4
  color: inherit;
5
5
  }
6
6
  div .cloudapp-picker:hover,
@@ -11,25 +11,25 @@ div .cloudapp-picker-suffix {
11
11
  color: inherit;
12
12
  }
13
13
  div .cloudapp-picker-panel {
14
- background-color: var(--form-bg);
15
- border-color: var(--form-divider-color);
14
+ background-color: var(--gray1);
15
+ border-color: var(--gray3);
16
16
  }
17
17
  div .cloudapp-picker-panel .cloudapp-picker-footer {
18
- border-color: var(--form-divider-color);
18
+ border-color: var(--gray3);
19
19
  }
20
20
  div .cloudapp-picker-header {
21
- border-bottom-color: var(--form-divider-color);
21
+ border-bottom-color: var(--gray3);
22
22
  color: inherit;
23
23
  }
24
24
  div .cloudapp-picker-header button {
25
25
  color: inherit;
26
26
  }
27
27
  div .cloudapp-picker-panel-container {
28
- background-color: var(--form-bg);
28
+ background-color: var(--gray1);
29
29
  }
30
30
  div .cloudapp-picker-dropdown {
31
31
  color: inherit;
32
- border-radius: var(--form-radius);
32
+ border-radius: var(--radius1);
33
33
  }
34
34
  div .cloudapp-picker-cell {
35
35
  color: inherit;
@@ -46,10 +46,10 @@ div .cloudapp-picker-today-btn {
46
46
  color: var(--primary);
47
47
  }
48
48
  div .cloudapp-picker-cell .cloudapp-picker-cell-inner {
49
- border-radius: var(--form-radius);
49
+ border-radius: var(--radius1);
50
50
  }
51
51
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-today .cloudapp-picker-cell-inner::before {
52
- border-radius: var(--form-radius);
52
+ border-radius: var(--radius1);
53
53
  }
54
54
  div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-in-view) .cloudapp-picker-cell-inner,
55
55
  div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-selected):not(.cloudapp-picker-cell-range-start):not(.cloudapp-picker-cell-range-end):not(.cloudapp-picker-cell-range-hover-start):not(.cloudapp-picker-cell-range-hover-end) .cloudapp-picker-cell-inner {
@@ -59,7 +59,7 @@ div .cloudapp-picker-input > input {
59
59
  color: inherit;
60
60
  }
61
61
  div .cloudapp-picker-range-arrow::after {
62
- border-color: var(--form-bg);
62
+ border-color: var(--gray1);
63
63
  }
64
64
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-selected .cloudapp-picker-cell-inner,
65
65
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start .cloudapp-picker-cell-inner,
@@ -1,3 +1,3 @@
1
1
  div .cloudapp-popover-inner {
2
- border-radius: var(--form-redius);
2
+ border-radius: var(--redius1);
3
3
  }
@@ -14,10 +14,10 @@ div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-di
14
14
  border-color: var(--primary);
15
15
  }
16
16
  div .cloudapp-radio-disabled .cloudapp-radio-inner::after {
17
- background-color: var(--bd-color);
17
+ background-color: var(--gray3);
18
18
  }
19
19
  div .cloudapp-radio-disabled .cloudapp-radio-inner {
20
- background-color: var(--form-bg);
20
+ background-color: var(--gray1);
21
21
  opacity: 0.8;
22
22
  }
23
23
  div .cloudapp-radio-button-wrapper:hover {
@@ -27,7 +27,7 @@ div .cloudapp-radio-checked .cloudapp-radio-inner {
27
27
  border-color: var(--primary);
28
28
  }
29
29
  div .cloudapp-radio-inner {
30
- background-color: var(--form-bg);
30
+ background-color: var(--gray1);
31
31
  }
32
32
  div .cloudapp-radio-inner::after {
33
33
  background-color: var(--primary);
@@ -67,5 +67,5 @@ div .cloudapp-radio-button-wrapper:last-child {
67
67
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
68
68
  }
69
69
  div .cloudapp-radio-button-wrapper:first-child {
70
- border-radius: var(--form-redius) 0 0 var(--form-redius);
70
+ border-radius: var(--form-redius) 0 0 var(--redius1);
71
71
  }
@@ -3,16 +3,16 @@
3
3
  height: 8px;
4
4
  }
5
5
  ::-webkit-scrollbar-track {
6
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
6
+ -webkit-box-shadow: var(--scrollbar-track-shadow);
7
7
  border-radius: 8px;
8
8
  }
9
9
  ::-webkit-scrollbar-thumb {
10
10
  border-radius: 8px;
11
11
  background: #ddd;
12
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
12
+ -webkit-box-shadow: var(--scrollbar-thumb-shadow);
13
13
  }
14
14
  ::-webkit-scrollbar-thumb:hover {
15
- background: #888;
15
+ background: var(--scrollbar-thumb-hover-bg);
16
16
  }
17
17
  ::-webkit-scrollbar-thumb:active {
18
18
  background: #999;
@@ -1,17 +1,17 @@
1
1
  div .cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
2
- border-radius: var(--form-redius);
3
- border-color: var(--bd-color);
4
- background-color: var(--form-bg);
2
+ border-radius: var(--redius1);
3
+ border-color: var(--gray3);
4
+ background-color: var(--gray1);
5
5
  }
6
6
  div .cloudapp-select-multiple .cloudapp-select-selector {
7
- border-radius: var(--form-redius);
8
- border-color: var(--bd-color);
9
- background-color: var(--form-bg);
7
+ border-radius: var(--redius1);
8
+ border-color: var(--gray3);
9
+ background-color: var(--gray1);
10
10
  }
11
11
  div .cloudapp-select-multiple .cloudapp-select-selection-item {
12
- border-radius: var(--form-redius);
13
- border-color: var(--bd-color);
14
- background-color: var(--form-bg);
12
+ border-radius: var(--redius1);
13
+ border-color: var(--gray3);
14
+ background-color: var(--gray1);
15
15
  }
16
16
  div .cloudapp-select:not(.cloudapp-select-disabled):hover .cloudapp-select-selector {
17
17
  border-color: var(--primary);
@@ -36,7 +36,7 @@ div .cloudapp-select-arrow {
36
36
  color: inherit;
37
37
  }
38
38
  div .cloudapp-select-dropdown {
39
- background-color: var(--form-bg);
39
+ background-color: var(--gray1);
40
40
  color: inherit;
41
41
  }
42
42
  div .cloudapp-select-item {
@@ -50,7 +50,7 @@ div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disab
50
50
  }
51
51
  div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) {
52
52
  color: var(--primary);
53
- background-color: var(--form-bg-light);
53
+ background-color: var(--gray8);
54
54
  }
55
55
  div .cloudapp-select-focused:not(.cloudapp-select-disabled).cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
56
56
  border-color: var(--primary);
@@ -27,7 +27,7 @@ div tr.cloudapp-table-expanded-row:hover > td {
27
27
  background-color: var(--table-row-hover-color);
28
28
  }
29
29
  div .cloudapp-table-row-expand-icon {
30
- border-radius: var(--form-redius);
30
+ border-radius: var(--redius1);
31
31
  color: var(--primary);
32
32
  }
33
33
  div .cloudapp-table-row-expand-icon:focus,
@@ -1,11 +1,11 @@
1
1
  .cloudapp-c-title-part {
2
2
  font-size: var(--fs-small);
3
- height: 42px;
3
+ height: 3em;
4
4
  padding: 0 16px;
5
5
  display: flex;
6
6
  justify-content: space-between;
7
7
  align-items: center;
8
- background-color: var(--form-bg-light);
8
+ background-color: var(--gray4);
9
9
  }
10
10
  .cloudapp-c-title-part .title-text {
11
11
  padding-right: 10px;
@@ -15,7 +15,7 @@
15
15
  }
16
16
  .cloudapp-c-title-part .input-keword {
17
17
  flex: 1 1;
18
- height: 28px;
18
+ height: 2em;
19
19
  position: relative;
20
20
  top: -1px;
21
21
  max-width: 200px;
package/es/Tree/index.css CHANGED
@@ -2,12 +2,12 @@
2
2
  height: 100%;
3
3
  display: flex;
4
4
  flex-direction: column;
5
- border: 1px solid var(--bd-color);
5
+ border: 1px solid var(--gray2);
6
6
  margin-left: -1px;
7
7
  }
8
8
  .bc-type-tree-layout .lm-c-tree-title-part {
9
- border-bottom: 1px solid var(--bd-color);
10
- background-color: var(--form-bg-light);
9
+ border-bottom: 1px solid var(--gray2);
10
+ background-color: var(--gray5);
11
11
  }
12
12
  .bc-type-tree-layout > .cloudapp-c-base-tree-component {
13
13
  flex: 1;