@alifd/theme-panda 0.2.0 → 0.2.1

package/dist/next.var-1.css

@@ -1,5 +1,5 @@
 /*!
- * @alifd/theme-panda@0.2.0 (https://fusion.design)
+ * @alifd/theme-panda@0.2.1 (https://fusion.design)
  * @alifd/next@1.25.51 (https://fusion.design)
  * Copyright 2018-present Alibaba Group,
  * Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
@@ -3037,8 +3037,8 @@ small {
   height: calc(var(--radio-button-height-small, 20px) - 2px);
   line-height: calc(20px - 2px);
   line-height: calc(var(--radio-button-height-small, 20px) - 2px);
-  font-size: 14px;
-  font-size: var(--radio-button-font-size-small, 14px); }
+  font-size: 12px;
+  font-size: var(--radio-button-font-size-small, 12px); }
 
 .next-radio-single-input input[type="radio"] {
   opacity: 0;
@@ -3119,8 +3119,8 @@ small {
     min-width: var(--badge-size-count-config-height, 16px);
     padding: 0 4px 0 4px;
     padding: 0 var(--badge-size-count-padding-lr, 4px) 0 var(--badge-size-count-padding-lr, 4px);
-    font-size: 14px;
-    font-size: var(--badge-size-count-font, 14px);
+    font-size: 12px;
+    font-size: var(--badge-size-count-font, 12px);
     line-height: 16px;
     line-height: var(--badge-size-count-config-height, 16px);
     -webkit-transform: translateX(-50%);
@@ -3158,8 +3158,8 @@ small {
   .next-badge .next-badge-custom {
     line-height: 1.166667;
     white-space: nowrap;
-    font-size: 14px;
-    font-size: var(--font-size-caption, 14px);
+    font-size: 12px;
+    font-size: var(--font-size-caption, 12px);
     padding-left: 4px;
     padding-left: var(--badge-size-custom-padding-lr, 4px);
     padding-right: 4px;
@@ -3196,8 +3196,8 @@ small {
       height: var(--badge-size-count-config-height, 16px);
       line-height: 16px;
       line-height: var(--badge-size-count-config-height, 16px);
-      font-size: 14px;
-      font-size: var(--badge-size-count-font, 14px); }
+      font-size: 12px;
+      font-size: var(--badge-size-count-font, 12px); }
   .next-badge-not-a-wrapper .next-badge-count,
   .next-badge-not-a-wrapper .next-badge-custom {
     position: relative;
@@ -4394,8 +4394,8 @@ small {
   .next-breadcrumb .next-breadcrumb-text {
     height: 16px;
     min-width: 16px;
-    font-size: 14px;
-    font-size: var(--breadcrumb-size-m-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--breadcrumb-size-m-font-size, 12px);
     line-height: 16px; }
   .next-breadcrumb .next-breadcrumb-separator {
     height: 16px;
@@ -4420,8 +4420,8 @@ small {
           width: 16px;
           font-size: 16px; } }
   .next-breadcrumb .next-breadcrumb-text-ellipsis {
-    font-size: 14px;
-    font-size: var(--breadcrumb-size-ellipsis-font-size, 14px); }
+    font-size: 12px;
+    font-size: var(--breadcrumb-size-ellipsis-font-size, 12px); }
   .next-breadcrumb .next-breadcrumb-text {
     color: rgba(0, 0, 0, 0.75);
     color: var(--breadcrumb-text-color, rgba(0, 0, 0, 0.75)); }
@@ -4570,8 +4570,8 @@ small {
     padding: 0 var(--btn-size-s-padding, 8px);
     height: 28px;
     height: var(--btn-size-s-height, 28px);
-    font-size: 14px;
-    font-size: var(--btn-size-s-font, 14px);
+    font-size: 12px;
+    font-size: var(--btn-size-s-font, 12px);
     border-width: 1px;
     border-width: var(--btn-size-s-border-width, 1px); }
     .next-btn.next-small > .next-btn-icon.next-icon-first {
@@ -5245,8 +5245,8 @@ small {
       padding: 0 0px;
       height: 16px;
       height: var(--btn-text-size-s-height, 16px);
-      font-size: 14px;
-      font-size: var(--btn-text-size-s-font, 14px);
+      font-size: 12px;
+      font-size: var(--btn-text-size-s-font, 12px);
       border-width: 0; }
       .next-btn-text.next-small > .next-btn-icon.next-icon-first {
         -webkit-transform: scale(1);
@@ -5715,11 +5715,11 @@ small {
     .next-input.next-small .next-input-label {
       padding-left: 8px;
       padding-left: var(--input-s-label-padding-left, 8px);
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px); }
     .next-input.next-small .next-input-inner {
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px); }
     .next-input.next-small .next-input-control {
       padding-right: 4px;
       padding-right: var(--input-s-icon-padding-right, 4px); }
@@ -5733,25 +5733,25 @@ small {
       line-height: calc(var(--form-element-small-height, 24px) - var(--input-border-width, 1px)*2) \0;
       padding: 0 8px;
       padding: 0 var(--input-s-padding, 8px);
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::-webkit-input-placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::-moz-placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::-ms-input-placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
     .next-input.next-small .next-input-text-field {
       padding: 0 8px;
       padding: 0 var(--input-s-padding, 8px);
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px);
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px);
       height: calc(24px - 1px*2);
       height: calc(var(--form-element-small-height, 24px) - var(--input-border-width, 1px)*2);
       line-height: calc(24px - 1px*2);
@@ -5979,10 +5979,10 @@ small {
     -webkit-box-shadow: none;
             box-shadow: none; }
   .next-input-control .next-input-len {
-    font-size: 14px;
-    font-size: var(--input-maxlen-font-size, 14px);
-    line-height: 14px;
-    line-height: var(--input-maxlen-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--input-maxlen-font-size, 12px);
+    line-height: 12px;
+    line-height: var(--input-maxlen-font-size, 12px);
     color: #999999;
     color: var(--input-maxlen-color, #999999);
     display: table-cell;
@@ -6212,8 +6212,8 @@ small {
         background-color: whitesmoke;
         background-color: var(--input-disabled-bg-color, whitesmoke); }
     .next-input-group-text.next-small {
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px);
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px);
       border-radius: 6px;
       border-radius: var(--form-element-small-corner, 6px); }
     .next-input-group-text.next-medium {
@@ -6688,8 +6688,8 @@ small {
   text-align: center;
   color: #999999;
   color: var(--calendar-card-table-head-color, #999999);
-  font-size: 14px;
-  font-size: var(--calendar-card-table-head-font-size, 14px);
+  font-size: 12px;
+  font-size: var(--calendar-card-table-head-font-size, 12px);
   font-weight: normal;
   font-weight: var(--calendar-card-table-head-font-weight, normal); }
 
@@ -6697,8 +6697,8 @@ small {
 .next-calendar-panel .next-calendar-cell,
 .next-calendar-range .next-calendar-cell {
   text-align: center;
-  font-size: 14px;
-  font-size: var(--calendar-card-table-cell-font-size, 14px); }
+  font-size: 12px;
+  font-size: var(--calendar-card-table-cell-font-size, 12px); }
   .next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
   .next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
   .next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
@@ -7092,8 +7092,8 @@ small {
     font-weight: normal;
     font-weight: var(--card-title-font-weight, normal); }
   .next-card-subtitle {
-    font-size: 14px;
-    font-size: var(--card-sub-title-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--card-sub-title-font-size, 12px);
     color: rgba(0, 0, 0, 0.75);
     color: var(--card-sub-title-color, rgba(0, 0, 0, 0.75));
     padding-left: 8px;
@@ -7175,8 +7175,8 @@ small {
     font-weight: var(--card-title-font-weight, normal);
     line-height: 1.5; }
   .next-card-header-subtitle {
-    font-size: 14px;
-    font-size: var(--card-sub-title-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--card-sub-title-font-size, 12px);
     color: rgba(0, 0, 0, 0.75);
     color: var(--card-sub-title-color, rgba(0, 0, 0, 0.75)); }
   .next-card-actions {
@@ -7823,8 +7823,8 @@ small {
     height: var(--time-picker-menu-title-height, 28px);
     line-height: 28px;
     line-height: var(--time-picker-menu-title-height, 28px);
-    font-size: 14px;
-    font-size: var(--time-picker-menu-title-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--time-picker-menu-title-font-size, 12px);
     font-weight: normal;
     font-weight: var(--time-pikcer-menu-title-font-weight, normal);
     color: #999999;
@@ -7837,8 +7837,8 @@ small {
     list-style: none;
     margin: 0;
     padding: 0;
-    font-size: 14px;
-    font-size: var(--time-picker-menu-item-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--time-picker-menu-item-font-size, 12px);
     height: calc(28px*7);
     height: calc(var(--time-picker-menu-item-height, 28px)*7); }
   .next-time-picker-menu-item {
@@ -7947,8 +7947,8 @@ small {
   color: rgba(0, 0, 0, 0.4);
   color: var(--color-text1-1, rgba(0, 0, 0, 0.4));
   width: 16px;
-  font-size: 14px;
-  font-size: var(--font-size-caption, 14px);
+  font-size: 12px;
+  font-size: var(--font-size-caption, 12px);
   vertical-align: middle; }
 
 .next-date-picker,
@@ -13186,8 +13186,8 @@ small {
     line-height: 28px;
     line-height: var(--form-element-medium-preview-height, 28px); }
   .next-form-preview.next-form-item.next-small .next-form-item-label {
-    font-size: 14px;
-    font-size: var(--form-element-small-preview-label-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--form-element-small-preview-label-font-size, 12px);
     line-height: 20px;
     line-height: var(--form-element-small-preview-height, 20px); }
   .next-form-preview.next-form-item.next-large .next-form-item-label {
@@ -13210,10 +13210,10 @@ small {
     gap: var(--form-inline-s-item-margin-r, 16px); }
   .next-form-responsive-grid.next-small .next-form-item.next-left .next-form-item-label {
     line-height: 1.4;
-    margin-top: calc(24px/2 - 14px/2);
-    margin-top: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 14px)/2);
-    margin-bottom: calc(24px/2 - 14px/2);
-    margin-bottom: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 14px)/2); }
+    margin-top: calc(24px/2 - 12px/2);
+    margin-top: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 12px)/2);
+    margin-bottom: calc(24px/2 - 12px/2);
+    margin-bottom: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 12px)/2); }
   .next-form-responsive-grid.next-medium .next-responsive-grid {
     gap: 20px;
     gap: var(--form-inline-m-item-margin-r, 20px); }
@@ -13322,22 +13322,22 @@ small {
         line-height: 24px;
         line-height: var(--form-element-small-height, 24px); }
       .next-form-item.next-small .next-form-preview {
-        font-size: 14px;
-        font-size: var(--form-element-small-preview-font-size, 14px);
+        font-size: 12px;
+        font-size: var(--form-element-small-preview-font-size, 12px);
         line-height: 20px;
         line-height: var(--form-element-small-preview-height, 20px); }
         .next-form-item.next-small .next-form-preview.next-input-textarea > p {
-          font-size: 14px;
-          font-size: var(--form-element-small-preview-font-size, 14px);
+          font-size: 12px;
+          font-size: var(--form-element-small-preview-font-size, 12px);
           text-align: justify;
-          min-height: calc(14px*1.4);
-          min-height: calc(var(--form-element-small-preview-font-size, 14px)*1.4);
+          min-height: calc(12px*1.4);
+          min-height: calc(var(--form-element-small-preview-font-size, 12px)*1.4);
           line-height: 1.4;
-          margin-top: calc(20px/2 - 14px*1.4/2);
-          margin-top: calc(var(--form-element-small-preview-height, 20px)/2 - var(--form-element-small-preview-font-size, 14px)*1.4/2); }
+          margin-top: calc(20px/2 - 12px*1.4/2);
+          margin-top: calc(var(--form-element-small-preview-height, 20px)/2 - var(--form-element-small-preview-font-size, 12px)*1.4/2); }
       .next-form-item.next-small .next-form-item-label {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
     .next-form-item.next-top > .next-form-item-label {
       margin-bottom: 2px;
       margin-bottom: var(--form-top-label-margin-b, 2px); }
@@ -14397,8 +14397,8 @@ small {
     .next-nav.next-ver .next-menu-sub-menu .next-menu-item-inner {
       height: 44px;
       height: var(--nav-ver-sub-nav-height, 44px);
-      font-size: 14px;
-      font-size: var(--nav-ver-sub-nav-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--nav-ver-sub-nav-font-size, 12px); }
     .next-nav.next-ver .next-nav-item:before {
       height: 0;
       top: 50%;