@next-core/brick-container 2.47.0 → 2.49.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.
@@ -115,9 +115,12 @@ html[data-theme="dark-v2"],
115
115
  --color-fill-bg-container-2: var(--palette-gray-1);
116
116
  --color-fill-bg-container-3: var(--palette-gray-1);
117
117
  --color-fill-bg-container-4: var(--palette-gray-1);
118
+ --color-fill-bg-container-5: var(--palette-gray-8);
118
119
 
119
120
  --color-fill-bg-base-1: var(--palette-gray-3);
120
- --color-fill-bg-base-2: #d9ffff;
121
+ --color-fill-bg-base-2: rgb(255, 255, 255, 0.08);
122
+ --color-fill-bg-base-3: #f3f4f7;
123
+ --color-fill-bg-base-4: var(--palette-gray-2);
121
124
  --color-text-divider-line: var(--palette-gray-4);
122
125
  --color-border-divider-line: var(--palette-gray-5);
123
126
  --color-header-text: var(--palette-gray-9);
@@ -137,6 +140,7 @@ html[data-theme="dark-v2"],
137
140
  --color-info-hover: var(--palette-blue-4);
138
141
  --color-info-active: var(--palette-blue-8);
139
142
  --color-info-bg: var(--palette-blue-2);
143
+ --color-info-icon-bg: var(--palette-blue-1);
140
144
  --color-info-outline: var(--palette-blue-3);
141
145
 
142
146
  --color-warning: var(--palette-amber-6);
@@ -194,7 +198,11 @@ html[data-theme="dark-v2"],
194
198
  --fullscreen-overlay-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
195
199
  --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
196
200
  --slide-up-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.15);
197
-
201
+ --menu-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.24);
202
+ --input-shadow: 0px 0px 0px 2px rgba(189, 225, 255, 1);
203
+ --input-success-shadow: 0px 0px 0px 2px rgba(229, 255, 199, 1);
204
+ --input-error-shadow: 0px 0px 0px 2px rgba(255, 218, 201, 1);
205
+ --chart-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
198
206
  --border-width-base: 1px;
199
207
  --border-width-double-base: 2px;
200
208
  --no-border-width: 0;
@@ -206,14 +214,26 @@ html[data-theme="dark-v2"],
206
214
  --app-submenu-active-bg: #e0eeff;
207
215
 
208
216
  --checkbox-bg-hover: #ebf3fd;
217
+ --checkbox-bg-active: var(--palette-gray-3);
218
+
219
+ --chart-legend-font-size: 12px;
220
+ --chart-tooltips-font-size: 12px;
221
+ --chart-tooltips-font-size: 12px;
222
+ --chart-axis-x-font-size: 10px;
223
+ --chart-axis-y-font-size: 10px;
224
+ --chart-tooltip-bg: rgba(255, 255, 255, 0.95);
225
+ --chart-auxiliary-text: #9aa1a9;
226
+ --chart-outline-select: var(--palette-gray-10);
209
227
 
210
228
  /* component CSS variables */
211
229
 
212
230
  /*** basic antd variables ***/
231
+ --antd-primary-color: var(--color-brand);
213
232
  --antd-border-color-split-lighten-80: #fff;
214
233
  --antd-border-color-split: #f0f0f0;
215
234
  --antd-heading-color: rgba(0, 0, 0, 0.85);
216
235
  --antd-component-background: #fff;
236
+ --antd-border-color-base: #d9d9d9;
217
237
 
218
238
  /*** menu ***/
219
239
  --antd-menu-bg: #4e93ef;
@@ -258,12 +278,65 @@ html[data-theme="dark-v2"],
258
278
  /*** checkbox ***/
259
279
  --antd-checkbox-color: var(--color-brand);
260
280
  --antd-checkbox-bg-hover: var(--checkbox-bg-hover);
261
- --antd-checkbox-checked: #f5f5f5;
281
+ --antd-checkbox-checked: var(--checkbox-bg-active);
262
282
 
263
283
  /*** card ***/
264
284
  --antd-card-background: var(--antd-component-background);
265
- --antd-heading-color: var(--color-normal-text);
266
285
  --antd-card-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
286
+
287
+ /*** radio dashboard ***/
288
+ --antd-dashboard-radio-bg: #f2f5f9;
289
+ --antd-dashboard-radio-item-bg: #f0f3fa;
290
+ --antd-dashboard-radio-item-color: #777f99;
291
+ --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
292
+ --antd-dashboard-radio-item-checked-bg: var(--antd-component-background);
293
+ --antd-dashboard-radio-item-checked-color: var(--color-info);
294
+ --antd-dashboard-radio-item-checked-shadow: 0 0 0 3px rgb(0, 113, 235, 0.08);
295
+ --antd-radio-solid-checked-color: var(--antd-component-background);
296
+
297
+ /*** radio button ***/
298
+ --antd-radio-dot-color-fade-8: rgb(0 113 235 0.08);
299
+ --antd-radio-dot-color: var(--antd-primary-color);
300
+
301
+ /*** divider ***/
302
+ --antd-divider-radiation-color: linear-gradient(
303
+ to right,
304
+ transparent,
305
+ #f9f9f9,
306
+ #979797,
307
+ #979797
308
+ )
309
+ no-repeat;
310
+ --antd-divider-radiation-text-color: #262626;
311
+ --antd-divider-radiation-proportion-normal-text-color: #595959;
312
+ --antd-divider-radiation-proportion-strong-text-color: #262626;
313
+
314
+ /*** statistic card ***/
315
+ --statistic-card-item-title-color: rgba(140, 140, 140, 1);
316
+ --statistic-card-itme-value-color: #262626;
317
+
318
+ /*** base chart ***/
319
+ --antd-chart-legend-text-color: #595959;
320
+ --antd-chart-legend-unchecked-text-color: #d8d8d8;
321
+ --antd-chart-legend-unchecked-mark-color: #d8d8d8;
322
+ --antd-chart-legend-pageNavigator-marker-color: #000;
323
+ --antd-chart-legend-pageNavigator-marker-inactive-color: #000;
324
+ --antd-chart-legend-pageNavigator-text-color: #8c8c8c;
325
+ --antd-chart-tooltip-bg: rgb(255, 255, 255);
326
+ --antd-chart-tooltip-boxShadow: 0px 0px 10px #aeaeae;
327
+ --antd-chart-tooltip-color: var(--antd-chart-legend-text-color);
328
+ --antd-chart-label-color: var(--antd-chart-legend-text-color);
329
+
330
+ /*** general-button ***/
331
+ --antd-btn-special-icon-type-color: var(--palette-gray-7);
332
+ --antd-btn-special-icon-type-bg: var(--palette-gray-3);
333
+ --antd-btn-special-icon-type-hover-color: var(--color-brand);
334
+ --antd-btn-special-icon-type-hover-bg: #d8ecff;
335
+ --antd-btn-special-icon-type-disabled-color: var(--palette-gray-6);
336
+ --antd-btn-special-icon-type-disabled-bg: var(--palette-gray-3);
337
+
338
+ --antd-btn-primary-color: #fff;
339
+ --antd-btn-primary-bg: var(--antd-primary-color);
267
340
  }
268
341
 
269
342
  html[data-theme="dark-v2"],
@@ -291,8 +364,10 @@ html[data-theme="dark-v2"],
291
364
  --color-fill-bg-container-2: #2a2a2b;
292
365
  --color-fill-bg-container-3: #313132;
293
366
  --color-fill-bg-container-4: #373739;
367
+ --color-fill-bg-container-5: #373739;
294
368
 
295
369
  --color-fill-bg-base-2: var(--palette-gray-3);
370
+ --color-fill-bg-base-3: var(--palette-gray-2);
296
371
  --color-auxiliary-text: var(--palette-gray-9);
297
372
  --color-strong-text: var(--palette-gray-10);
298
373
  --color-normal-text: var(--palette-gray-9);
@@ -309,6 +384,10 @@ html[data-theme="dark-v2"],
309
384
  --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
310
385
  --slide-up-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.14);
311
386
  --menu-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.24);
387
+ --input-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 1);
388
+ --input-success-shadow: 0px 0px 0px 2px rgba(40, 72, 24, 1);
389
+ --input-error-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
390
+ --chart-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
312
391
 
313
392
  --menu-bg: var(--palette-gray-3);
314
393
  --menu-item-selected-bg: var(--palette-blue-6);
@@ -320,13 +399,23 @@ html[data-theme="dark-v2"],
320
399
  --app-submenu-active-bg: var(--palette-blue-1);
321
400
 
322
401
  --checkbox-bg-hover: var(--palette-gray-3);
402
+ --checkbox-bg-active: var(--palette-blue-2);
403
+ --dashboard-radio-item-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 0.15);
404
+
405
+ --chart-tooltip-bg: rgba(23, 23, 26, 0.95);
406
+ --chart-auxiliary-text: var(--palette-gray-9);
407
+ --chart-outline-select: var(--palette-gray-10);
408
+
323
409
  /* component CSS variables */
324
410
 
325
411
  /*** basic antd variables ***/
412
+ --antd-primary-color: var(--color-brand);
326
413
  --antd-text-color: var(--color-normal-text);
327
414
  --antd-text-color-secondary: var(--color-secondary-text);
328
415
 
329
416
  --antd-border-color-split: var(--color-text-divider-line);
417
+ --antd-heading-color: var(--color-header-text);
418
+ --antd-border-color-base: var(--color-border-divider-line);
330
419
 
331
420
  /*** menu ***/
332
421
  --antd-menu-bg: var(--menu-bg);
@@ -364,12 +453,62 @@ html[data-theme="dark-v2"],
364
453
  /*** checkbox ***/
365
454
  --antd-checkbox-color: var(--color-brand);
366
455
  --antd-checkbox-bg-hover: var(--checkbox-bg-hover);
367
- --antd-checkbox-checked: var(--color-info-bg);
456
+ --antd-checkbox-checked: var(--checkbox-bg-active);
368
457
 
369
458
  /*** card ***/
370
459
  --antd-card-background: var(--color-fill-bg-container-1);
371
- --antd-heading-color: var(--color-normal-text);
372
460
  --antd-card-shadow: var(--base-shadow);
461
+
462
+ /*** radio dashboard ***/
463
+ --antd-dashboard-radio-bg: var(--color-fill-bg-container-3);
464
+ --antd-dashboard-radio-item-bg: var(--color-fill-bg-container-3);
465
+ --antd-dashboard-radio-item-color: var(--color-normal-text);
466
+ --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
467
+ --antd-dashboard-radio-item-checked-bg: var(--color-fill-bg-base-3);
468
+ --antd-dashboard-radio-item-checked-shadow: var(--radio-item-shadow);
469
+
470
+ /*** radio button ***/
471
+ --antd-radio-solid-checked-color: var(--color-normal-text);
472
+ --antd-radio-dot-color: var(--antd-primary-color);
473
+
474
+ /*** divider ***/
475
+ --antd-divider-radiation-color: var(--color-text-divider-line);
476
+ --antd-divider-radiation-text-color: var(--color-header-text);
477
+ --antd-divider-radiation-proportion-normal-text-color: var(
478
+ --color-auxiliary-text
479
+ );
480
+ --antd-divider-radiation-proportion-strong-text-color: var(
481
+ --color-normal-text
482
+ );
483
+
484
+ /*** statistic card ***/
485
+ --statistic-card-item-title-color: var(--color-secondary-text);
486
+ --statistic-card-itme-value-color: var(--color-normal-text);
487
+
488
+ /*** base chart ***/
489
+ --antd-chart-legend-text-color: var(--color-auxiliary-text);
490
+ --antd-chart-legend-unchecked-text-color: var(--color-disabled-text);
491
+ --antd-chart-legend-unchecked-mark-color: var(--color-disabled-text);
492
+ --antd-chart-legend-pageNavigator-marker-color: var(--palette-gray-10);
493
+ --antd-chart-legend-pageNavigator-marker-inactive-color: var(
494
+ --palette-gray-6
495
+ );
496
+ --antd-chart-legend-pageNavigator-text-color: var(--color-secondary-text);
497
+ --antd-chart-tooltip-bg: var(--chart-tooltip-bg);
498
+ --antd-chart-tooltip-boxShadow: var(--chart-shadow);
499
+ --antd-chart-tooltip-color: var(--color-normal-text);
500
+ --antd-chart-label-color: var(--color-auxiliary-text);
501
+
502
+ /*** general-button ***/
503
+ --antd-btn-special-icon-type-color: var(--color-normal-text);
504
+ --antd-btn-special-icon-type-bg: var(--color-fill-bg-base-1);
505
+ --antd-btn-special-icon-type-hover-color: var(--color-brand-hover);
506
+ --antd-btn-special-icon-type-hover-bg: var(--color-info-icon-bg);
507
+ --antd-btn-special-icon-type-disabled-color: var(--color-disabled-text);
508
+ --antd-btn-special-icon-type-disabled-bg: var(--color-fill-bg-base-1);
509
+
510
+ --antd-btn-primary-color: var(--color-normal-text);
511
+ --antd-btn-primary-bg: var(--antd-primary-color);
373
512
  }
374
513
 
375
514
 
@@ -575,7 +714,6 @@ html[data-theme="dark-v2"],
575
714
  /* antd basics */
576
715
  --antd-background-color-base: #f5f5f5;
577
716
  --antd-background-color-light: #ebf3fd;
578
- --antd-border-color-base: #d9d9d9;
579
717
  --antd-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
580
718
  0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
581
719
  --antd-column-active-bg: rgba(235, 243, 253, 0.8);
@@ -586,7 +724,6 @@ html[data-theme="dark-v2"],
586
724
  --antd-link-color: var(--antd-primary-color);
587
725
  --antd-link-hover-color: #2893f7;
588
726
  --antd-link-active-color: #0058c4;
589
- --antd-primary-color: var(--color-brand);
590
727
  --antd-text-color-secondary: rgba(0, 0, 0, 0.45);
591
728
  --antd-text-color: rgba(0, 0, 0, 0.85);
592
729
 
@@ -608,7 +745,6 @@ html[data-theme="dark-v2"],
608
745
  --antd-background-color-light
609
746
  );
610
747
  --antd-picker-basic-cell-hover-with-range-color: #9fcdff;
611
- --antd-radio-solid-checked-color: var(--antd-component-background);
612
748
  --antd-select-dropdown-bg: var(--antd-component-background);
613
749
  --antd-select-item-active-bg: var(--antd-item-active-bg);
614
750
  --antd-select-item-selected-bg: #f5f5f5;
@@ -3070,7 +3206,7 @@ html {
3070
3206
  display: inline-block;
3071
3207
  }
3072
3208
  .ant-btn-primary {
3073
- color: #fff;
3209
+ color: var(--antd-btn-primary-color);
3074
3210
  background: #0071eb;
3075
3211
  border-color: #0071eb;
3076
3212
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
@@ -3090,7 +3226,7 @@ html {
3090
3226
  }
3091
3227
  .ant-btn-primary:hover,
3092
3228
  .ant-btn-primary:focus {
3093
- color: #fff;
3229
+ color: var(--antd-btn-primary-color);
3094
3230
  background: #2893f7;
3095
3231
  border-color: #2893f7;
3096
3232
  }
@@ -3109,7 +3245,7 @@ html {
3109
3245
  content: '';
3110
3246
  }
3111
3247
  .ant-btn-primary:active {
3112
- color: #fff;
3248
+ color: var(--antd-btn-primary-color);
3113
3249
  background: #0058c4;
3114
3250
  border-color: #0058c4;
3115
3251
  }
@@ -18733,10 +18869,10 @@ textarea.ant-pagination-options-quick-jumper input {
18733
18869
  .ant-radio-wrapper:hover .ant-radio,
18734
18870
  .ant-radio:hover .ant-radio-inner,
18735
18871
  .ant-radio-input:focus + .ant-radio-inner {
18736
- border-color: #0071eb;
18872
+ border-color: var(--antd-radio-dot-color);
18737
18873
  }
18738
18874
  .ant-radio-input:focus + .ant-radio-inner {
18739
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
18875
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18740
18876
  }
18741
18877
  .ant-radio-checked::after {
18742
18878
  position: absolute;
@@ -18744,7 +18880,7 @@ textarea.ant-pagination-options-quick-jumper input {
18744
18880
  left: 0;
18745
18881
  width: 100%;
18746
18882
  height: 100%;
18747
- border: 1px solid #0071eb;
18883
+ border: 1px solid var(--antd-radio-dot-color);
18748
18884
  border-radius: 50%;
18749
18885
  visibility: hidden;
18750
18886
  animation: antRadioEffect 0.36s ease-in-out;
@@ -18776,7 +18912,7 @@ textarea.ant-pagination-options-quick-jumper input {
18776
18912
  display: table;
18777
18913
  width: 8px;
18778
18914
  height: 8px;
18779
- background-color: #0071eb;
18915
+ background-color: var(--antd-radio-dot-color);
18780
18916
  border-top: 0;
18781
18917
  border-left: 0;
18782
18918
  border-radius: 8px;
@@ -18796,7 +18932,7 @@ textarea.ant-pagination-options-quick-jumper input {
18796
18932
  opacity: 0;
18797
18933
  }
18798
18934
  .ant-radio-checked .ant-radio-inner {
18799
- border-color: #0071eb;
18935
+ border-color: var(--antd-radio-dot-color);
18800
18936
  }
18801
18937
  .ant-radio-checked .ant-radio-inner::after {
18802
18938
  transform: scale(1);
@@ -18887,10 +19023,10 @@ span.ant-radio + * {
18887
19023
  }
18888
19024
  .ant-radio-button-wrapper:hover {
18889
19025
  position: relative;
18890
- color: #0071eb;
19026
+ color: var(--antd-radio-dot-color);
18891
19027
  }
18892
19028
  .ant-radio-button-wrapper:focus-within {
18893
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
19029
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18894
19030
  }
18895
19031
  .ant-radio-button-wrapper .ant-radio-inner,
18896
19032
  .ant-radio-button-wrapper input[type='checkbox'],
@@ -18902,15 +19038,15 @@ span.ant-radio + * {
18902
19038
  }
18903
19039
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
18904
19040
  z-index: 1;
18905
- color: #0071eb;
19041
+ color: var(--antd-radio-dot-color);
18906
19042
  background: var(--antd-btn-default-bg);
18907
- border-color: #0071eb;
19043
+ border-color: var(--antd-radio-dot-color);
18908
19044
  }
18909
19045
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
18910
- background-color: #0071eb;
19046
+ background-color: var(--antd-radio-dot-color);
18911
19047
  }
18912
19048
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
18913
- border-color: #0071eb;
19049
+ border-color: var(--antd-radio-dot-color);
18914
19050
  }
18915
19051
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
18916
19052
  color: #2893f7;
@@ -18927,12 +19063,12 @@ span.ant-radio + * {
18927
19063
  background-color: #0058c4;
18928
19064
  }
18929
19065
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
18930
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
19066
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18931
19067
  }
18932
19068
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
18933
19069
  color: var(--antd-radio-solid-checked-color);
18934
- background: #0071eb;
18935
- border-color: #0071eb;
19070
+ background: var(--antd-radio-dot-color);
19071
+ border-color: var(--antd-radio-dot-color);
18936
19072
  }
18937
19073
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
18938
19074
  color: var(--antd-radio-solid-checked-color);
@@ -18945,7 +19081,7 @@ span.ant-radio + * {
18945
19081
  border-color: #0058c4;
18946
19082
  }
18947
19083
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
18948
- box-shadow: 0 0 0 3px rgba(0, 113, 235, 0.08);
19084
+ box-shadow: 0 0 0 3px var(--antd-radio-dot-color-fade-8);
18949
19085
  }
18950
19086
  .ant-radio-button-wrapper-disabled {
18951
19087
  color: var(--text-color-disabled);
@@ -27461,4 +27597,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
27461
27597
  }
27462
27598
 
27463
27599
 
27464
- /*# sourceMappingURL=main.76a165dd9a56e6f42f82.css.map*/
27600
+ /*# sourceMappingURL=main.fde7cca465b5895686f2.css.map*/