@alifd/theme-panda 0.1.2 → 0.2.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 (32) hide show
  1. package/design-token.js +1 -1
  2. package/dist/next-1.css +24 -24
  3. package/dist/next-2.css +35 -35
  4. package/dist/next-noreset-1.css +24 -24
  5. package/dist/next-noreset-2.css +35 -35
  6. package/dist/next-noreset.css +58 -58
  7. package/dist/next-noreset.min-1.css +2 -2
  8. package/dist/next-noreset.min-2.css +2 -2
  9. package/dist/next-noreset.min.css +2 -2
  10. package/dist/next-noreset.var-1.css +47 -47
  11. package/dist/next-noreset.var-2.css +69 -69
  12. package/dist/next-noreset.var.css +115 -115
  13. package/dist/next-noreset.var.min-1.css +2 -2
  14. package/dist/next-noreset.var.min-2.css +2 -2
  15. package/dist/next-noreset.var.min.css +2 -2
  16. package/dist/next.css +58 -58
  17. package/dist/next.js +1 -1
  18. package/dist/next.min-1.css +2 -2
  19. package/dist/next.min-2.css +2 -2
  20. package/dist/next.min.css +2 -2
  21. package/dist/next.var-1.css +47 -47
  22. package/dist/next.var-2.css +69 -69
  23. package/dist/next.var.css +115 -115
  24. package/dist/next.var.min-1.css +2 -2
  25. package/dist/next.var.min-2.css +2 -2
  26. package/dist/next.var.min.css +2 -2
  27. package/package.json +2 -2
  28. package/variables.css +71 -59
  29. package/variables.js +6 -0
  30. package/variables.less +21 -18
  31. package/variables.scss +21 -18
  32. package/variables.scss2css.scss +61 -52
package/dist/next.var.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @alifd/theme-panda@0.1.2 (https://fusion.design)
2
+ * @alifd/theme-panda@0.2.0 (https://fusion.design)
3
3
  * @alifd/next@1.25.51 (https://fusion.design)
4
4
  * Copyright 2018-present Alibaba Group,
5
5
  * Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
@@ -4757,8 +4757,8 @@ small {
4757
4757
  border-style: var(--btn-pure-normal-border-style, solid);
4758
4758
  background: #FFFFFF;
4759
4759
  background: var(--btn-pure-normal-bg, #FFFFFF);
4760
- border-color: #f0f0f0;
4761
- border-color: var(--btn-pure-normal-border-color, #f0f0f0); }
4760
+ border-color: #edeef2;
4761
+ border-color: var(--btn-pure-normal-border-color, #edeef2); }
4762
4762
  .next-btn.next-btn-normal, .next-btn.next-btn-normal:link, .next-btn.next-btn-normal:visited, .next-btn.next-btn-normal.visited {
4763
4763
  color: #2e3038;
4764
4764
  color: var(--btn-pure-normal-color, #2e3038); }
@@ -14260,10 +14260,10 @@ small {
14260
14260
  content: ''; }
14261
14261
  .next-nav.next-hoz {
14262
14262
  padding: 0;
14263
- height: calc(44px + 0px*2);
14264
- height: calc(var(--nav-hoz-height, 44px) + var(--nav-hoz-item-margin-tb, 0px)*2);
14265
- line-height: calc(44px - 0px*2);
14266
- line-height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2);
14263
+ height: calc(32px + 8px*2);
14264
+ height: calc(var(--nav-hoz-height, 32px) + var(--nav-hoz-item-margin-tb, 8px)*2);
14265
+ line-height: calc(32px - 0px*2);
14266
+ line-height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2);
14267
14267
  font-size: 14px;
14268
14268
  font-size: var(--nav-hoz-font-size, 14px); }
14269
14269
  .next-nav.next-hoz .next-menu-item.next-nav-item {
@@ -14273,17 +14273,17 @@ small {
14273
14273
  margin-right: var(--nav-hoz-item-margin-lr, 0px);
14274
14274
  padding: 0 20px;
14275
14275
  padding: 0 var(--nav-hoz-item-padding-lr, 20px);
14276
- border-radius: 0px;
14277
- border-radius: var(--nav-hoz-item-corner, 0px); }
14276
+ border-radius: 8px;
14277
+ border-radius: var(--nav-hoz-item-corner, 8px); }
14278
14278
  .next-nav.next-hoz .next-menu-item,
14279
14279
  .next-nav.next-hoz .next-menu-sub-menu-wrapper > .next-menu-item {
14280
- margin-top: 0px;
14281
- margin-top: var(--nav-hoz-item-margin-tb, 0px);
14282
- margin-bottom: 0px;
14283
- margin-bottom: var(--nav-hoz-item-margin-tb, 0px); }
14280
+ margin-top: 8px;
14281
+ margin-top: var(--nav-hoz-item-margin-tb, 8px);
14282
+ margin-bottom: 8px;
14283
+ margin-bottom: var(--nav-hoz-item-margin-tb, 8px); }
14284
14284
  .next-nav.next-hoz .next-menu-item-inner {
14285
- height: calc(44px - 0px*2);
14286
- height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2);
14285
+ height: calc(32px - 0px*2);
14286
+ height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2);
14287
14287
  font-size: 14px;
14288
14288
  font-size: var(--nav-hoz-font-size, 14px); }
14289
14289
  .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title {
@@ -14291,8 +14291,8 @@ small {
14291
14291
  padding: 12px 8px; }
14292
14292
  .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-menu-item-inner {
14293
14293
  height: auto;
14294
- min-height: calc(44px - 0px*2);
14295
- min-height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2); }
14294
+ min-height: calc(32px - 0px*2);
14295
+ min-height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2); }
14296
14296
  .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-nav-text {
14297
14297
  display: block;
14298
14298
  line-height: 1;
@@ -14308,12 +14308,12 @@ small {
14308
14308
  font-size: var(--nav-group-font-size, 14px); }
14309
14309
  .next-nav.next-hoz .next-menu-header {
14310
14310
  float: left;
14311
- height: calc(44px - 0px*2);
14312
- height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2); }
14311
+ height: calc(32px - 0px*2);
14312
+ height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2); }
14313
14313
  .next-nav.next-hoz .next-menu-footer {
14314
14314
  float: right;
14315
- height: calc(44px - 0px*2);
14316
- height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2); }
14315
+ height: calc(32px - 0px*2);
14316
+ height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2); }
14317
14317
  .next-nav.next-hoz .next-nav-item:before {
14318
14318
  width: 0;
14319
14319
  left: 50%;
@@ -14423,30 +14423,30 @@ small {
14423
14423
  .next-nav.next-primary {
14424
14424
  border-width: 0px;
14425
14425
  border-width: var(--nav-primary-border-width, 0px);
14426
- background: #001529;
14427
- background: var(--nav-primary-bg-color, #001529);
14426
+ background: #000a24;
14427
+ background: var(--nav-primary-bg-color, #000a24);
14428
14428
  border-color: transparent;
14429
14429
  border-color: var(--nav-primary-border-color, transparent);
14430
14430
  color: rgba(255, 255, 255, 0.65);
14431
14431
  color: var(--nav-primary-text-color, rgba(255, 255, 255, 0.65));
14432
- font-weight: 300;
14433
- font-weight: var(--nav-primary-text-style, 300);
14432
+ font-weight: normal;
14433
+ font-weight: var(--nav-primary-text-style, normal);
14434
14434
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
14435
14435
  -webkit-box-shadow: var(--nav-primary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12));
14436
14436
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
14437
14437
  box-shadow: var(--nav-primary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
14438
14438
  .next-nav.next-primary.next-hoz {
14439
- line-height: 44px;
14440
- line-height: var(--nav-hoz-height, 44px);
14441
- line-height: calc(44px - 0px*2);
14442
- line-height: calc(var(--nav-hoz-height, 44px) - var(--nav-primary-border-width, 0px)*2); }
14439
+ line-height: 32px;
14440
+ line-height: var(--nav-hoz-height, 32px);
14441
+ line-height: calc(32px - 0px*2);
14442
+ line-height: calc(var(--nav-hoz-height, 32px) - var(--nav-primary-border-width, 0px)*2); }
14443
14443
  .next-nav.next-primary.next-hoz .next-menu-header,
14444
14444
  .next-nav.next-primary.next-hoz .next-menu-footer,
14445
14445
  .next-nav.next-primary.next-hoz .next-menu-item-inner {
14446
- line-height: 44px;
14447
- line-height: var(--nav-hoz-height, 44px);
14448
- height: calc(44px - 0px*2);
14449
- height: calc(var(--nav-hoz-height, 44px) - var(--nav-primary-border-width, 0px)*2); }
14446
+ line-height: 32px;
14447
+ line-height: var(--nav-hoz-height, 32px);
14448
+ height: calc(32px - 0px*2);
14449
+ height: calc(var(--nav-hoz-height, 32px) - var(--nav-primary-border-width, 0px)*2); }
14450
14450
  .next-nav.next-primary.next-hoz.next-top .next-nav-item:before {
14451
14451
  top: 0;
14452
14452
  top: calc(0px - 0px);
@@ -14464,8 +14464,8 @@ small {
14464
14464
  right: calc(0px - 0px);
14465
14465
  right: calc(0px - var(--nav-primary-border-width, 0px)); }
14466
14466
  .next-nav.next-primary .next-nav-item.next-menu-item {
14467
- background: #001529;
14468
- background: var(--nav-primary-bg-color, #001529);
14467
+ background: #000a24;
14468
+ background: var(--nav-primary-bg-color, #000a24);
14469
14469
  color: rgba(255, 255, 255, 0.65);
14470
14470
  color: var(--nav-primary-text-color, rgba(255, 255, 255, 0.65)); }
14471
14471
  .next-nav.next-primary .next-nav-item.next-menu-item.next-focused, .next-nav.next-primary .next-nav-item.next-menu-item:hover {
@@ -14473,15 +14473,15 @@ small {
14473
14473
  background: var(--nav-primary-item-hover-bg-color, transparent);
14474
14474
  color: #FFFFFF;
14475
14475
  color: var(--nav-primary-item-hover-text-color, #FFFFFF);
14476
- font-weight: 300;
14477
- font-weight: var(--nav-primary-item-hover-text-style, 300); }
14476
+ font-weight: 500;
14477
+ font-weight: var(--nav-primary-item-hover-text-style, 500); }
14478
14478
  .next-nav.next-primary .next-nav-item.next-menu-item.next-selected {
14479
14479
  background: #257df9;
14480
14480
  background: var(--nav-primary-item-selected-bg-color, #257df9);
14481
14481
  color: #FFFFFF;
14482
14482
  color: var(--nav-primary-item-selected-text-color, #FFFFFF);
14483
- font-weight: 300;
14484
- font-weight: var(--nav-primary-item-selected-text-style, 300); }
14483
+ font-weight: 500;
14484
+ font-weight: var(--nav-primary-item-selected-text-style, 500); }
14485
14485
  .next-nav.next-primary .next-nav-item.next-menu-item.next-selected.next-nav-item {
14486
14486
  background: #257df9;
14487
14487
  background: var(--nav-primary-item-selected-bg-color, #257df9);
@@ -14572,17 +14572,17 @@ small {
14572
14572
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
14573
14573
  box-shadow: var(--nav-secondary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
14574
14574
  .next-nav.next-secondary.next-hoz {
14575
- line-height: 44px;
14576
- line-height: var(--nav-hoz-height, 44px);
14577
- line-height: calc(44px - 0px*2);
14578
- line-height: calc(var(--nav-hoz-height, 44px) - var(--nav-secondary-border-width, 0px)*2); }
14575
+ line-height: 32px;
14576
+ line-height: var(--nav-hoz-height, 32px);
14577
+ line-height: calc(32px - 0px*2);
14578
+ line-height: calc(var(--nav-hoz-height, 32px) - var(--nav-secondary-border-width, 0px)*2); }
14579
14579
  .next-nav.next-secondary.next-hoz .next-menu-header,
14580
14580
  .next-nav.next-secondary.next-hoz .next-menu-footer,
14581
14581
  .next-nav.next-secondary.next-hoz .next-menu-item-inner {
14582
- line-height: 44px;
14583
- line-height: var(--nav-hoz-height, 44px);
14584
- height: calc(44px - 0px*2);
14585
- height: calc(var(--nav-hoz-height, 44px) - var(--nav-secondary-border-width, 0px)*2); }
14582
+ line-height: 32px;
14583
+ line-height: var(--nav-hoz-height, 32px);
14584
+ height: calc(32px - 0px*2);
14585
+ height: calc(var(--nav-hoz-height, 32px) - var(--nav-secondary-border-width, 0px)*2); }
14586
14586
  .next-nav.next-secondary.next-hoz.next-top .next-nav-item:before {
14587
14587
  top: 0;
14588
14588
  top: calc(0px - 0px);
@@ -20767,8 +20767,8 @@ small {
20767
20767
  .next-tabs.next-medium .next-tabs-tab-inner {
20768
20768
  font-size: 14px;
20769
20769
  font-size: var(--tab-item-text-size-m, 14px);
20770
- padding: 20px 16px;
20771
- padding: var(--tab-item-padding-tb-size-m, 20px) var(--tab-item-padding-lr-size-m, 16px); }
20770
+ padding: 16px 16px;
20771
+ padding: var(--tab-item-padding-tb-size-m, 16px) var(--tab-item-padding-lr-size-m, 16px); }
20772
20772
  .next-tabs.next-medium .next-tabs-tab-inner .next-icon {
20773
20773
  line-height: 1; }
20774
20774
  .next-tabs.next-medium .next-tabs-tab-inner .next-icon:before,
@@ -25600,35 +25600,35 @@ h6.next-typography-title {
25600
25600
  -webkit-box-sizing: border-box;
25601
25601
  box-sizing: border-box;
25602
25602
  position: relative;
25603
- border-top-left-radius: 6px;
25604
- border-top-left-radius: var(--table-header-corner-top, 6px);
25605
- border-top-right-radius: 6px;
25606
- border-top-right-radius: var(--table-header-corner-top, 6px);
25607
- border-bottom-left-radius: 6px;
25608
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
25609
- border-bottom-right-radius: 6px;
25610
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
25611
- border-top: 1px solid #f0f0f0;
25612
- border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25613
- border-left: 1px solid #f0f0f0;
25614
- border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
25603
+ border-top-left-radius: 8px;
25604
+ border-top-left-radius: var(--table-header-corner-top, 8px);
25605
+ border-top-right-radius: 8px;
25606
+ border-top-right-radius: var(--table-header-corner-top, 8px);
25607
+ border-bottom-left-radius: 0px;
25608
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
25609
+ border-bottom-right-radius: 0px;
25610
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
25611
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
25612
+ border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25613
+ border-left: 1px solid rgba(0, 0, 0, 0.08);
25614
+ border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08)); }
25615
25615
  .next-table *,
25616
25616
  .next-table *:before,
25617
25617
  .next-table *:after {
25618
25618
  -webkit-box-sizing: border-box;
25619
25619
  box-sizing: border-box; }
25620
25620
  .next-table .next-table-header tr:first-child th:first-child {
25621
- border-top-left-radius: 6px;
25622
- border-top-left-radius: var(--table-header-corner-top, 6px); }
25621
+ border-top-left-radius: 8px;
25622
+ border-top-left-radius: var(--table-header-corner-top, 8px); }
25623
25623
  .next-table .next-table-header tr:first-child th:last-child {
25624
- border-top-right-radius: 6px;
25625
- border-top-right-radius: var(--table-header-corner-top, 6px); }
25624
+ border-top-right-radius: 8px;
25625
+ border-top-right-radius: var(--table-header-corner-top, 8px); }
25626
25626
  .next-table .next-table-header tr:last-child th:first-child {
25627
- border-bottom-left-radius: 6px;
25628
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px); }
25627
+ border-bottom-left-radius: 0px;
25628
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px); }
25629
25629
  .next-table .next-table-header tr:last-child th:last-child {
25630
- border-bottom-right-radius: 6px;
25631
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
25630
+ border-bottom-right-radius: 0px;
25631
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
25632
25632
  .next-table.next-table-layout-fixed {
25633
25633
  overflow: auto; }
25634
25634
  .next-table.next-table-layout-fixed table {
@@ -25649,29 +25649,29 @@ h6.next-typography-title {
25649
25649
  width: 100%;
25650
25650
  background: #FFFFFF;
25651
25651
  background: var(--table-row-bg, #FFFFFF);
25652
- border-top-left-radius: 6px;
25653
- border-top-left-radius: var(--table-header-corner-top, 6px);
25654
- border-top-right-radius: 6px;
25655
- border-top-right-radius: var(--table-header-corner-top, 6px);
25656
- border-bottom-left-radius: 6px;
25657
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
25658
- border-bottom-right-radius: 6px;
25659
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
25652
+ border-top-left-radius: 8px;
25653
+ border-top-left-radius: var(--table-header-corner-top, 8px);
25654
+ border-top-right-radius: 8px;
25655
+ border-top-right-radius: var(--table-header-corner-top, 8px);
25656
+ border-bottom-left-radius: 0px;
25657
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
25658
+ border-bottom-right-radius: 0px;
25659
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
25660
25660
  .next-table table tr:first-child td {
25661
25661
  border-top-width: 0; }
25662
25662
  .next-table th {
25663
25663
  padding: 0;
25664
- background: #fafafa;
25665
- background: var(--table-th-bg, #fafafa);
25664
+ background: #f8f9fb;
25665
+ background: var(--table-th-bg, #f8f9fb);
25666
25666
  color: #2e3038;
25667
25667
  color: var(--table-th-color, #2e3038);
25668
25668
  text-align: left;
25669
25669
  font-weight: 500;
25670
25670
  font-weight: var(--table-th-font-weight, 500);
25671
- border-right: 1px solid #f0f0f0;
25672
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25673
- border-bottom: 1px solid #f0f0f0;
25674
- border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
25671
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
25672
+ border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25673
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
25674
+ border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08)); }
25675
25675
  .next-table th .next-table-cell-wrapper {
25676
25676
  padding: 12px 16px;
25677
25677
  padding: var(--table-header-padding-top, 12px) var(--table-header-padding-left, 16px);
@@ -25719,10 +25719,10 @@ h6.next-typography-title {
25719
25719
  z-index: -1; }
25720
25720
  .next-table td {
25721
25721
  padding: 0;
25722
- border-right: 1px solid #f0f0f0;
25723
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25724
- border-bottom: 1px solid #f0f0f0;
25725
- border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
25722
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
25723
+ border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25724
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
25725
+ border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08)); }
25726
25726
  .next-table td .next-table-cell-wrapper {
25727
25727
  padding: 16px 16px;
25728
25728
  padding: var(--table-cell-padding-top, 16px) var(--table-cell-padding-left, 16px);
@@ -25820,8 +25820,8 @@ h6.next-typography-title {
25820
25820
  border-top: 0;
25821
25821
  border-left: 0; }
25822
25822
  .next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
25823
- border-right: 1px solid #f0f0f0;
25824
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
25823
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
25824
+ border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08)); }
25825
25825
  .next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
25826
25826
  border-right: 0; }
25827
25827
  .next-table-expanded-row .next-table .last td {
@@ -25887,14 +25887,14 @@ h6.next-typography-title {
25887
25887
  .next-table-header {
25888
25888
  margin-bottom: -20px;
25889
25889
  padding-bottom: 20px;
25890
- border-top-left-radius: 6px;
25891
- border-top-left-radius: var(--table-header-corner-top, 6px);
25892
- border-top-right-radius: 6px;
25893
- border-top-right-radius: var(--table-header-corner-top, 6px);
25894
- border-bottom-left-radius: 6px;
25895
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
25896
- border-bottom-right-radius: 6px;
25897
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
25890
+ border-top-left-radius: 8px;
25891
+ border-top-left-radius: var(--table-header-corner-top, 8px);
25892
+ border-top-right-radius: 8px;
25893
+ border-top-right-radius: var(--table-header-corner-top, 8px);
25894
+ border-bottom-left-radius: 0px;
25895
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
25896
+ border-bottom-right-radius: 0px;
25897
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
25898
25898
  overflow: -moz-scrollbars-none;
25899
25899
  -ms-overflow-style: none;
25900
25900
  scrollbar-width: none; }
@@ -25907,15 +25907,15 @@ h6.next-typography-title {
25907
25907
  position: relative; }
25908
25908
 
25909
25909
  .next-table-fixed {
25910
- border-right: 1px solid #f0f0f0;
25911
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25912
- border-bottom: 1px solid #f0f0f0;
25913
- border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
25910
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
25911
+ border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25912
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
25913
+ border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08)); }
25914
25914
  .next-table-fixed table {
25915
25915
  table-layout: fixed; }
25916
25916
  .next-table-fixed .next-table-header {
25917
- background: #fafafa;
25918
- background: var(--table-th-bg, #fafafa); }
25917
+ background: #f8f9fb;
25918
+ background: var(--table-th-bg, #f8f9fb); }
25919
25919
  .next-table-fixed table tr td:first-child,
25920
25920
  .next-table-fixed table tr th:first-child {
25921
25921
  border-left-width: 0; }
@@ -25977,10 +25977,10 @@ h6.next-typography-title {
25977
25977
  margin-top: 8px;
25978
25978
  margin-top: var(--table-group-split, 8px); }
25979
25979
  .next-table-group .next-table-body table {
25980
- border-top: 1px solid #f0f0f0;
25981
- border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25982
- border-left: 1px solid #f0f0f0;
25983
- border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25980
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
25981
+ border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25982
+ border-left: 1px solid rgba(0, 0, 0, 0.08);
25983
+ border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25984
25984
  margin-bottom: 8px;
25985
25985
  margin-bottom: var(--table-group-split, 8px); }
25986
25986
  .next-table-group .next-table-body table tr:first-child td {
@@ -25988,10 +25988,10 @@ h6.next-typography-title {
25988
25988
  .next-table-group .next-table-body table:last-of-type {
25989
25989
  margin-bottom: 0; }
25990
25990
  .next-table-group .next-table-header table {
25991
- border-top: 1px solid #f0f0f0;
25992
- border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25993
- border-left: 1px solid #f0f0f0;
25994
- border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
25991
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
25992
+ border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08));
25993
+ border-left: 1px solid rgba(0, 0, 0, 0.08);
25994
+ border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, rgba(0, 0, 0, 0.08)); }
25995
25995
  .next-table-group .next-table-group-header td {
25996
25996
  background: #fafafa;
25997
25997
  background: var(--table-group-th-bg, #fafafa);
@@ -26039,10 +26039,10 @@ h6.next-typography-title {
26039
26039
 
26040
26040
  .next-table-header-fixer {
26041
26041
  content: " ";
26042
- border-top-right-radius: 6px;
26043
- border-top-right-radius: var(--table-header-corner-top, 6px);
26044
- border-bottom-right-radius: 6px;
26045
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
26042
+ border-top-right-radius: 8px;
26043
+ border-top-right-radius: var(--table-header-corner-top, 8px);
26044
+ border-bottom-right-radius: 0px;
26045
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
26046
26046
  width: 15px;
26047
26047
  background: inherit;
26048
26048
  position: absolute;