@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)
@@ -4036,8 +4036,8 @@
4036
4036
  -webkit-box-shadow: none;
4037
4037
  box-shadow: none; }
4038
4038
  .next-btn.next-small {
4039
- border-radius: 8px;
4040
- border-radius: var(--btn-size-s-corner, 8px);
4039
+ border-radius: 6px;
4040
+ border-radius: var(--btn-size-s-corner, 6px);
4041
4041
  padding: 0 8px;
4042
4042
  padding: 0 var(--btn-size-s-padding, 8px);
4043
4043
  height: 28px;
@@ -4099,10 +4099,10 @@
4099
4099
  -webkit-transition: all 100ms linear;
4100
4100
  transition: all 100ms linear; }
4101
4101
  .next-btn.next-medium {
4102
- border-radius: 8px;
4103
- border-radius: var(--btn-size-m-corner, 8px);
4104
- padding: 0 16px;
4105
- padding: 0 var(--btn-size-m-padding, 16px);
4102
+ border-radius: 6px;
4103
+ border-radius: var(--btn-size-m-corner, 6px);
4104
+ padding: 0 12px;
4105
+ padding: 0 var(--btn-size-m-padding, 12px);
4106
4106
  height: 32px;
4107
4107
  height: var(--btn-size-m-height, 32px);
4108
4108
  font-size: 14px;
@@ -4145,8 +4145,8 @@
4145
4145
  height: 12px;
4146
4146
  font-size: 12px;
4147
4147
  line-height: 12px;
4148
- left: 16px;
4149
- left: var(--btn-size-m-padding, 16px);
4148
+ left: 12px;
4149
+ left: var(--btn-size-m-padding, 12px);
4150
4150
  top: 50%;
4151
4151
  text-align: center;
4152
4152
  margin-right: 4px; }
@@ -4164,8 +4164,8 @@
4164
4164
  .next-btn.next-large {
4165
4165
  border-radius: 6px;
4166
4166
  border-radius: var(--btn-size-l-corner, 6px);
4167
- padding: 0 12px;
4168
- padding: 0 var(--btn-size-l-padding, 12px);
4167
+ padding: 0 16px;
4168
+ padding: 0 var(--btn-size-l-padding, 16px);
4169
4169
  height: 40px;
4170
4170
  height: var(--btn-size-l-height, 40px);
4171
4171
  font-size: 18px;
@@ -4208,8 +4208,8 @@
4208
4208
  height: 16px;
4209
4209
  font-size: 16px;
4210
4210
  line-height: 16px;
4211
- left: 12px;
4212
- left: var(--btn-size-l-padding, 12px);
4211
+ left: 16px;
4212
+ left: var(--btn-size-l-padding, 16px);
4213
4213
  top: 50%;
4214
4214
  text-align: center;
4215
4215
  margin-right: 4px; }
@@ -4951,8 +4951,8 @@
4951
4951
  /* 尺寸维度 */
4952
4952
  /* ---------------------------------------- */
4953
4953
  .next-btn.next-small[dir="rtl"] {
4954
- border-radius: 8px;
4955
- border-radius: var(--btn-size-s-corner, 8px); }
4954
+ border-radius: 6px;
4955
+ border-radius: var(--btn-size-s-corner, 6px); }
4956
4956
  .next-btn.next-small[dir="rtl"] > .next-btn-icon.next-icon-first {
4957
4957
  margin-left: 4px;
4958
4958
  margin-right: 0; }
@@ -4982,8 +4982,8 @@
4982
4982
  margin-left: 4px; }
4983
4983
 
4984
4984
  .next-btn.next-medium[dir="rtl"] {
4985
- border-radius: 8px;
4986
- border-radius: var(--btn-size-m-corner, 8px); }
4985
+ border-radius: 6px;
4986
+ border-radius: var(--btn-size-m-corner, 6px); }
4987
4987
  .next-btn.next-medium[dir="rtl"] > .next-btn-icon.next-icon-first {
4988
4988
  margin-left: 4px;
4989
4989
  margin-right: 0; }
@@ -5001,13 +5001,13 @@
5001
5001
  font-size: 12px;
5002
5002
  line-height: inherit; }
5003
5003
  .next-btn.next-medium[dir="rtl"].next-btn-loading {
5004
- padding-left: 16px;
5005
- padding-left: var(--btn-size-m-padding, 16px);
5006
- padding-right: calc(16px + 16px);
5007
- padding-right: calc(var(--btn-size-m-padding, 16px) + 16px); }
5004
+ padding-left: 12px;
5005
+ padding-left: var(--btn-size-m-padding, 12px);
5006
+ padding-right: calc(12px + 16px);
5007
+ padding-right: calc(var(--btn-size-m-padding, 12px) + 16px); }
5008
5008
  .next-btn.next-medium[dir="rtl"].next-btn-loading:after {
5009
- right: 16px;
5010
- right: var(--btn-size-m-padding, 16px);
5009
+ right: 12px;
5010
+ right: var(--btn-size-m-padding, 12px);
5011
5011
  top: 50%;
5012
5012
  margin-right: 0;
5013
5013
  margin-left: 4px; }
@@ -5032,13 +5032,13 @@
5032
5032
  font-size: 16px;
5033
5033
  line-height: inherit; }
5034
5034
  .next-btn.next-large[dir="rtl"].next-btn-loading {
5035
- padding-left: 12px;
5036
- padding-left: var(--btn-size-l-padding, 12px);
5037
- padding-right: calc(12px + 20px);
5038
- padding-right: calc(var(--btn-size-l-padding, 12px) + 20px); }
5035
+ padding-left: 16px;
5036
+ padding-left: var(--btn-size-l-padding, 16px);
5037
+ padding-right: calc(16px + 20px);
5038
+ padding-right: calc(var(--btn-size-l-padding, 16px) + 20px); }
5039
5039
  .next-btn.next-large[dir="rtl"].next-btn-loading:after {
5040
- right: 12px;
5041
- right: var(--btn-size-l-padding, 12px);
5040
+ right: 16px;
5041
+ right: var(--btn-size-l-padding, 16px);
5042
5042
  top: 50%;
5043
5043
  margin-right: 0;
5044
5044
  margin-left: 4px; }
@@ -8308,8 +8308,8 @@
8308
8308
  background: var(--dialog-bg, #FFFFFF);
8309
8309
  border: 0px solid #f0f0f0;
8310
8310
  border: var(--dialog-border-width, 0px) var(--dialog-border-style, solid) var(--dialog-border-color, #f0f0f0);
8311
- border-radius: 8px;
8312
- border-radius: var(--dialog-corner, 8px);
8311
+ border-radius: 16px;
8312
+ border-radius: var(--dialog-corner, 16px);
8313
8313
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
8314
8314
  -webkit-box-shadow: var(--dialog-shadow, 0px 0px 12px 0px rgba(0, 0, 0, 0.12));
8315
8315
  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)
@@ -10576,10 +10576,10 @@ h6.next-typography-title {
10576
10576
  border-top-left-radius: var(--table-header-corner-top, 6px);
10577
10577
  border-top-right-radius: 6px;
10578
10578
  border-top-right-radius: var(--table-header-corner-top, 6px);
10579
- border-bottom-left-radius: 6px;
10580
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
10581
- border-bottom-right-radius: 6px;
10582
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
10579
+ border-bottom-left-radius: 0px;
10580
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
10581
+ border-bottom-right-radius: 0px;
10582
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
10583
10583
  border-top: 1px solid #f0f0f0;
10584
10584
  border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
10585
10585
  border-left: 1px solid #f0f0f0;
@@ -10596,11 +10596,11 @@ h6.next-typography-title {
10596
10596
  border-top-right-radius: 6px;
10597
10597
  border-top-right-radius: var(--table-header-corner-top, 6px); }
10598
10598
  .next-table .next-table-header tr:last-child th:first-child {
10599
- border-bottom-left-radius: 6px;
10600
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px); }
10599
+ border-bottom-left-radius: 0px;
10600
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px); }
10601
10601
  .next-table .next-table-header tr:last-child th:last-child {
10602
- border-bottom-right-radius: 6px;
10603
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
10602
+ border-bottom-right-radius: 0px;
10603
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
10604
10604
  .next-table.next-table-layout-fixed {
10605
10605
  overflow: auto; }
10606
10606
  .next-table.next-table-layout-fixed table {
@@ -10625,10 +10625,10 @@ h6.next-typography-title {
10625
10625
  border-top-left-radius: var(--table-header-corner-top, 6px);
10626
10626
  border-top-right-radius: 6px;
10627
10627
  border-top-right-radius: var(--table-header-corner-top, 6px);
10628
- border-bottom-left-radius: 6px;
10629
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
10630
- border-bottom-right-radius: 6px;
10631
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
10628
+ border-bottom-left-radius: 0px;
10629
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
10630
+ border-bottom-right-radius: 0px;
10631
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
10632
10632
  .next-table table tr:first-child td {
10633
10633
  border-top-width: 0; }
10634
10634
  .next-table th {
@@ -10863,10 +10863,10 @@ h6.next-typography-title {
10863
10863
  border-top-left-radius: var(--table-header-corner-top, 6px);
10864
10864
  border-top-right-radius: 6px;
10865
10865
  border-top-right-radius: var(--table-header-corner-top, 6px);
10866
- border-bottom-left-radius: 6px;
10867
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
10868
- border-bottom-right-radius: 6px;
10869
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
10866
+ border-bottom-left-radius: 0px;
10867
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
10868
+ border-bottom-right-radius: 0px;
10869
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
10870
10870
  overflow: -moz-scrollbars-none;
10871
10871
  -ms-overflow-style: none;
10872
10872
  scrollbar-width: none; }
@@ -11013,8 +11013,8 @@ h6.next-typography-title {
11013
11013
  content: " ";
11014
11014
  border-top-right-radius: 6px;
11015
11015
  border-top-right-radius: var(--table-header-corner-top, 6px);
11016
- border-bottom-right-radius: 6px;
11017
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
11016
+ border-bottom-right-radius: 0px;
11017
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
11018
11018
  width: 15px;
11019
11019
  background: inherit;
11020
11020
  position: absolute;
@@ -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)
@@ -4036,8 +4036,8 @@
4036
4036
  -webkit-box-shadow: none;
4037
4037
  box-shadow: none; }
4038
4038
  .next-btn.next-small {
4039
- border-radius: 8px;
4040
- border-radius: var(--btn-size-s-corner, 8px);
4039
+ border-radius: 6px;
4040
+ border-radius: var(--btn-size-s-corner, 6px);
4041
4041
  padding: 0 8px;
4042
4042
  padding: 0 var(--btn-size-s-padding, 8px);
4043
4043
  height: 28px;
@@ -4099,10 +4099,10 @@
4099
4099
  -webkit-transition: all 100ms linear;
4100
4100
  transition: all 100ms linear; }
4101
4101
  .next-btn.next-medium {
4102
- border-radius: 8px;
4103
- border-radius: var(--btn-size-m-corner, 8px);
4104
- padding: 0 16px;
4105
- padding: 0 var(--btn-size-m-padding, 16px);
4102
+ border-radius: 6px;
4103
+ border-radius: var(--btn-size-m-corner, 6px);
4104
+ padding: 0 12px;
4105
+ padding: 0 var(--btn-size-m-padding, 12px);
4106
4106
  height: 32px;
4107
4107
  height: var(--btn-size-m-height, 32px);
4108
4108
  font-size: 14px;
@@ -4145,8 +4145,8 @@
4145
4145
  height: 12px;
4146
4146
  font-size: 12px;
4147
4147
  line-height: 12px;
4148
- left: 16px;
4149
- left: var(--btn-size-m-padding, 16px);
4148
+ left: 12px;
4149
+ left: var(--btn-size-m-padding, 12px);
4150
4150
  top: 50%;
4151
4151
  text-align: center;
4152
4152
  margin-right: 4px; }
@@ -4164,8 +4164,8 @@
4164
4164
  .next-btn.next-large {
4165
4165
  border-radius: 6px;
4166
4166
  border-radius: var(--btn-size-l-corner, 6px);
4167
- padding: 0 12px;
4168
- padding: 0 var(--btn-size-l-padding, 12px);
4167
+ padding: 0 16px;
4168
+ padding: 0 var(--btn-size-l-padding, 16px);
4169
4169
  height: 40px;
4170
4170
  height: var(--btn-size-l-height, 40px);
4171
4171
  font-size: 18px;
@@ -4208,8 +4208,8 @@
4208
4208
  height: 16px;
4209
4209
  font-size: 16px;
4210
4210
  line-height: 16px;
4211
- left: 12px;
4212
- left: var(--btn-size-l-padding, 12px);
4211
+ left: 16px;
4212
+ left: var(--btn-size-l-padding, 16px);
4213
4213
  top: 50%;
4214
4214
  text-align: center;
4215
4215
  margin-right: 4px; }
@@ -4951,8 +4951,8 @@
4951
4951
  /* 尺寸维度 */
4952
4952
  /* ---------------------------------------- */
4953
4953
  .next-btn.next-small[dir="rtl"] {
4954
- border-radius: 8px;
4955
- border-radius: var(--btn-size-s-corner, 8px); }
4954
+ border-radius: 6px;
4955
+ border-radius: var(--btn-size-s-corner, 6px); }
4956
4956
  .next-btn.next-small[dir="rtl"] > .next-btn-icon.next-icon-first {
4957
4957
  margin-left: 4px;
4958
4958
  margin-right: 0; }
@@ -4982,8 +4982,8 @@
4982
4982
  margin-left: 4px; }
4983
4983
 
4984
4984
  .next-btn.next-medium[dir="rtl"] {
4985
- border-radius: 8px;
4986
- border-radius: var(--btn-size-m-corner, 8px); }
4985
+ border-radius: 6px;
4986
+ border-radius: var(--btn-size-m-corner, 6px); }
4987
4987
  .next-btn.next-medium[dir="rtl"] > .next-btn-icon.next-icon-first {
4988
4988
  margin-left: 4px;
4989
4989
  margin-right: 0; }
@@ -5001,13 +5001,13 @@
5001
5001
  font-size: 12px;
5002
5002
  line-height: inherit; }
5003
5003
  .next-btn.next-medium[dir="rtl"].next-btn-loading {
5004
- padding-left: 16px;
5005
- padding-left: var(--btn-size-m-padding, 16px);
5006
- padding-right: calc(16px + 16px);
5007
- padding-right: calc(var(--btn-size-m-padding, 16px) + 16px); }
5004
+ padding-left: 12px;
5005
+ padding-left: var(--btn-size-m-padding, 12px);
5006
+ padding-right: calc(12px + 16px);
5007
+ padding-right: calc(var(--btn-size-m-padding, 12px) + 16px); }
5008
5008
  .next-btn.next-medium[dir="rtl"].next-btn-loading:after {
5009
- right: 16px;
5010
- right: var(--btn-size-m-padding, 16px);
5009
+ right: 12px;
5010
+ right: var(--btn-size-m-padding, 12px);
5011
5011
  top: 50%;
5012
5012
  margin-right: 0;
5013
5013
  margin-left: 4px; }
@@ -5032,13 +5032,13 @@
5032
5032
  font-size: 16px;
5033
5033
  line-height: inherit; }
5034
5034
  .next-btn.next-large[dir="rtl"].next-btn-loading {
5035
- padding-left: 12px;
5036
- padding-left: var(--btn-size-l-padding, 12px);
5037
- padding-right: calc(12px + 20px);
5038
- padding-right: calc(var(--btn-size-l-padding, 12px) + 20px); }
5035
+ padding-left: 16px;
5036
+ padding-left: var(--btn-size-l-padding, 16px);
5037
+ padding-right: calc(16px + 20px);
5038
+ padding-right: calc(var(--btn-size-l-padding, 16px) + 20px); }
5039
5039
  .next-btn.next-large[dir="rtl"].next-btn-loading:after {
5040
- right: 12px;
5041
- right: var(--btn-size-l-padding, 12px);
5040
+ right: 16px;
5041
+ right: var(--btn-size-l-padding, 16px);
5042
5042
  top: 50%;
5043
5043
  margin-right: 0;
5044
5044
  margin-left: 4px; }
@@ -8308,8 +8308,8 @@
8308
8308
  background: var(--dialog-bg, #FFFFFF);
8309
8309
  border: 0px solid #f0f0f0;
8310
8310
  border: var(--dialog-border-width, 0px) var(--dialog-border-style, solid) var(--dialog-border-color, #f0f0f0);
8311
- border-radius: 8px;
8312
- border-radius: var(--dialog-corner, 8px);
8311
+ border-radius: 16px;
8312
+ border-radius: var(--dialog-corner, 16px);
8313
8313
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
8314
8314
  -webkit-box-shadow: var(--dialog-shadow, 0px 0px 12px 0px rgba(0, 0, 0, 0.12));
8315
8315
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
@@ -25076,10 +25076,10 @@ h6.next-typography-title {
25076
25076
  border-top-left-radius: var(--table-header-corner-top, 6px);
25077
25077
  border-top-right-radius: 6px;
25078
25078
  border-top-right-radius: var(--table-header-corner-top, 6px);
25079
- border-bottom-left-radius: 6px;
25080
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
25081
- border-bottom-right-radius: 6px;
25082
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
25079
+ border-bottom-left-radius: 0px;
25080
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
25081
+ border-bottom-right-radius: 0px;
25082
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
25083
25083
  border-top: 1px solid #f0f0f0;
25084
25084
  border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #f0f0f0);
25085
25085
  border-left: 1px solid #f0f0f0;
@@ -25096,11 +25096,11 @@ h6.next-typography-title {
25096
25096
  border-top-right-radius: 6px;
25097
25097
  border-top-right-radius: var(--table-header-corner-top, 6px); }
25098
25098
  .next-table .next-table-header tr:last-child th:first-child {
25099
- border-bottom-left-radius: 6px;
25100
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px); }
25099
+ border-bottom-left-radius: 0px;
25100
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px); }
25101
25101
  .next-table .next-table-header tr:last-child th:last-child {
25102
- border-bottom-right-radius: 6px;
25103
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
25102
+ border-bottom-right-radius: 0px;
25103
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
25104
25104
  .next-table.next-table-layout-fixed {
25105
25105
  overflow: auto; }
25106
25106
  .next-table.next-table-layout-fixed table {
@@ -25125,10 +25125,10 @@ h6.next-typography-title {
25125
25125
  border-top-left-radius: var(--table-header-corner-top, 6px);
25126
25126
  border-top-right-radius: 6px;
25127
25127
  border-top-right-radius: var(--table-header-corner-top, 6px);
25128
- border-bottom-left-radius: 6px;
25129
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
25130
- border-bottom-right-radius: 6px;
25131
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px); }
25128
+ border-bottom-left-radius: 0px;
25129
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
25130
+ border-bottom-right-radius: 0px;
25131
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px); }
25132
25132
  .next-table table tr:first-child td {
25133
25133
  border-top-width: 0; }
25134
25134
  .next-table th {
@@ -25363,10 +25363,10 @@ h6.next-typography-title {
25363
25363
  border-top-left-radius: var(--table-header-corner-top, 6px);
25364
25364
  border-top-right-radius: 6px;
25365
25365
  border-top-right-radius: var(--table-header-corner-top, 6px);
25366
- border-bottom-left-radius: 6px;
25367
- border-bottom-left-radius: var(--table-header-corner-bottom, 6px);
25368
- border-bottom-right-radius: 6px;
25369
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
25366
+ border-bottom-left-radius: 0px;
25367
+ border-bottom-left-radius: var(--table-header-corner-bottom, 0px);
25368
+ border-bottom-right-radius: 0px;
25369
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
25370
25370
  overflow: -moz-scrollbars-none;
25371
25371
  -ms-overflow-style: none;
25372
25372
  scrollbar-width: none; }
@@ -25513,8 +25513,8 @@ h6.next-typography-title {
25513
25513
  content: " ";
25514
25514
  border-top-right-radius: 6px;
25515
25515
  border-top-right-radius: var(--table-header-corner-top, 6px);
25516
- border-bottom-right-radius: 6px;
25517
- border-bottom-right-radius: var(--table-header-corner-bottom, 6px);
25516
+ border-bottom-right-radius: 0px;
25517
+ border-bottom-right-radius: var(--table-header-corner-bottom, 0px);
25518
25518
  width: 15px;
25519
25519
  background: inherit;
25520
25520
  position: absolute;