npm - @alifd/theme-panda - Versions diffs - 0.1.3 → 0.2.1 - Mend

@alifd/theme-panda 0.1.3 → 0.2.1

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

package/design-token.js +1 -1
package/dist/next-1.css +59 -59
package/dist/next-2.css +140 -140
package/dist/next-noreset-1.css +59 -59
package/dist/next-noreset-2.css +140 -140
package/dist/next-noreset.css +198 -198
package/dist/next-noreset.min-1.css +2 -2
package/dist/next-noreset.min-2.css +2 -2
package/dist/next-noreset.min.css +2 -2
package/dist/next-noreset.var-1.css +117 -117
package/dist/next-noreset.var-2.css +279 -279
package/dist/next-noreset.var.css +395 -395
package/dist/next-noreset.var.min-1.css +2 -2
package/dist/next-noreset.var.min-2.css +2 -2
package/dist/next-noreset.var.min.css +2 -2
package/dist/next.css +198 -198
package/dist/next.js +1 -1
package/dist/next.min-1.css +2 -2
package/dist/next.min-2.css +2 -2
package/dist/next.min.css +2 -2
package/dist/next.var-1.css +117 -117
package/dist/next.var-2.css +279 -279
package/dist/next.var.css +395 -395
package/dist/next.var.min-1.css +2 -2
package/dist/next.var.min-2.css +2 -2
package/dist/next.var.min.css +2 -2
package/package.json +2 -2
package/variables.css +224 -212
package/variables.js +10 -4
package/variables.less +87 -84
package/variables.scss +87 -84
package/variables.scss2css.scss +217 -208

package/variables.css CHANGED Viewed

@@ -1,10 +1,141 @@
 :root {
+    /* ------------------------ font ------------------------ */
+    --font-size-caption: 12px;
+    --font-name-bold: "";
+    --font-name-medium: "";
+    --font-name-regular: "";
+    --font-name-light: "";
+    --font-name-thin: "";
+    --font-custom-name: "";
+    --font-custom-path: "";
+    --font-size-body-1: 14px;
+    --font-size-body-2: 16px;
+    --font-size-subhead: 18px;
+    --font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
+    --font-weight-ultra-bold: 900;
+    --font-weight-extra-bold: 800;
+    --font-weight-3: bold;
+    --font-weight-semi-bold: 600;
+    --font-weight-medium: 500;
+    --font-weight-2: normal;
+    --font-weight-light: 300;
+    --font-weight-thin: 200;
+    --font-weight-1: lighter;
+    --font-size-title: 20px;
+    --font-size-headline: 24px;
+    --font-size-display-1: 36px;
+    --font-size-display-2: 48px;
+    --font-size-display-3: 56px;
+    --font-lineheight-3: 1.7;
+    --font-lineheight-2: 1.5;
+    --font-lineheight-1: 1.3;
     /* ------------------------ color ------------------------ */
+    --color-fill1-5: rgba(0,10,36,1);
+    --color-line1-7: rgba(0,0,0,0.08);
+    --color-line1-6: rgba(237,238,242,1);
     --color-text1-4: rgba(46,48,56,1);
@@ -2863,125 +2994,6 @@
     --icon-font-name: "icon";
-    /* ------------------------ font ------------------------ */
-    --font-name-bold: "";
-    --font-name-medium: "";
-    --font-name-regular: "";
-    --font-name-light: "";
-    --font-name-thin: "";
-    --font-custom-name: "";
-    --font-custom-path: "";
-    --font-size-caption: 14px;
-    --font-size-body-1: 14px;
-    --font-size-body-2: 16px;
-    --font-size-subhead: 18px;
-    --font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
-    --font-weight-ultra-bold: 900;
-    --font-weight-extra-bold: 800;
-    --font-weight-3: bold;
-    --font-weight-semi-bold: 600;
-    --font-weight-medium: 500;
-    --font-weight-2: normal;
-    --font-weight-light: 300;
-    --font-weight-thin: 200;
-    --font-weight-1: lighter;
-    --font-size-title: 20px;
-    --font-size-headline: 24px;
-    --font-size-display-1: 36px;
-    --font-size-display-2: 48px;
-    --font-size-display-3: 56px;
-    --font-lineheight-3: 1.7;
-    --font-lineheight-2: 1.5;
-    --font-lineheight-1: 1.3;
     /* ------------------------ popup ------------------------ */
@@ -3112,11 +3124,11 @@
-    --form-element-small-preview-font-size: var(--font-size-caption, 14px);
+    --form-element-small-preview-font-size: var(--font-size-caption, 12px);
-    --form-element-small-preview-label-font-size: var(--font-size-caption, 14px);
+    --form-element-small-preview-label-font-size: var(--font-size-caption, 12px);
@@ -3132,7 +3144,7 @@
-    --form-element-small-font-size: var(--font-size-caption, 14px);
+    --form-element-small-font-size: var(--font-size-caption, 12px);
@@ -3685,7 +3697,7 @@
-    --timeline-item-custom-node-font-size: var(--font-size-caption, 14px);
+    --timeline-item-custom-node-font-size: var(--font-size-caption, 12px);
@@ -3737,19 +3749,19 @@
-    --timeline-item-body-font-size: var(--font-size-caption, 14px);
+    --timeline-item-body-font-size: var(--font-size-caption, 12px);
-    --timeline-item-left-body-font-size: var(--font-size-caption, 14px);
+    --timeline-item-left-body-font-size: var(--font-size-caption, 12px);
-    --timeline-item-time-font-size: var(--font-size-caption, 14px);
+    --timeline-item-time-font-size: var(--font-size-caption, 12px);
-    --timeline-item-folder-font-size: var(--font-size-caption, 14px);
+    --timeline-item-folder-font-size: var(--font-size-caption, 12px);
@@ -4073,7 +4085,7 @@
-    --rating-small-font-size: var(--font-size-caption, 14px);
+    --rating-small-font-size: var(--font-size-caption, 12px);
@@ -4701,7 +4713,7 @@
-    --card-sub-title-font-size: var(--font-size-caption, 14px);
+    --card-sub-title-font-size: var(--font-size-caption, 12px);
@@ -5085,7 +5097,7 @@
-    --btn-size-s-font: var(--font-size-caption, 14px);
+    --btn-size-s-font: var(--font-size-caption, 12px);
@@ -5453,7 +5465,7 @@
-    --btn-text-size-s-font: var(--font-size-caption, 14px);
+    --btn-text-size-s-font: var(--font-size-caption, 12px);
@@ -5609,10 +5621,6 @@
-    --btn-pure-normal-border-color: var(--color-line1-2, #f0f0f0);
     --btn-size-l-corner: var(--corner-1, 6px);
@@ -5632,6 +5640,10 @@
     --btn-size-l-padding: var(--s-4, 16px);
+    --btn-pure-normal-border-color: var(--color-line1-6, #edeef2);
     /* ------------------------ tag ------------------------ */
@@ -5668,7 +5680,7 @@
-    --tag-size-s-text-size: var(--font-size-caption, 14px);
+    --tag-size-s-text-size: var(--font-size-caption, 12px);
@@ -6339,7 +6351,7 @@
-    --input-maxlen-font-size: var(--font-size-caption, 14px);
+    --input-maxlen-font-size: var(--font-size-caption, 12px);
@@ -6528,10 +6540,6 @@
-    --table-normal-border-color: var(--color-line1-2, #f0f0f0);
     --table-normal-border-style: var(--line-solid, solid);
@@ -6624,10 +6632,6 @@
-    --table-th-bg: var(--color-other-5, #fafafa);
     --table-group-th-bg: var(--color-other-5, #fafafa);
@@ -6644,13 +6648,21 @@
-    --table-header-corner-top: var(--corner-1, 6px);
+    --table-header-corner-top: var(--corner-2, 8px);
     --table-header-corner-bottom: var(--corner-zero, 0px);
+    --table-normal-border-color: var(--color-line1-7, rgba(0, 0, 0, 0.08));
+    --table-th-bg: var(--color-fill1-2, #f8f9fb);
     /* ------------------------ upload ------------------------ */
@@ -6895,7 +6907,7 @@
-    --upload-card-list-thumbnail-font-size: var(--font-size-caption, 14px);
+    --upload-card-list-thumbnail-font-size: var(--font-size-caption, 12px);
@@ -6907,7 +6919,7 @@
-    --upload-card-list-name-font-size: var(--font-size-caption, 14px);
+    --upload-card-list-name-font-size: var(--font-size-caption, 12px);
@@ -6947,7 +6959,7 @@
-    --upload-drag-zone-hint-font-size: var(--font-size-caption, 14px);
+    --upload-drag-zone-hint-font-size: var(--font-size-caption, 12px);
@@ -7006,7 +7018,7 @@
-    --badge-size-count-font: var(--font-size-caption, 14px);
+    --badge-size-count-font: var(--font-size-caption, 12px);
@@ -8099,11 +8111,11 @@
-    --progress-line-font-m: var(--font-size-caption, 14px);
+    --progress-line-font-m: var(--font-size-caption, 12px);
-    --progress-line-font-s: var(--font-size-caption, 14px);
+    --progress-line-font-s: var(--font-size-caption, 12px);
@@ -9367,11 +9379,11 @@
-    --pagination-small-current-font-size: var(--font-size-caption, 14px);
+    --pagination-small-current-font-size: var(--font-size-caption, 12px);
-    --pagination-small-total-font-size: var(--font-size-caption, 14px);
+    --pagination-small-total-font-size: var(--font-size-caption, 12px);
@@ -9379,7 +9391,7 @@
-    --pagination-small-jump-font-size: var(--font-size-caption, 14px);
+    --pagination-small-jump-font-size: var(--font-size-caption, 12px);
@@ -9748,7 +9760,7 @@
-    --radio-button-font-size-small: var(--font-size-caption, 14px);
+    --radio-button-font-size-small: var(--font-size-caption, 12px);
@@ -9855,11 +9867,11 @@
-    --time-picker-menu-title-font-size: var(--font-size-caption, 14px);
+    --time-picker-menu-title-font-size: var(--font-size-caption, 12px);
-    --time-picker-menu-item-font-size: var(--font-size-caption, 14px);
+    --time-picker-menu-item-font-size: var(--font-size-caption, 12px);
@@ -10209,7 +10221,7 @@
-    --step-circle-item-node-font-size: var(--font-size-caption, 14px);
+    --step-circle-item-node-font-size: var(--font-size-caption, 12px);
@@ -10229,7 +10241,7 @@
-    --step-circle-item-content-font-size: var(--font-size-caption, 14px);
+    --step-circle-item-content-font-size: var(--font-size-caption, 12px);
@@ -10545,7 +10557,7 @@
-    --step-dot-item-content-font-size: var(--font-size-caption, 14px);
+    --step-dot-item-content-font-size: var(--font-size-caption, 12px);
@@ -10719,38 +10731,14 @@
-    --nav-hoz-height: var(--s-11, 44px);
     --nav-hoz-font-size: var(--font-size-body-1, 14px);
-    --nav-hoz-item-margin-tb: var(--s-zero, 0px);
-    --nav-hoz-item-margin-lr: var(--s-zero, 0px);
-    --nav-hoz-item-padding-lr: var(--s-5, 20px);
-    --nav-hoz-item-corner: var(--corner-zero, 0px);
     --nav-hoz-item-selected-active-line: var(--line-2, 2px);
-    --nav-hoz-item-hover-active-line: var(--line-zero, 0px);
     --nav-ver-font-size: var(--font-size-body-1, 14px);
@@ -10779,7 +10767,7 @@
-    --nav-ver-sub-nav-font-size: var(--font-size-caption, 14px);
+    --nav-ver-sub-nav-font-size: var(--font-size-caption, 12px);
@@ -11219,71 +11207,95 @@
-    --nav-icon-self-margin: var(--s-3, 12px);
+    --nav-primary-border-color: var(--color-transparent, transparent);
-    --nav-primary-bg-color: var(--color-other-7, #001529);
+    --nav-primary-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
-    --nav-primary-border-color: var(--color-transparent, transparent);
+    --nav-primary-sub-nav-bg-color: var(--color-other-8, #000c17);
-    --nav-primary-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
+    --nav-primary-sub-nav-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
-    --nav-primary-text-style: var(--font-weight-light, 300);
+    --nav-primary-sub-nav-text-style: var(--font-weight-light, 300);
-    --nav-primary-sub-nav-bg-color: var(--color-other-8, #000c17);
+    --nav-primary-item-hover-active-color: var(--color-transparent, transparent);
-    --nav-primary-sub-nav-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
+    --nav-primary-sub-nav-hover-bg-color: var(--color-other-8, #000c17);
-    --nav-primary-sub-nav-text-style: var(--font-weight-light, 300);
+    --nav-primary-item-selected-bg-color: var(--color-brand1-6, #257df9);
-    --nav-primary-item-hover-bg-color: var(--color-transparent, transparent);
+    --nav-primary-item-selected-active-color: var(--color-transparent, transparent);
-    --nav-primary-item-hover-text-style: var(--font-weight-light, 300);
+    --nav-primary-sub-nav-selected-bg-color: var(--color-brand1-6, #257df9);
-    --nav-primary-item-hover-active-color: var(--color-transparent, transparent);
+    --nav-primary-item-opened-bg-color: var(--color-transparent, transparent);
-    --nav-primary-sub-nav-hover-bg-color: var(--color-other-8, #000c17);
+    --nav-hoz-item-margin-tb: var(--s-2, 8px);
-    --nav-primary-item-selected-bg-color: var(--color-brand1-6, #257df9);
+    --nav-hoz-item-margin-lr: var(--s-zero, 0px);
-    --nav-primary-item-selected-text-style: var(--font-weight-light, 300);
+    --nav-hoz-item-padding-lr: var(--s-5, 20px);
-    --nav-primary-item-selected-active-color: var(--color-transparent, transparent);
+    --nav-hoz-item-corner: var(--corner-2, 8px);
-    --nav-primary-sub-nav-selected-bg-color: var(--color-brand1-6, #257df9);
+    --nav-hoz-item-hover-active-line: var(--line-zero, 0px);
-    --nav-primary-item-opened-bg-color: var(--color-transparent, transparent);
+    --nav-icon-self-margin: var(--s-3, 12px);
+    --nav-hoz-height: var(--s-8, 32px);
+    --nav-primary-bg-color: var(--color-fill1-5, #000a24);
+    --nav-primary-text-style: var(--font-weight-2, normal);
+    --nav-primary-item-hover-bg-color: var(--color-transparent, transparent);
+    --nav-primary-item-hover-text-style: var(--font-weight-medium, 500);
+    --nav-primary-item-selected-text-style: var(--font-weight-medium, 500);
     /* ------------------------ list ------------------------ */
@@ -11452,7 +11464,7 @@
-    --tab-item-text-size-s: var(--font-size-caption, 14px);
+    --tab-item-text-size-s: var(--font-size-caption, 12px);
@@ -11716,10 +11728,6 @@
-    --tab-item-padding-tb-size-m: var(--s-5, 20px);
     --tab-item-padding-lr-size-m: var(--s-4, 16px);
@@ -11747,6 +11755,10 @@
     --tab-pure-text-color-selected: var(--color-black, #000000);
+    --tab-item-padding-tb-size-m: var(--s-4, 16px);
     /* ------------------------ calendar ------------------------ */
@@ -11887,7 +11899,7 @@
-    --calendar-card-table-head-font-size: var(--font-size-caption, 14px);
+    --calendar-card-table-head-font-size: var(--font-size-caption, 12px);
@@ -11895,7 +11907,7 @@
-    --calendar-card-table-cell-font-size: var(--font-size-caption, 14px);
+    --calendar-card-table-cell-font-size: var(--font-size-caption, 12px);
@@ -12110,11 +12122,11 @@
-    --breadcrumb-size-m-font-size: var(--font-size-caption, 14px);
+    --breadcrumb-size-m-font-size: var(--font-size-caption, 12px);
-    --breadcrumb-size-ellipsis-font-size: var(--font-size-caption, 14px);
+    --breadcrumb-size-ellipsis-font-size: var(--font-size-caption, 12px);