@taskon/widget-react 0.0.1-beta.4 → 0.0.1-beta.5

package/dist/EligibilityInfo.css

@@ -810,8 +810,8 @@
 
 .taskon-task-verify-failed-dialog-message {
   margin-top: var(--taskon-spacing-sm);
-  font-size: 16px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size-lg);
+  line-height: 1.25;
   color: var(--taskon-color-text-tertiary);
   white-space: pre-wrap;
 }
@@ -870,7 +870,7 @@
   border-radius: var(--taskon-border-radius);
   background: var(--taskon-color-bg-surface-subtle);
   color: var(--taskon-color-text);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   outline: none;
   transition: border-color 0.2s ease;
 }
@@ -958,8 +958,8 @@
 
 .taskon-pow-image-upload-tip {
   margin-top: 13px;
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   white-space: pre-wrap;
@@ -1025,7 +1025,7 @@
 
 .taskon-pow-error {
   margin-top: 10px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   color: var(--taskon-color-error);
 }
 
@@ -1038,9 +1038,9 @@
 .taskon-pow-review-time {
   margin-top: 10px;
   color: var(--taskon-color-warning);
-  font-size: 13px;
+  font-size: var(--taskon-font-size-sm);
   font-weight: 500;
-  line-height: 16px;
+  line-height: 1.33;
 }
 
 /* ============================================
@@ -1118,7 +1118,7 @@
 }
 
 .taskon-dynamic-points-value {
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-weight: 600;
   color: var(--taskon-color-text);
 }
@@ -1128,7 +1128,7 @@
 }
 
 .taskon-dynamic-points-max {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: var(--taskon-color-text-tertiary);
   text-transform: capitalize;
@@ -1194,7 +1194,7 @@
 }
 
 .taskon-dynamic-points-cooldown {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: var(--taskon-color-link);
 }
@@ -1224,7 +1224,7 @@
 }
 
 .taskon-swap-rules-title {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: var(--taskon-color-text-tertiary);
   margin-bottom: var(--taskon-spacing-sm);
@@ -1238,7 +1238,7 @@
   padding: var(--taskon-spacing-md);
   border-radius: var(--taskon-border-radius);
   background: var(--taskon-color-bg-surface-subtle);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: var(--taskon-color-text-tertiary);
 }
@@ -1264,7 +1264,7 @@
 }
 
 .taskon-swap-instructions-title {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: var(--taskon-color-text-tertiary);
   margin-bottom: var(--taskon-spacing-sm);
@@ -1295,7 +1295,7 @@
 /* Dialog title */
 
 .taskon-outer-point-api-dialog-title {
-  font-size: 18px;
+  font-size: var(--taskon-font-size-xl);
   font-weight: 600;
   color: var(--taskon-color-text);
   margin: 0;
@@ -1311,8 +1311,8 @@
   border-radius: var(--taskon-border-radius);
   background: var(--taskon-color-warning-bg);
   color: var(--taskon-color-warning);
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
 }
 
 .taskon-outer-point-api-dialog-warning-icon {
@@ -1324,8 +1324,8 @@
 /* Description text */
 
 .taskon-outer-point-api-dialog-desc {
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
   color: var(--taskon-color-text-tertiary);
 }
 
@@ -1338,7 +1338,7 @@
 }
 
 .taskon-outer-point-api-dialog-label {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: var(--taskon-color-text-secondary);
 }
@@ -1351,8 +1351,8 @@
   border: 1px solid var(--taskon-color-border);
   background: var(--taskon-color-bg-surface-subtle);
   color: var(--taskon-color-text);
-  font-size: 14px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.43;
   outline: none;
   transition: border-color 0.2s ease;
   box-sizing: border-box;
@@ -1371,7 +1371,7 @@
 }
 
 .taskon-outer-point-api-dialog-error {
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   color: var(--taskon-color-error);
 }
 
@@ -1387,7 +1387,7 @@
 .taskon-outer-point-api-dialog-btn {
   padding: var(--taskon-spacing-sm) var(--taskon-spacing-lg);
   border-radius: var(--taskon-border-radius);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -1474,14 +1474,14 @@
 }
 
 .taskon-task-list-section-title {
-  font-size: 22px;
+  font-size: var(--taskon-font-size-xxl);
   font-weight: 600;
-  line-height: 21px;
+  line-height: 1;
   color: var(--taskon-color-text);
 }
 
 .taskon-task-list-section-hint {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   color: var(--taskon-color-text-tertiary);
 }
 
@@ -1597,7 +1597,7 @@
   display: flex;
   align-items: center;
   gap: var(--taskon-spacing-xs);
-  font-size: 13px;
+  font-size: var(--taskon-font-size-sm);
   color: var(--taskon-color-text-tertiary);
 }
 
@@ -1645,8 +1645,8 @@
   height: 20px;
   /* 文字样式 */
   color: var(--taskon-color-primary);
-  font-size: 12px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
   font-weight: 500;
   text-align: center;
   display: flex;
@@ -1658,8 +1658,8 @@
 
 .taskon-task-item-recurrence .taskon-cooldown-timer {
   color: var(--taskon-color-primary);
-  font-size: 12px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
   font-weight: 500;
 }
 
@@ -1706,10 +1706,10 @@
 
 .taskon-task-item-title {
   display: inline;
-  font-size: 18px;
+  font-size: var(--taskon-font-size-xl);
   font-weight: 500;
   color: var(--taskon-color-text);
-  line-height: 23px;
+  line-height: 1.28;
   overflow-wrap: break-word;
 }
 
@@ -1780,7 +1780,7 @@
   gap: 2px;
   background: var(--taskon-color-bg-surface-subtle);
   border-radius: var(--taskon-border-radius-sm);
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-weight: 500;
 }
 
@@ -1795,7 +1795,7 @@
 }
 
 .taskon-task-item-points-time {
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   color: var(--taskon-color-text-tertiary);
 }
 
@@ -1808,7 +1808,7 @@
 /* Total points */
 
 .taskon-task-item-total-points {
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   color: var(--taskon-color-text-disabled);
 }
 
@@ -1824,12 +1824,12 @@
 
 .taskon-task-item-total-earn-text {
   color: var(--taskon-color-text-tertiary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
 }
 
 .taskon-task-item-total-earn-value {
   color: var(--taskon-color-primary);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   margin: 0 4px;
 }
 
@@ -1849,8 +1849,8 @@
 }
 
 .taskon-task-item-desc {
-  font-size: 14px;
-  line-height: 21px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.5;
   color: var(--taskon-color-text-tertiary);
   word-break: break-word;
   white-space: pre-wrap;
@@ -1868,7 +1868,7 @@
   display: flex;
   align-items: baseline;
   gap: var(--taskon-spacing-sm);
-  font-size: 13px;
+  font-size: var(--taskon-font-size-sm);
 }
 
 .taskon-task-item-field-key {
@@ -1897,7 +1897,7 @@
   display: inline-flex;
   align-items: center;
   padding: var(--taskon-spacing-sm) var(--taskon-spacing-md);
-  font-size: 13px;
+  font-size: var(--taskon-font-size-sm);
   font-weight: 500;
   color: var(--taskon-color-primary);
   background: transparent;
@@ -1952,7 +1952,7 @@
   display: inline-flex;
   align-items: center;
   gap: var(--taskon-spacing-xs);
-  font-size: 13px;
+  font-size: var(--taskon-font-size-sm);
   color: var(--taskon-color-warning);
 }
 
@@ -1967,9 +1967,9 @@
   gap: var(--taskon-spacing-xs);
   height: 34px;
   padding: 0 var(--taskon-spacing-md);
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
-  line-height: 20px;
+  line-height: 1.43;
   color: var(--taskon-color-text);
   background: transparent;
   border: 1px solid var(--taskon-color-border);
@@ -2018,7 +2018,7 @@
   gap: var(--taskon-spacing-xs);
   padding: 0;
   margin-top: var(--taskon-spacing-sm);
-  font-size: 13px;
+  font-size: var(--taskon-font-size-sm);
   font-weight: 500;
   color: var(--taskon-color-text);
   background: transparent;
@@ -2111,8 +2111,8 @@
    ============================================ */
 
 .taskon-task-time-range {
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
   margin-top: 14px;
 }
 
@@ -2212,7 +2212,7 @@
 .taskon-quest-blindbox-dialog-title {
   margin: 0 0 var(--taskon-spacing-md);
   padding: 0 var(--taskon-spacing-lg);
-  font-size: 22px;
+  font-size: var(--taskon-font-size-xxl);
   font-weight: 600;
   line-height: 1.4;
   color: #fff;
@@ -2369,7 +2369,7 @@
 .taskon-quest-blindbox-reward-title {
   font-size: 32px;
   font-weight: 600;
-  line-height: 40px;
+  line-height: 1.25;
   margin: 0;
 }
 
@@ -2377,7 +2377,7 @@
 
 .taskon-quest-blindbox-reward-subtitle {
   margin-top: 12px;
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   line-height: 1.5;
   color: rgba(255, 255, 255, 0.7);
 }
@@ -2422,20 +2422,20 @@
 /* Token amount with orange color and underline like Vue version */
 
 .taskon-quest-blindbox-reward-card-amount {
-  font-size: 18px;
+  font-size: var(--taskon-font-size-xl);
   font-weight: 600;
   color: #fbb15a;
   text-decoration: underline;
 }
 
 .taskon-quest-blindbox-reward-card-name {
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   color: #fbb15a;
   text-decoration: underline;
 }
 
 .taskon-quest-blindbox-reward-card-value {
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   color: rgba(255, 255, 255, 0.5);
   margin-top: 2px;
 }
@@ -2453,7 +2453,7 @@
 .taskon-quest-blindbox-reward-btn {
   height: 36px;
   padding: 0 24px;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   font-weight: 500;
   color: #fff;
   background: transparent;
@@ -2483,7 +2483,7 @@
   gap: 8px;
   width: 100%;
   padding: 14px 24px;
-  font-size: 16px;
+  font-size: var(--taskon-font-size-lg);
   font-weight: 600;
   color: #000;
   background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
@@ -2600,8 +2600,8 @@
   display: flex;
   align-items: center;
   gap: 10px;
-  font-size: 16px;
-  line-height: 20px;
+  font-size: var(--taskon-font-size-lg);
+  line-height: 1.25;
   cursor: pointer;
   user-select: none;
 }
@@ -2755,8 +2755,8 @@
 
 .taskon-quest-eligs-item-content {
   flex: 1;
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
   color: var(--taskon-color-text-secondary);
 }
 
@@ -2800,8 +2800,8 @@
   margin-top: 4px;
   padding: 8px 12px;
   max-width: 300px;
-  font-size: 12px;
-  line-height: 16px;
+  font-size: var(--taskon-font-size-sm);
+  line-height: 1.33;
   color: var(--taskon-color-text);
   background-color: var(--taskon-color-bg-floating);
   border-radius: var(--taskon-border-radius-sm);
@@ -2857,8 +2857,8 @@
 }
 
 .taskon-quest-eligs-sub-list li {
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
   color: var(--taskon-color-text-secondary);
 }
 
@@ -2939,7 +2939,7 @@
   border-radius: var(--taskon-border-radius);
   box-shadow: 0 4px 16px var(--taskon-color-bg-mask);
   z-index: 100;
-  font-size: 14px;
+  font-size: var(--taskon-font-size);
   line-height: 1.5;
 }
 
@@ -2975,8 +2975,8 @@
 .taskon-quest-eligs-onchain-tooltip-link {
   color: var(--taskon-color-link);
   text-decoration: underline;
-  font-size: 14px;
-  line-height: 18px;
+  font-size: var(--taskon-font-size);
+  line-height: 1.29;
 }
 
 .taskon-quest-eligs-onchain-tooltip-link:hover {
@@ -3011,7 +3011,7 @@
   padding: 4px 8px;
   background-color: var(--taskon-color-bg-surface);
   border-radius: var(--taskon-border-radius-sm);
-  font-size: 12px;
+  font-size: var(--taskon-font-size-sm);
   color: var(--taskon-color-secondary);
   white-space: nowrap;
   pointer-events: none;