@alifd/theme-panda 0.1.1 → 0.1.3

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
  /*!
2
- * @alifd/theme-panda@0.1.1 (https://fusion.design)
2
+ * @alifd/theme-panda@0.1.3 (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)
@@ -4564,8 +4564,8 @@ small {
4564
4564
  -webkit-box-shadow: none;
4565
4565
  box-shadow: none; }
4566
4566
  .next-btn.next-small {
4567
- border-radius: 8px;
4568
- border-radius: var(--btn-size-s-corner, 8px);
4567
+ border-radius: 6px;
4568
+ border-radius: var(--btn-size-s-corner, 6px);
4569
4569
  padding: 0 8px;
4570
4570
  padding: 0 var(--btn-size-s-padding, 8px);
4571
4571
  height: 28px;
@@ -4627,10 +4627,10 @@ small {
4627
4627
  -webkit-transition: all 100ms linear;
4628
4628
  transition: all 100ms linear; }
4629
4629
  .next-btn.next-medium {
4630
- border-radius: 8px;
4631
- border-radius: var(--btn-size-m-corner, 8px);
4632
- padding: 0 16px;
4633
- padding: 0 var(--btn-size-m-padding, 16px);
4630
+ border-radius: 6px;
4631
+ border-radius: var(--btn-size-m-corner, 6px);
4632
+ padding: 0 12px;
4633
+ padding: 0 var(--btn-size-m-padding, 12px);
4634
4634
  height: 32px;
4635
4635
  height: var(--btn-size-m-height, 32px);
4636
4636
  font-size: 14px;
@@ -4673,8 +4673,8 @@ small {
4673
4673
  height: 12px;
4674
4674
  font-size: 12px;
4675
4675
  line-height: 12px;
4676
- left: 16px;
4677
- left: var(--btn-size-m-padding, 16px);
4676
+ left: 12px;
4677
+ left: var(--btn-size-m-padding, 12px);
4678
4678
  top: 50%;
4679
4679
  text-align: center;
4680
4680
  margin-right: 4px; }
@@ -4692,8 +4692,8 @@ small {
4692
4692
  .next-btn.next-large {
4693
4693
  border-radius: 6px;
4694
4694
  border-radius: var(--btn-size-l-corner, 6px);
4695
- padding: 0 12px;
4696
- padding: 0 var(--btn-size-l-padding, 12px);
4695
+ padding: 0 16px;
4696
+ padding: 0 var(--btn-size-l-padding, 16px);
4697
4697
  height: 40px;
4698
4698
  height: var(--btn-size-l-height, 40px);
4699
4699
  font-size: 18px;
@@ -4736,8 +4736,8 @@ small {
4736
4736
  height: 16px;
4737
4737
  font-size: 16px;
4738
4738
  line-height: 16px;
4739
- left: 12px;
4740
- left: var(--btn-size-l-padding, 12px);
4739
+ left: 16px;
4740
+ left: var(--btn-size-l-padding, 16px);
4741
4741
  top: 50%;
4742
4742
  text-align: center;
4743
4743
  margin-right: 4px; }
@@ -5479,8 +5479,8 @@ small {
5479
5479
  /* 尺寸维度 */
5480
5480
  /* ---------------------------------------- */
5481
5481
  .next-btn.next-small[dir="rtl"] {
5482
- border-radius: 8px;
5483
- border-radius: var(--btn-size-s-corner, 8px); }
5482
+ border-radius: 6px;
5483
+ border-radius: var(--btn-size-s-corner, 6px); }
5484
5484
  .next-btn.next-small[dir="rtl"] > .next-btn-icon.next-icon-first {
5485
5485
  margin-left: 4px;
5486
5486
  margin-right: 0; }
@@ -5510,8 +5510,8 @@ small {
5510
5510
  margin-left: 4px; }
5511
5511
 
5512
5512
  .next-btn.next-medium[dir="rtl"] {
5513
- border-radius: 8px;
5514
- border-radius: var(--btn-size-m-corner, 8px); }
5513
+ border-radius: 6px;
5514
+ border-radius: var(--btn-size-m-corner, 6px); }
5515
5515
  .next-btn.next-medium[dir="rtl"] > .next-btn-icon.next-icon-first {
5516
5516
  margin-left: 4px;
5517
5517
  margin-right: 0; }
@@ -5529,13 +5529,13 @@ small {
5529
5529
  font-size: 12px;
5530
5530
  line-height: inherit; }
5531
5531
  .next-btn.next-medium[dir="rtl"].next-btn-loading {
5532
- padding-left: 16px;
5533
- padding-left: var(--btn-size-m-padding, 16px);
5534
- padding-right: calc(16px + 16px);
5535
- padding-right: calc(var(--btn-size-m-padding, 16px) + 16px); }
5532
+ padding-left: 12px;
5533
+ padding-left: var(--btn-size-m-padding, 12px);
5534
+ padding-right: calc(12px + 16px);
5535
+ padding-right: calc(var(--btn-size-m-padding, 12px) + 16px); }
5536
5536
  .next-btn.next-medium[dir="rtl"].next-btn-loading:after {
5537
- right: 16px;
5538
- right: var(--btn-size-m-padding, 16px);
5537
+ right: 12px;
5538
+ right: var(--btn-size-m-padding, 12px);
5539
5539
  top: 50%;
5540
5540
  margin-right: 0;
5541
5541
  margin-left: 4px; }
@@ -5560,13 +5560,13 @@ small {
5560
5560
  font-size: 16px;
5561
5561
  line-height: inherit; }
5562
5562
  .next-btn.next-large[dir="rtl"].next-btn-loading {
5563
- padding-left: 12px;
5564
- padding-left: var(--btn-size-l-padding, 12px);
5565
- padding-right: calc(12px + 20px);
5566
- padding-right: calc(var(--btn-size-l-padding, 12px) + 20px); }
5563
+ padding-left: 16px;
5564
+ padding-left: var(--btn-size-l-padding, 16px);
5565
+ padding-right: calc(16px + 20px);
5566
+ padding-right: calc(var(--btn-size-l-padding, 16px) + 20px); }
5567
5567
  .next-btn.next-large[dir="rtl"].next-btn-loading:after {
5568
- right: 12px;
5569
- right: var(--btn-size-l-padding, 12px);
5568
+ right: 16px;
5569
+ right: var(--btn-size-l-padding, 16px);
5570
5570
  top: 50%;
5571
5571
  margin-right: 0;
5572
5572
  margin-left: 4px; }
@@ -8836,8 +8836,8 @@ small {
8836
8836
  background: var(--dialog-bg, #FFFFFF);
8837
8837
  border: 0px solid #f0f0f0;
8838
8838
  border: var(--dialog-border-width, 0px) var(--dialog-border-style, solid) var(--dialog-border-color, #f0f0f0);
8839
- border-radius: 8px;
8840
- border-radius: var(--dialog-corner, 8px);
8839
+ border-radius: 16px;
8840
+ border-radius: var(--dialog-corner, 16px);
8841
8841
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
8842
8842
  -webkit-box-shadow: var(--dialog-shadow, 0px 0px 12px 0px rgba(0, 0, 0, 0.12));
8843
8843
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @alifd/theme-panda@0.1.1 (https://fusion.design)
2
+ * @alifd/theme-panda@0.1.3 (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)
@@ -11026,10 +11026,10 @@ h6.next-typography-title {
11026
11026
  border-top-left-radius: var(--table-header-corner-top, 6px);
11027
11027
  border-top-right-radius: 6px;
11028
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);
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
11033
  border-top: 1px solid #f0f0f0;
11034
11034
  border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
11035
11035
  border-left: 1px solid #f0f0f0;
@@ -11046,11 +11046,11 @@ h6.next-typography-title {
11046
11046
  border-top-right-radius: 6px;
11047
11047
  border-top-right-radius: var(--table-header-corner-top, 6px); }
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 {
@@ -11075,10 +11075,10 @@ h6.next-typography-title {
11075
11075
  border-top-left-radius: var(--table-header-corner-top, 6px);
11076
11076
  border-top-right-radius: 6px;
11077
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); }
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 {
@@ -11313,10 +11313,10 @@ h6.next-typography-title {
11313
11313
  border-top-left-radius: var(--table-header-corner-top, 6px);
11314
11314
  border-top-right-radius: 6px;
11315
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);
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; }
@@ -11463,8 +11463,8 @@ h6.next-typography-title {
11463
11463
  content: " ";
11464
11464
  border-top-right-radius: 6px;
11465
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);
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;
package/dist/next.var.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @alifd/theme-panda@0.1.1 (https://fusion.design)
2
+ * @alifd/theme-panda@0.1.3 (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)
@@ -4564,8 +4564,8 @@ small {
4564
4564
  -webkit-box-shadow: none;
4565
4565
  box-shadow: none; }
4566
4566
  .next-btn.next-small {
4567
- border-radius: 8px;
4568
- border-radius: var(--btn-size-s-corner, 8px);
4567
+ border-radius: 6px;
4568
+ border-radius: var(--btn-size-s-corner, 6px);
4569
4569
  padding: 0 8px;
4570
4570
  padding: 0 var(--btn-size-s-padding, 8px);
4571
4571
  height: 28px;
@@ -4627,10 +4627,10 @@ small {
4627
4627
  -webkit-transition: all 100ms linear;
4628
4628
  transition: all 100ms linear; }
4629
4629
  .next-btn.next-medium {
4630
- border-radius: 8px;
4631
- border-radius: var(--btn-size-m-corner, 8px);
4632
- padding: 0 16px;
4633
- padding: 0 var(--btn-size-m-padding, 16px);
4630
+ border-radius: 6px;
4631
+ border-radius: var(--btn-size-m-corner, 6px);
4632
+ padding: 0 12px;
4633
+ padding: 0 var(--btn-size-m-padding, 12px);
4634
4634
  height: 32px;
4635
4635
  height: var(--btn-size-m-height, 32px);
4636
4636
  font-size: 14px;
@@ -4673,8 +4673,8 @@ small {
4673
4673
  height: 12px;
4674
4674
  font-size: 12px;
4675
4675
  line-height: 12px;
4676
- left: 16px;
4677
- left: var(--btn-size-m-padding, 16px);
4676
+ left: 12px;
4677
+ left: var(--btn-size-m-padding, 12px);
4678
4678
  top: 50%;
4679
4679
  text-align: center;
4680
4680
  margin-right: 4px; }
@@ -4692,8 +4692,8 @@ small {
4692
4692
  .next-btn.next-large {
4693
4693
  border-radius: 6px;
4694
4694
  border-radius: var(--btn-size-l-corner, 6px);
4695
- padding: 0 12px;
4696
- padding: 0 var(--btn-size-l-padding, 12px);
4695
+ padding: 0 16px;
4696
+ padding: 0 var(--btn-size-l-padding, 16px);
4697
4697
  height: 40px;
4698
4698
  height: var(--btn-size-l-height, 40px);
4699
4699
  font-size: 18px;
@@ -4736,8 +4736,8 @@ small {
4736
4736
  height: 16px;
4737
4737
  font-size: 16px;
4738
4738
  line-height: 16px;
4739
- left: 12px;
4740
- left: var(--btn-size-l-padding, 12px);
4739
+ left: 16px;
4740
+ left: var(--btn-size-l-padding, 16px);
4741
4741
  top: 50%;
4742
4742
  text-align: center;
4743
4743
  margin-right: 4px; }
@@ -5479,8 +5479,8 @@ small {
5479
5479
  /* 尺寸维度 */
5480
5480
  /* ---------------------------------------- */
5481
5481
  .next-btn.next-small[dir="rtl"] {
5482
- border-radius: 8px;
5483
- border-radius: var(--btn-size-s-corner, 8px); }
5482
+ border-radius: 6px;
5483
+ border-radius: var(--btn-size-s-corner, 6px); }
5484
5484
  .next-btn.next-small[dir="rtl"] > .next-btn-icon.next-icon-first {
5485
5485
  margin-left: 4px;
5486
5486
  margin-right: 0; }
@@ -5510,8 +5510,8 @@ small {
5510
5510
  margin-left: 4px; }
5511
5511
 
5512
5512
  .next-btn.next-medium[dir="rtl"] {
5513
- border-radius: 8px;
5514
- border-radius: var(--btn-size-m-corner, 8px); }
5513
+ border-radius: 6px;
5514
+ border-radius: var(--btn-size-m-corner, 6px); }
5515
5515
  .next-btn.next-medium[dir="rtl"] > .next-btn-icon.next-icon-first {
5516
5516
  margin-left: 4px;
5517
5517
  margin-right: 0; }
@@ -5529,13 +5529,13 @@ small {
5529
5529
  font-size: 12px;
5530
5530
  line-height: inherit; }
5531
5531
  .next-btn.next-medium[dir="rtl"].next-btn-loading {
5532
- padding-left: 16px;
5533
- padding-left: var(--btn-size-m-padding, 16px);
5534
- padding-right: calc(16px + 16px);
5535
- padding-right: calc(var(--btn-size-m-padding, 16px) + 16px); }
5532
+ padding-left: 12px;
5533
+ padding-left: var(--btn-size-m-padding, 12px);
5534
+ padding-right: calc(12px + 16px);
5535
+ padding-right: calc(var(--btn-size-m-padding, 12px) + 16px); }
5536
5536
  .next-btn.next-medium[dir="rtl"].next-btn-loading:after {
5537
- right: 16px;
5538
- right: var(--btn-size-m-padding, 16px);
5537
+ right: 12px;
5538
+ right: var(--btn-size-m-padding, 12px);
5539
5539
  top: 50%;
5540
5540
  margin-right: 0;
5541
5541
  margin-left: 4px; }
@@ -5560,13 +5560,13 @@ small {
5560
5560
  font-size: 16px;
5561
5561
  line-height: inherit; }
5562
5562
  .next-btn.next-large[dir="rtl"].next-btn-loading {
5563
- padding-left: 12px;
5564
- padding-left: var(--btn-size-l-padding, 12px);
5565
- padding-right: calc(12px + 20px);
5566
- padding-right: calc(var(--btn-size-l-padding, 12px) + 20px); }
5563
+ padding-left: 16px;
5564
+ padding-left: var(--btn-size-l-padding, 16px);
5565
+ padding-right: calc(16px + 20px);
5566
+ padding-right: calc(var(--btn-size-l-padding, 16px) + 20px); }
5567
5567
  .next-btn.next-large[dir="rtl"].next-btn-loading:after {
5568
- right: 12px;
5569
- right: var(--btn-size-l-padding, 12px);
5568
+ right: 16px;
5569
+ right: var(--btn-size-l-padding, 16px);
5570
5570
  top: 50%;
5571
5571
  margin-right: 0;
5572
5572
  margin-left: 4px; }
@@ -8836,8 +8836,8 @@ small {
8836
8836
  background: var(--dialog-bg, #FFFFFF);
8837
8837
  border: 0px solid #f0f0f0;
8838
8838
  border: var(--dialog-border-width, 0px) var(--dialog-border-style, solid) var(--dialog-border-color, #f0f0f0);
8839
- border-radius: 8px;
8840
- border-radius: var(--dialog-corner, 8px);
8839
+ border-radius: 16px;
8840
+ border-radius: var(--dialog-corner, 16px);
8841
8841
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
8842
8842
  -webkit-box-shadow: var(--dialog-shadow, 0px 0px 12px 0px rgba(0, 0, 0, 0.12));
8843
8843
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
@@ -25604,10 +25604,10 @@ h6.next-typography-title {
25604
25604
  border-top-left-radius: var(--table-header-corner-top, 6px);
25605
25605
  border-top-right-radius: 6px;
25606
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);
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
25611
  border-top: 1px solid #f0f0f0;
25612
25612
  border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25613
25613
  border-left: 1px solid #f0f0f0;
@@ -25624,11 +25624,11 @@ h6.next-typography-title {
25624
25624
  border-top-right-radius: 6px;
25625
25625
  border-top-right-radius: var(--table-header-corner-top, 6px); }
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 {
@@ -25653,10 +25653,10 @@ h6.next-typography-title {
25653
25653
  border-top-left-radius: var(--table-header-corner-top, 6px);
25654
25654
  border-top-right-radius: 6px;
25655
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); }
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 {
@@ -25891,10 +25891,10 @@ h6.next-typography-title {
25891
25891
  border-top-left-radius: var(--table-header-corner-top, 6px);
25892
25892
  border-top-right-radius: 6px;
25893
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);
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; }
@@ -26041,8 +26041,8 @@ h6.next-typography-title {
26041
26041
  content: " ";
26042
26042
  border-top-right-radius: 6px;
26043
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);
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;