@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-1.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,14 +14572,14 @@ 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); }
package/dist/next.var-2.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)
@@ -6189,8 +6189,8 @@
6189
6189
  .next-tabs.next-medium .next-tabs-tab-inner {
6190
6190
  font-size: 14px;
6191
6191
  font-size: var(--tab-item-text-size-m, 14px);
6192
- padding: 20px 16px;
6193
- padding: var(--tab-item-padding-tb-size-m, 20px) var(--tab-item-padding-lr-size-m, 16px); }
6192
+ padding: 16px 16px;
6193
+ padding: var(--tab-item-padding-tb-size-m, 16px) var(--tab-item-padding-lr-size-m, 16px); }
6194
6194
  .next-tabs.next-medium .next-tabs-tab-inner .next-icon {
6195
6195
  line-height: 1; }
6196
6196
  .next-tabs.next-medium .next-tabs-tab-inner .next-icon:before,
@@ -11022,35 +11022,35 @@ h6.next-typography-title {
11022
11022
  -webkit-box-sizing: border-box;
11023
11023
  box-sizing: border-box;
11024
11024
  position: relative;
11025
- border-top-left-radius: 6px;
11026
- border-top-left-radius: var(--table-header-corner-top, 6px);
11027
- border-top-right-radius: 6px;
11028
- border-top-right-radius: var(--table-header-corner-top, 6px);
11029
- border-bottom-left-radius: 6px;
11030
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
11031
- border-bottom-right-radius: 6px;
11032
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
11033
- border-top: 1px solid #f0f0f0;
11034
- border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11035
- border-left: 1px solid #f0f0f0;
11036
- border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
11025
+ border-top-left-radius: 8px;
11026
+ border-top-left-radius: var(--table-header-corner-top, 8px);
11027
+ border-top-right-radius: 8px;
11028
+ border-top-right-radius: var(--table-header-corner-top, 8px);
11029
+ border-bottom-left-radius: 0px;
11030
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
11031
+ border-bottom-right-radius: 0px;
11032
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
11033
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
11034
+ 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));
11035
+ border-left: 1px solid rgba(0, 0, 0, 0.08);
11036
+ 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)); }
11037
11037
  .next-table *,
11038
11038
  .next-table *:before,
11039
11039
  .next-table *:after {
11040
11040
  -webkit-box-sizing: border-box;
11041
11041
  box-sizing: border-box; }
11042
11042
  .next-table .next-table-header tr:first-child th:first-child {
11043
- border-top-left-radius: 6px;
11044
- border-top-left-radius: var(--table-header-corner-top, 6px); }
11043
+ border-top-left-radius: 8px;
11044
+ border-top-left-radius: var(--table-header-corner-top, 8px); }
11045
11045
  .next-table .next-table-header tr:first-child th:last-child {
11046
- border-top-right-radius: 6px;
11047
- border-top-right-radius: var(--table-header-corner-top, 6px); }
11046
+ border-top-right-radius: 8px;
11047
+ border-top-right-radius: var(--table-header-corner-top, 8px); }
11048
11048
  .next-table .next-table-header tr:last-child th:first-child {
11049
- border-bottom-left-radius: 6px;
11050
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px); }
11049
+ border-bottom-left-radius: 0px;
11050
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px); }
11051
11051
  .next-table .next-table-header tr:last-child th:last-child {
11052
- border-bottom-right-radius: 6px;
11053
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
11052
+ border-bottom-right-radius: 0px;
11053
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
11054
11054
  .next-table.next-table-layout-fixed {
11055
11055
  overflow: auto; }
11056
11056
  .next-table.next-table-layout-fixed table {
@@ -11071,29 +11071,29 @@ h6.next-typography-title {
11071
11071
  width: 100%;
11072
11072
  background: #FFFFFF;
11073
11073
  background: var(--table-row-bg, #FFFFFF);
11074
- border-top-left-radius: 6px;
11075
- border-top-left-radius: var(--table-header-corner-top, 6px);
11076
- border-top-right-radius: 6px;
11077
- border-top-right-radius: var(--table-header-corner-top, 6px);
11078
- border-bottom-left-radius: 6px;
11079
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
11080
- border-bottom-right-radius: 6px;
11081
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
11074
+ border-top-left-radius: 8px;
11075
+ border-top-left-radius: var(--table-header-corner-top, 8px);
11076
+ border-top-right-radius: 8px;
11077
+ border-top-right-radius: var(--table-header-corner-top, 8px);
11078
+ border-bottom-left-radius: 0px;
11079
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
11080
+ border-bottom-right-radius: 0px;
11081
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
11082
11082
  .next-table table tr:first-child td {
11083
11083
  border-top-width: 0; }
11084
11084
  .next-table th {
11085
11085
  padding: 0;
11086
- background: #fafafa;
11087
- background: var(--table-th-bg, #fafafa);
11086
+ background: #f8f9fb;
11087
+ background: var(--table-th-bg, #f8f9fb);
11088
11088
  color: #2e3038;
11089
11089
  color: var(--table-th-color, #2e3038);
11090
11090
  text-align: left;
11091
11091
  font-weight: 500;
11092
11092
  font-weight: var(--table-th-font-weight, 500);
11093
- border-right: 1px solid #f0f0f0;
11094
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11095
- border-bottom: 1px solid #f0f0f0;
11096
- border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
11093
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
11094
+ 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));
11095
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
11096
+ 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)); }
11097
11097
  .next-table th .next-table-cell-wrapper {
11098
11098
  padding: 12px 16px;
11099
11099
  padding: var(--table-header-padding-top, 12px) var(--table-header-padding-left, 16px);
@@ -11141,10 +11141,10 @@ h6.next-typography-title {
11141
11141
  z-index: -1; }
11142
11142
  .next-table td {
11143
11143
  padding: 0;
11144
- border-right: 1px solid #f0f0f0;
11145
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11146
- border-bottom: 1px solid #f0f0f0;
11147
- border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
11144
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
11145
+ 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));
11146
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
11147
+ 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)); }
11148
11148
  .next-table td .next-table-cell-wrapper {
11149
11149
  padding: 16px 16px;
11150
11150
  padding: var(--table-cell-padding-top, 16px) var(--table-cell-padding-left, 16px);
@@ -11242,8 +11242,8 @@ h6.next-typography-title {
11242
11242
  border-top: 0;
11243
11243
  border-left: 0; }
11244
11244
  .next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
11245
- border-right: 1px solid #f0f0f0;
11246
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
11245
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
11246
+ 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)); }
11247
11247
  .next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
11248
11248
  border-right: 0; }
11249
11249
  .next-table-expanded-row .next-table .last td {
@@ -11309,14 +11309,14 @@ h6.next-typography-title {
11309
11309
  .next-table-header {
11310
11310
  margin-bottom: -20px;
11311
11311
  padding-bottom: 20px;
11312
- border-top-left-radius: 6px;
11313
- border-top-left-radius: var(--table-header-corner-top, 6px);
11314
- border-top-right-radius: 6px;
11315
- border-top-right-radius: var(--table-header-corner-top, 6px);
11316
- border-bottom-left-radius: 6px;
11317
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
11318
- border-bottom-right-radius: 6px;
11319
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
11312
+ border-top-left-radius: 8px;
11313
+ border-top-left-radius: var(--table-header-corner-top, 8px);
11314
+ border-top-right-radius: 8px;
11315
+ border-top-right-radius: var(--table-header-corner-top, 8px);
11316
+ border-bottom-left-radius: 0px;
11317
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
11318
+ border-bottom-right-radius: 0px;
11319
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
11320
11320
  overflow: -moz-scrollbars-none;
11321
11321
  -ms-overflow-style: none;
11322
11322
  scrollbar-width: none; }
@@ -11329,15 +11329,15 @@ h6.next-typography-title {
11329
11329
  position: relative; }
11330
11330
 
11331
11331
  .next-table-fixed {
11332
- border-right: 1px solid #f0f0f0;
11333
- border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11334
- border-bottom: 1px solid #f0f0f0;
11335
- border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
11332
+ border-right: 1px solid rgba(0, 0, 0, 0.08);
11333
+ 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));
11334
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
11335
+ 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)); }
11336
11336
  .next-table-fixed table {
11337
11337
  table-layout: fixed; }
11338
11338
  .next-table-fixed .next-table-header {
11339
- background: #fafafa;
11340
- background: var(--table-th-bg, #fafafa); }
11339
+ background: #f8f9fb;
11340
+ background: var(--table-th-bg, #f8f9fb); }
11341
11341
  .next-table-fixed table tr td:first-child,
11342
11342
  .next-table-fixed table tr th:first-child {
11343
11343
  border-left-width: 0; }
@@ -11399,10 +11399,10 @@ h6.next-typography-title {
11399
11399
  margin-top: 8px;
11400
11400
  margin-top: var(--table-group-split, 8px); }
11401
11401
  .next-table-group .next-table-body table {
11402
- border-top: 1px solid #f0f0f0;
11403
- border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11404
- border-left: 1px solid #f0f0f0;
11405
- border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11402
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
11403
+ 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));
11404
+ border-left: 1px solid rgba(0, 0, 0, 0.08);
11405
+ 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));
11406
11406
  margin-bottom: 8px;
11407
11407
  margin-bottom: var(--table-group-split, 8px); }
11408
11408
  .next-table-group .next-table-body table tr:first-child td {
@@ -11410,10 +11410,10 @@ h6.next-typography-title {
11410
11410
  .next-table-group .next-table-body table:last-of-type {
11411
11411
  margin-bottom: 0; }
11412
11412
  .next-table-group .next-table-header table {
11413
- border-top: 1px solid #f0f0f0;
11414
- border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11415
- border-left: 1px solid #f0f0f0;
11416
- border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0); }
11413
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
11414
+ 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));
11415
+ border-left: 1px solid rgba(0, 0, 0, 0.08);
11416
+ 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)); }
11417
11417
  .next-table-group .next-table-group-header td {
11418
11418
  background: #fafafa;
11419
11419
  background: var(--table-group-th-bg, #fafafa);
@@ -11461,10 +11461,10 @@ h6.next-typography-title {
11461
11461
 
11462
11462
  .next-table-header-fixer {
11463
11463
  content: " ";
11464
- border-top-right-radius: 6px;
11465
- border-top-right-radius: var(--table-header-corner-top, 6px);
11466
- border-bottom-right-radius: 6px;
11467
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
11464
+ border-top-right-radius: 8px;
11465
+ border-top-right-radius: var(--table-header-corner-top, 8px);
11466
+ border-bottom-right-radius: 0px;
11467
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
11468
11468
  width: 15px;
11469
11469
  background: inherit;
11470
11470
  position: absolute;