@chenzy-design/svelte 0.2.0 → 0.3.0

package/dist/time-picker/TimePicker.svelte

@@ -587,7 +587,7 @@
         aria-controls={baseId}
         aria-label={ariaLabel}
         {disabled}
-        readonly={inputReadOnly || undefined}
+        data-readonly={inputReadOnly || undefined}
         style={inputStyleStr}
         bind:this={triggerEl}
         onclick={toggleOpen}
@@ -783,7 +783,7 @@
   .cd-time-picker__trigger {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     inline-size: 100%;
     block-size: var(--cd-input-height-default);
     padding-inline-start: var(--cd-input-padding-x);
@@ -799,11 +799,11 @@
   }
   .cd-time-picker--small .cd-time-picker__trigger {
     block-size: var(--cd-input-height-small);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-time-picker--large .cd-time-picker__trigger {
     block-size: var(--cd-input-height-large);
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   .cd-time-picker__trigger:focus-visible {
     outline: none;
@@ -870,14 +870,14 @@
   .cd-time-picker__clear:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-time-picker__clear:hover {
     color: var(--cd-color-text-0);
   }
   .cd-time-picker__panel {
     position: absolute;
-    inset-block-start: calc(100% + var(--cd-spacing-1));
+    inset-block-start: calc(100% + var(--cd-spacing-extra-tight));
     inset-inline-start: 0;
     z-index: var(--cd-date-picker-panel-z);
     background: var(--cd-date-picker-panel-bg);
@@ -888,10 +888,10 @@
     outline: none;
   }
   .cd-time-picker__panel-header {
-    padding: var(--cd-spacing-2) var(--cd-spacing-2);
+    padding: var(--cd-spacing-tight) var(--cd-spacing-tight);
     border-block-end: 1px solid var(--cd-color-border);
     color: var(--cd-color-text-0);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-time-picker__prefix {
     flex: 0 0 auto;
@@ -914,7 +914,7 @@
     background: transparent;
     font: inherit;
     cursor: pointer;
-    padding: var(--cd-spacing-2);
+    padding: var(--cd-spacing-tight);
     color: var(--cd-color-text-2);
     border-block-end: 2px solid transparent;
   }
@@ -927,7 +927,7 @@
     box-shadow: var(--cd-focus-ring);
   }
   .cd-time-picker__range-preview {
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     color: var(--cd-color-text-0);
     font-variant-numeric: tabular-nums;
   }
@@ -974,15 +974,15 @@
     cursor: not-allowed;
   }
   .cd-time-picker__panel-footer-extra {
-    padding: var(--cd-spacing-2);
+    padding: var(--cd-spacing-tight);
     border-block-start: 1px solid var(--cd-color-border);
   }
   .cd-time-picker__footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--cd-spacing-2);
-    padding: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
+    padding: var(--cd-spacing-tight);
     border-block-start: 1px solid var(--cd-color-border);
   }
   .cd-time-picker__now,
@@ -991,9 +991,9 @@
     background: transparent;
     font: inherit;
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
-    padding-inline: var(--cd-spacing-2);
-    padding-block: var(--cd-spacing-1);
+    border-radius: var(--cd-border-radius-small);
+    padding-inline: var(--cd-spacing-tight);
+    padding-block: var(--cd-spacing-extra-tight);
   }
   .cd-time-picker__now {
     color: var(--cd-color-primary);

package/dist/timeline/Timeline.svelte

@@ -417,7 +417,7 @@
     inset-inline-start: 0;
     inline-size: var(--cd-timeline-dot-size);
     block-size: var(--cd-timeline-dot-size);
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-timeline-dot-current, var(--cd-timeline-dot-color));
   }
   .cd-timeline :global(.cd-timeline__dot--pending) {
@@ -450,9 +450,9 @@
     color: var(--cd-timeline-content-color);
   }
   .cd-timeline :global(.cd-timeline__time) {
-    margin-block-start: var(--cd-spacing-1);
+    margin-block-start: var(--cd-spacing-extra-tight);
     color: var(--cd-timeline-time-color);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
 
   /* alternate / center: 轴线居中，奇偶项左右交替 */

package/dist/timeline/meta.d.ts

@@ -133,6 +133,6 @@ export declare const meta: {
         readonly role: "list";
         readonly notes: readonly ["ul/li 结构", "圆点与连接线 aria-hidden=true", "内容与时间为可读文本", "interactive：项 role=button + roving tabindex（焦点项 tabindex=0 其余 -1），↑↓/←→ 移动焦点、Home/End 跳首尾、Enter/Space 激活，aria-label 取节点内容"];
     };
-    readonly tokens: readonly ["--cd-timeline-*", "--cd-radius-full", "--cd-spacing-1", "--cd-font-size-1"];
+    readonly tokens: readonly ["--cd-timeline-*", "--cd-border-radius-full", "--cd-spacing-extra-tight", "--cd-font-size-small"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/timeline/meta.js

@@ -124,5 +124,5 @@ export const meta = {
             'interactive：项 role=button + roving tabindex（焦点项 tabindex=0 其余 -1），↑↓/←→ 移动焦点、Home/End 跳首尾、Enter/Space 激活，aria-label 取节点内容',
         ],
     },
-    tokens: ['--cd-timeline-*', '--cd-radius-full', '--cd-spacing-1', '--cd-font-size-1'],
+    tokens: ['--cd-timeline-*', '--cd-border-radius-full', '--cd-spacing-extra-tight', '--cd-font-size-small'],
 };

package/dist/toast/ToastItem.svelte

@@ -140,6 +140,7 @@
     background: var(--cd-toast-bg);
     color: var(--cd-toast-color-text);
     font-size: var(--cd-toast-font-size);
+    font-weight: var(--cd-toast-font-weight);
     line-height: 1.5;
     border-radius: var(--cd-toast-radius);
     box-shadow: var(--cd-toast-shadow);
@@ -207,7 +208,7 @@
     background: transparent;
     color: var(--cd-toast-color-close);
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
     transition: color var(--cd-toast-motion-duration) ease;
   }
 

package/dist/toast/meta.d.ts

@@ -84,7 +84,7 @@ export declare const meta: {
         readonly focusable: false;
         readonly note: "所有文案播报走 body 上单例 ARIA live region（全局唯一一对：role=status/aria-live=polite + role=alert/aria-live=assertive）；error 走 assertive 立即打断，其余走 polite。store 在新增/更新 toast 时命令式写入 region 文案，卡片本身纯视觉、不带 role/aria-live，避免多 region 重复/竞争播报。关闭按钮 button + aria-label「关闭」。不抢焦点、不锁滚动。";
     };
-    readonly tokens: readonly ["--cd-toast-bg", "--cd-toast-color-text", "--cd-toast-color-icon-info", "--cd-toast-color-icon-success", "--cd-toast-color-icon-warning", "--cd-toast-color-icon-error", "--cd-toast-color-close", "--cd-toast-color-close-hover", "--cd-toast-radius", "--cd-toast-shadow", "--cd-toast-padding", "--cd-toast-gap", "--cd-toast-font-size", "--cd-toast-max-width", "--cd-toast-min-width", "--cd-toast-stack-gap", "--cd-toast-z", "--cd-toast-motion-duration", "--cd-toast-bg-dark", "--cd-toast-color-text-dark", "--cd-toast-color-close-dark", "--cd-toast-color-close-hover-dark"];
+    readonly tokens: readonly ["--cd-toast-bg", "--cd-toast-color-text", "--cd-toast-color-icon-info", "--cd-toast-color-icon-success", "--cd-toast-color-icon-warning", "--cd-toast-color-icon-error", "--cd-toast-color-close", "--cd-toast-color-close-hover", "--cd-toast-radius", "--cd-toast-shadow", "--cd-toast-padding", "--cd-toast-gap", "--cd-toast-font-size", "--cd-toast-font-weight", "--cd-toast-max-width", "--cd-toast-min-width", "--cd-toast-stack-gap", "--cd-toast-z", "--cd-toast-motion-duration", "--cd-toast-bg-dark", "--cd-toast-color-text-dark", "--cd-toast-color-close-dark", "--cd-toast-color-close-hover-dark"];
     readonly responsive: false;
     readonly examples: readonly [{
         readonly title: "成功";

package/dist/toast/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/toast/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/toast/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FP,CAAC"}

package/dist/toast/meta.js

@@ -69,6 +69,7 @@ export const meta = {
         '--cd-toast-padding',
         '--cd-toast-gap',
         '--cd-toast-font-size',
+        '--cd-toast-font-weight',
         '--cd-toast-max-width',
         '--cd-toast-min-width',
         '--cd-toast-stack-gap',

package/dist/tooltip/Tooltip.svelte

@@ -337,7 +337,7 @@
   .cd-tooltip__pop--with-status {
     display: inline-flex;
     align-items: flex-start;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
   }
   .cd-tooltip__status {
     display: inline-flex;

package/dist/transfer/Transfer.svelte

@@ -1219,19 +1219,19 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding-block: var(--cd-spacing-2);
-    padding-inline: var(--cd-spacing-3);
+    padding-block: var(--cd-spacing-tight);
+    padding-inline: var(--cd-spacing-base-tight);
     background: var(--cd-transfer-panel-header-bg);
     border-block-end: 1px solid var(--cd-transfer-panel-border);
     font-weight: var(--cd-font-weight-medium);
   }
   .cd-transfer__panel-count {
     color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     font-weight: var(--cd-font-weight-regular);
   }
   .cd-transfer__panel-search {
-    padding: var(--cd-spacing-2);
+    padding: var(--cd-spacing-tight);
     border-block-end: 1px solid var(--cd-transfer-panel-border);
   }
   .cd-transfer__list {
@@ -1250,9 +1250,9 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     min-block-size: var(--cd-transfer-item-height);
-    padding-inline: var(--cd-spacing-3);
+    padding-inline: var(--cd-spacing-base-tight);
   }
   .cd-transfer__item:hover {
     background: var(--cd-transfer-item-bg-hover);
@@ -1288,7 +1288,7 @@
   .cd-transfer__option-control {
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     pointer-events: none;
     min-inline-size: 0;
     flex: 1 1 auto;
@@ -1318,17 +1318,17 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: var(--cd-spacing-2);
-    padding-block: var(--cd-spacing-3);
+    gap: var(--cd-spacing-tight);
+    padding-block: var(--cd-spacing-base-tight);
     color: var(--cd-color-text-3);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-transfer__spinner {
     inline-size: 1em;
     block-size: 1em;
     border: 2px solid var(--cd-color-border);
     border-block-start-color: var(--cd-color-primary);
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     animation: cd-transfer-spin 0.7s linear infinite;
   }
   @keyframes cd-transfer-spin {
@@ -1356,7 +1356,7 @@
     block-size: 18px;
     padding: 0;
     border: none;
-    border-radius: var(--cd-radius-1, 4px);
+    border-radius: var(--cd-border-radius-small, 4px);
     background: transparent;
     color: var(--cd-color-text-2);
     cursor: pointer;
@@ -1377,7 +1377,7 @@
     display: flex;
     align-items: center;
     min-block-size: var(--cd-transfer-item-height);
-    padding-inline-end: var(--cd-spacing-3);
+    padding-inline-end: var(--cd-spacing-base-tight);
   }
   .cd-transfer__tree-node:hover {
     background: var(--cd-transfer-item-bg-hover);
@@ -1414,13 +1414,13 @@
     align-items: center;
     justify-content: space-between;
     min-block-size: var(--cd-transfer-item-height);
-    padding-inline: var(--cd-spacing-3);
+    padding-inline: var(--cd-spacing-base-tight);
     background: var(--cd-transfer-panel-header-bg);
     font-weight: var(--cd-font-weight-medium);
   }
   .cd-transfer__group-count {
     color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     font-weight: var(--cd-font-weight-regular);
   }
   .cd-transfer__group-list {
@@ -1432,20 +1432,20 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    padding-block: var(--cd-spacing-4);
+    padding-block: var(--cd-spacing-base);
     color: var(--cd-color-text-3);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-transfer__ops {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
   }
   .cd-transfer__pagination {
     display: flex;
     justify-content: center;
-    padding-block: var(--cd-spacing-2);
+    padding-block: var(--cd-spacing-tight);
     border-block-start: 1px solid var(--cd-transfer-panel-border);
   }
 </style>

package/dist/tree/Tree.svelte

@@ -1222,7 +1222,7 @@
     --cd-tree-row-height: var(--cd-tree-node-height);
     display: flex;
     flex-direction: column;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     color: var(--cd-tree-node-color);
     font-size: var(--cd-font-size-body);
   }
@@ -1239,7 +1239,7 @@
   .cd-tree__search-input {
     inline-size: 100%;
     block-size: var(--cd-tree-row-height);
-    padding-inline: var(--cd-spacing-2);
+    padding-inline: var(--cd-spacing-tight);
     color: inherit;
     background: var(--cd-color-bg-1, transparent);
     border: 1px solid var(--cd-tree-border-color);
@@ -1280,9 +1280,9 @@
   .cd-tree__node {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     block-size: var(--cd-tree-row-height);
-    padding-inline-end: var(--cd-spacing-2);
+    padding-inline-end: var(--cd-spacing-tight);
     border-radius: var(--cd-radius-small, 4px);
     cursor: pointer;
     transition: background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
@@ -1465,7 +1465,7 @@
     display: inline-flex;
     align-items: center;
     flex: 0 0 auto;
-    margin-inline-start: var(--cd-spacing-1);
+    margin-inline-start: var(--cd-spacing-extra-tight);
   }
 
   /* 拖拽幽灵节点：绝对定位在节点外屏幕外，由浏览器 setDragImage 拾取（或 CSS 隐藏） */
@@ -1480,10 +1480,11 @@
     padding: 0;
     color: var(--cd-tree-search-highlight-color);
     background: var(--cd-tree-search-highlight-bg);
+    font-weight: var(--cd-tree-search-highlight-weight); /* 对齐 Semi 高亮字重 bold */
   }
 
   .cd-tree__empty {
-    padding: var(--cd-spacing-3);
+    padding: var(--cd-spacing-base-tight);
     color: var(--cd-tree-node-color-disabled);
     text-align: center;
   }

package/dist/tree-select/TreeSelect.svelte

@@ -1236,7 +1236,7 @@
         onkeydown={(e) => {
           if (e.key === 'Enter' || e.key === ' ') {
             e.preventDefault();
-            onClear?.(e);
+            onClear?.(e as unknown as MouseEvent);
             clearAll(e as unknown as MouseEvent);
           }
         }}
@@ -1370,7 +1370,7 @@
   .cd-tree-select__trigger {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     inline-size: 100%;
     min-block-size: var(--cd-select-height-default);
     padding-inline: var(--cd-select-padding-x);
@@ -1381,7 +1381,9 @@
     font: inherit;
     text-align: start;
     cursor: pointer;
-    transition: border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
+    transition:
+      border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
+      background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
   }
   .cd-tree-select--small .cd-tree-select__trigger {
     min-block-size: var(--cd-select-height-small);
@@ -1389,19 +1391,25 @@
   .cd-tree-select--large .cd-tree-select__trigger {
     min-block-size: var(--cd-select-height-large);
   }
+  /* 对齐 Semi 填充式：悬浮加深底色 fill-1（非展开/禁用态） */
+  .cd-tree-select:not(.cd-tree-select--open):not(.cd-tree-select--disabled) .cd-tree-select__trigger:hover {
+    background: var(--cd-select-bg-hover);
+  }
   .cd-tree-select__trigger:focus-visible {
     outline: none;
+    background: var(--cd-select-bg);
     border-color: var(--cd-select-border-active);
     box-shadow: var(--cd-focus-ring);
   }
   .cd-tree-select--open .cd-tree-select__trigger {
+    background: var(--cd-select-bg);
     border-color: var(--cd-select-border-active);
   }
   .cd-tree-select--error .cd-tree-select__trigger {
     border-color: var(--cd-select-border-error);
   }
   .cd-tree-select__trigger[aria-disabled='true'] {
-    background: var(--cd-color-fill-0);
+    background: var(--cd-color-disabled-fill, var(--cd-color-fill-0));
     color: var(--cd-color-text-3);
     cursor: not-allowed;
   }
@@ -1417,7 +1425,8 @@
     text-overflow: ellipsis;
   }
   .cd-tree-select__placeholder {
-    color: var(--cd-input-color-placeholder);
+    /* 对齐 Semi treeSelect 占位符 text-2（原共享 input-placeholder = text-3） */
+    color: var(--cd-color-text-2);
   }
   .cd-tree-select__clear,
   .cd-tree-select__arrow {
@@ -1442,7 +1451,7 @@
   /* 面板 portal 到容器，由 use:floating action 写 position:fixed + transform 定位 */
   .cd-tree-select__panel {
     z-index: var(--cd-select-dropdown-z);
-    padding-block: var(--cd-spacing-1);
+    padding-block: var(--cd-spacing-extra-tight);
     background: var(--cd-select-dropdown-bg);
     border-radius: var(--cd-select-dropdown-radius);
     box-shadow: var(--cd-select-dropdown-shadow);
@@ -1452,8 +1461,8 @@
     display: none;
   }
   .cd-tree-select__search {
-    padding-block-end: var(--cd-spacing-1);
-    padding-inline: var(--cd-spacing-2);
+    padding-block-end: var(--cd-spacing-extra-tight);
+    padding-inline: var(--cd-spacing-tight);
   }
   .cd-tree-select__search-input {
     inline-size: 100%;
@@ -1464,7 +1473,7 @@
     border: 1px solid var(--cd-input-border);
     border-radius: var(--cd-input-radius);
     font: inherit;
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-tree-select__search-input:focus-visible {
     outline: none;
@@ -1493,7 +1502,7 @@
   .cd-tree-select__node {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     block-size: var(--cd-tree-node-height);
     padding-inline-end: var(--cd-tree-node-padding-x);
     cursor: pointer;
@@ -1589,7 +1598,7 @@
   .cd-tree-select__tags {
     display: flex;
     flex-wrap: wrap;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     align-items: center;
     min-inline-size: 0;
   }

package/dist/typography/TypographyBase.svelte

@@ -149,7 +149,7 @@
   const weightMap: Record<string, string> = {
     regular: 'var(--cd-font-weight-regular)',
     medium: 'var(--cd-font-weight-medium)',
-    semibold: 'var(--cd-font-weight-semibold)',
+    semibold: 'var(--cd-font-weight-bold)',
     bold: '700',
   };
   const resolvedWeight = $derived.by(() => {
@@ -605,28 +605,28 @@
     margin: 0;
   }
   :global(.cd-typography--paragraph) {
-    margin-block-end: var(--cd-spacing-4);
+    margin-block-end: var(--cd-spacing-base);
   }
   :global(.cd-typography--title) {
-    font-weight: var(--cd-font-weight-semibold);
+    font-weight: var(--cd-font-weight-bold);
   }
   :global(.cd-typography--h1) {
-    font-size: var(--cd-font-size-6);
+    font-size: var(--cd-font-size-header-1);
   }
   :global(.cd-typography--h2) {
-    font-size: var(--cd-font-size-5);
+    font-size: var(--cd-font-size-header-3);
   }
   :global(.cd-typography--h3) {
-    font-size: var(--cd-font-size-4);
+    font-size: var(--cd-font-size-header-4);
   }
   :global(.cd-typography--h4) {
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   :global(.cd-typography--h5) {
-    font-size: var(--cd-font-size-2);
+    font-size: var(--cd-font-size-regular);
   }
   :global(.cd-typography--h6) {
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   :global(.cd-typography--link) {
     color: var(--cd-typography-color-link);
@@ -661,14 +661,14 @@
     color: var(--cd-color-success);
   }
   :global(.cd-typography--strong) {
-    font-weight: var(--cd-font-weight-semibold);
+    font-weight: var(--cd-font-weight-bold);
   }
   /* 字号档 (Text/Paragraph) — spec §4.1 size + §5 token 表; default 沿用继承字号保持向后兼容 */
   :global(.cd-typography--size-small) {
-    font-size: var(--cd-typography-font-size-small, var(--cd-font-size-1));
+    font-size: var(--cd-typography-font-size-small, var(--cd-font-size-small));
   }
   :global(.cd-typography--size-large) {
-    font-size: var(--cd-typography-font-size-large, var(--cd-font-size-3));
+    font-size: var(--cd-typography-font-size-large, var(--cd-font-size-header-6));
   }
   :global(.cd-typography--disabled) {
     opacity: 0.5;
@@ -680,6 +680,14 @@
   :global(.cd-typography--underline) {
     text-decoration-line: underline;
   }
+  /* 链接 + underline 变体：平时无下划线，hover 才出（对齐 Semi，仅作用于 link）。
+     非链接的 underline 文本仍常显下划线。 */
+  :global(.cd-typography--link.cd-typography--underline) {
+    text-decoration-line: none;
+  }
+  :global(.cd-typography--link.cd-typography--underline:hover) {
+    text-decoration-line: underline;
+  }
   :global(.cd-typography--delete) {
     text-decoration-line: line-through;
   }
@@ -690,6 +698,7 @@
     font-family: var(--cd-font-family-mono, monospace);
     font-size: var(--cd-typography-code-font-size);
     background-color: var(--cd-typography-code-bg);
+    color: var(--cd-typography-code-color); /* 对齐 Semi code 文字 text-2 */
     padding-inline: 0.4em;
     padding-block: 0.1em;
     border-radius: 3px;

package/dist/typography/meta.d.ts

@@ -432,7 +432,7 @@ export declare const meta: {
     };
     readonly a11yRoles: readonly ["heading", "link", "button"];
     readonly i18nKeys: readonly ["Typography.copy", "Typography.copied", "Typography.copyFailed", "Typography.edit", "Typography.editConfirm", "Typography.editCancel", "Typography.expand", "Typography.collapse", "Typography.ellipsisSuffix"];
-    readonly tokens: readonly ["--cd-typography-color", "--cd-typography-color-secondary", "--cd-typography-color-tertiary", "--cd-typography-color-link", "--cd-typography-color-link-hover", "--cd-typography-mark-bg", "--cd-typography-code-bg", "--cd-typography-code-font-size", "--cd-typography-font-size-small", "--cd-typography-font-size-default", "--cd-typography-font-size-large", "--cd-typography-action-color", "--cd-typography-action-color-hover", "--cd-font-size-1..6"];
+    readonly tokens: readonly ["--cd-typography-color", "--cd-typography-color-secondary", "--cd-typography-color-tertiary", "--cd-typography-color-quaternary", "--cd-typography-color-link", "--cd-typography-color-link-hover", "--cd-typography-mark-bg", "--cd-typography-code-bg", "--cd-typography-code-color", "--cd-typography-code-font-size", "--cd-typography-font-size-small", "--cd-typography-font-size-default", "--cd-typography-font-size-large", "--cd-typography-action-color", "--cd-typography-action-color-hover", "--cd-font-size-small..6"];
     readonly relatedComponents: readonly ["Tooltip", "Highlight", "Numeral"];
     readonly aiHints: readonly ["需要文档大纲用 Title 并匹配 heading 级别；仅放大字号用 component 改标签保留视觉。", "长文本截断优先 CSS clamp（默认零测量）；需展开/tooltip/suffix 才走 ResizeObserver 测量路径。", "editable 是受控的：必须配 value + onChange，组件不回写。"];
     readonly examples: readonly [{

package/dist/typography/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/typography/meta.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/typography/meta.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFP,CAAC"}

package/dist/typography/meta.js

@@ -128,17 +128,19 @@ export const meta = {
         '--cd-typography-color',
         '--cd-typography-color-secondary',
         '--cd-typography-color-tertiary',
+        '--cd-typography-color-quaternary',
         '--cd-typography-color-link',
         '--cd-typography-color-link-hover',
         '--cd-typography-mark-bg',
         '--cd-typography-code-bg',
+        '--cd-typography-code-color',
         '--cd-typography-code-font-size',
         '--cd-typography-font-size-small',
         '--cd-typography-font-size-default',
         '--cd-typography-font-size-large',
         '--cd-typography-action-color',
         '--cd-typography-action-color-hover',
-        '--cd-font-size-1..6',
+        '--cd-font-size-small..6',
     ],
     relatedComponents: ['Tooltip', 'Highlight', 'Numeral'],
     aiHints: [