@chenzy-design/svelte 0.2.0 → 0.3.0

package/dist/card/Card.svelte

@@ -9,7 +9,7 @@
   type CardSize = 'small' | 'default' | 'large';
   type CardShadow = 'never' | 'hover' | 'always';
 
-  interface Props {
+  export interface Props {
     title?: string | Snippet;
     extra?: Snippet;
     cover?: Snippet;
@@ -241,7 +241,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--cd-spacing-3);
+    gap: var(--cd-spacing-base-tight);
     padding: var(--cd-card-padding);
     border-block-end: 1px solid var(--cd-card-header-border);
   }
@@ -253,20 +253,20 @@
   }
   .cd-card__title {
     color: var(--cd-card-title-color);
-    font-weight: var(--cd-font-weight-semibold);
-    font-size: var(--cd-font-size-3);
+    font-weight: var(--cd-card-title-weight);
+    font-size: var(--cd-card-title-size);
     min-inline-size: 0;
   }
   .cd-card--small .cd-card__title {
-    font-size: var(--cd-font-size-2);
+    font-size: var(--cd-font-size-regular);
   }
   .cd-card--large .cd-card__title {
-    font-size: var(--cd-font-size-4);
+    font-size: var(--cd-font-size-header-4);
   }
   .cd-card__extra {
     flex: 0 0 auto;
     color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-2);
+    font-size: var(--cd-font-size-regular);
   }
 
   .cd-card__body {
@@ -291,7 +291,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    padding-block: var(--cd-spacing-3);
+    padding-block: var(--cd-spacing-base-tight);
   }
   .cd-card__actions :global(> * + *) {
     border-inline-start: 1px solid var(--cd-card-header-border);
@@ -300,12 +300,12 @@
   .cd-card__skeleton {
     display: flex;
     flex-direction: column;
-    gap: var(--cd-spacing-3);
+    gap: var(--cd-spacing-base-tight);
   }
   .cd-card__skeleton-row {
     display: block;
     block-size: 0.9em;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
     background: linear-gradient(
       90deg,
       var(--cd-color-fill-0) 25%,

package/dist/card/Card.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Snippet } from 'svelte';
 type CardSize = 'small' | 'default' | 'large';
 type CardShadow = 'never' | 'hover' | 'always';
-interface Props {
+export interface Props {
     title?: string | Snippet;
     extra?: Snippet;
     cover?: Snippet;

package/dist/card/Card.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../src/card/Card.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE/C,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwIH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../src/card/Card.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE/C,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwIH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/card/CardMeta.svelte

@@ -5,7 +5,7 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  interface Props {
+  export interface Props {
     avatar?: Snippet;
     title?: Snippet | string;
     description?: Snippet | string;
@@ -38,7 +38,7 @@
   .cd-card__meta {
     display: flex;
     align-items: flex-start;
-    gap: var(--cd-spacing-3);
+    gap: var(--cd-spacing-base-tight);
   }
   .cd-card__meta-avatar {
     flex: 0 0 auto;
@@ -49,12 +49,12 @@
   }
   .cd-card__meta-title {
     color: var(--cd-card-title-color);
-    font-weight: var(--cd-font-weight-semibold);
-    font-size: var(--cd-font-size-3);
-    margin-block-end: var(--cd-spacing-1);
+    font-weight: var(--cd-font-weight-bold);
+    font-size: var(--cd-font-size-header-6);
+    margin-block-end: var(--cd-spacing-extra-tight);
   }
   .cd-card__meta-description {
     color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-2);
+    font-size: var(--cd-font-size-regular);
   }
 </style>

package/dist/card/CardMeta.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-interface Props {
+export interface Props {
     avatar?: Snippet;
     title?: Snippet | string;
     description?: Snippet | string;

package/dist/card/CardMeta.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardMeta.svelte.d.ts","sourceRoot":"","sources":["../../src/card/CardMeta.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+BH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardMeta.svelte.d.ts","sourceRoot":"","sources":["../../src/card/CardMeta.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+BH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/card/index.d.ts

@@ -0,0 +1,8 @@
+import CardMeta from './CardMeta.svelte';
+declare const Card: import("svelte").Component<import("./Card.svelte").Props, {}, ""> & {
+    Meta: import("svelte").Component<import("./CardMeta.svelte").Props, {}, "">;
+};
+export { Card };
+export { CardMeta };
+export { meta as cardMeta } from './meta.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,QAAA,MAAM,IAAI;;CAAmD,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/dist/card/meta.d.ts

@@ -140,7 +140,7 @@ export declare const meta: {
         readonly focusable: false;
         readonly note: "有 title 时根 role=region；string title 经 useId 关联 aria-labelledby；骨架 aria-hidden。clickable 时根 role=button + tabindex，Enter/Space 激活，disabled 时 aria-disabled + tabindex=-1。";
     };
-    readonly tokens: readonly ["--cd-card-bg", "--cd-card-border", "--cd-card-radius", "--cd-card-padding", "--cd-card-padding-small", "--cd-card-header-border", "--cd-card-title-color", "--cd-card-shadow", "--cd-card-shadow-hover"];
+    readonly tokens: readonly ["--cd-card-bg", "--cd-card-border", "--cd-card-radius", "--cd-card-padding", "--cd-card-padding-small", "--cd-card-header-border", "--cd-card-title-color", "--cd-card-title-weight", "--cd-card-title-size", "--cd-card-desc-color", "--cd-card-body-color", "--cd-card-shadow", "--cd-card-shadow-hover"];
     readonly responsive: false;
     readonly examples: readonly [{
         readonly title: "基础";

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

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

package/dist/card/meta.js

@@ -70,6 +70,10 @@ export const meta = {
         '--cd-card-padding-small',
         '--cd-card-header-border',
         '--cd-card-title-color',
+        '--cd-card-title-weight',
+        '--cd-card-title-size',
+        '--cd-card-desc-color',
+        '--cd-card-body-color',
         '--cd-card-shadow',
         '--cd-card-shadow-hover',
     ],

package/dist/carousel/Carousel.svelte

@@ -590,7 +590,7 @@
     block-size: var(--cd-carousel-arrow-size);
     padding: 0;
     border: none;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-carousel-arrow-bg);
     color: var(--cd-carousel-arrow-color);
     font-size: calc(var(--cd-carousel-arrow-size) * 0.6);
@@ -599,10 +599,10 @@
     z-index: 2;
   }
   .cd-carousel__arrow--prev {
-    inset-inline-start: var(--cd-spacing-2);
+    inset-inline-start: var(--cd-spacing-tight);
   }
   .cd-carousel__arrow--next {
-    inset-inline-end: var(--cd-spacing-2);
+    inset-inline-end: var(--cd-spacing-tight);
   }
   .cd-carousel__arrow:focus-visible {
     outline: none;
@@ -617,17 +617,17 @@
     transform: none;
   }
   .cd-carousel--vertical .cd-carousel__arrow--prev {
-    inset-block-start: var(--cd-spacing-2);
+    inset-block-start: var(--cd-spacing-tight);
   }
   .cd-carousel--vertical .cd-carousel__arrow--next {
-    inset-block-end: var(--cd-spacing-2);
+    inset-block-end: var(--cd-spacing-tight);
   }
 
   /* 播放/暂停按钮：左下角常驻，命中区 ≥ 32px。 */
   .cd-carousel__play {
     position: absolute;
-    inset-block-end: var(--cd-spacing-2);
-    inset-inline-start: var(--cd-spacing-2);
+    inset-block-end: var(--cd-spacing-tight);
+    inset-inline-start: var(--cd-spacing-tight);
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -635,7 +635,7 @@
     block-size: var(--cd-carousel-arrow-size);
     padding: 0;
     border: none;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-carousel-arrow-bg);
     color: var(--cd-carousel-arrow-color);
     font-size: calc(var(--cd-carousel-arrow-size) * 0.4);
@@ -650,7 +650,7 @@
 
   .cd-carousel__indicators {
     position: absolute;
-    inset-block-end: var(--cd-spacing-2);
+    inset-block-end: var(--cd-spacing-tight);
     inset-inline: 0;
     display: flex;
     justify-content: center;
@@ -660,7 +660,7 @@
   /* vertical：指示器移至右侧纵向排列 */
   .cd-carousel--vertical .cd-carousel__indicators {
     inset-block: 0;
-    inset-inline-end: var(--cd-spacing-2);
+    inset-inline-end: var(--cd-spacing-tight);
     inset-inline-start: auto;
     flex-direction: column;
     justify-content: center;
@@ -670,7 +670,7 @@
     block-size: 8px;
     padding: 0;
     border: none;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-carousel-indicator-color);
     cursor: pointer;
     transition: background var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
@@ -687,7 +687,7 @@
   .cd-carousel__indicator--line {
     inline-size: 16px;
     block-size: 4px;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     transition:
       background var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
       inline-size var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
@@ -752,11 +752,11 @@
   /* indicatorPosition */
   .cd-carousel__indicators--left {
     justify-content: flex-start;
-    padding-inline-start: var(--cd-spacing-2);
+    padding-inline-start: var(--cd-spacing-tight);
   }
   .cd-carousel__indicators--right {
     justify-content: flex-end;
-    padding-inline-end: var(--cd-spacing-2);
+    padding-inline-end: var(--cd-spacing-tight);
   }
 
   /* indicatorSize=small：缩小指示器尺寸 */

package/dist/carousel/meta.d.ts

@@ -129,7 +129,7 @@ export declare const meta: {
         readonly focusable: true;
         readonly notes: readonly ["根 role=region aria-roledescription=\"carousel\" aria-label（i18n / ariaLabel）", "slide 区 aria-live=polite；autoplay 实际播放中降级为 off", "视口 role=group aria-roledescription=\"slides\"，tabindex=0 承接键盘导航与拖拽手势", "键盘：←/→ 切换、Home/End 跳首末（vertical 增 ↑/↓）；RTL 下 ←/→ 镜像", "每张 role=group aria-roledescription=\"slide\" aria-label「第 N 张」，非可见窗口内的张 aria-hidden + inert（不可 Tab 进入）", "autoplay 提供可见播放/暂停按钮（WCAG 2.2.2，aria-pressed），hover/键盘 focus 进入容器自动暂停", "指示器按钮 aria-label「第 N 张」；箭头按钮 aria-label 上一张/下一张", "reduced-motion 下切换过渡时长归零且 autoplay 不自启"];
     };
-    readonly tokens: readonly ["--cd-carousel-radius", "--cd-carousel-indicator-color", "--cd-carousel-indicator-color-active", "--cd-carousel-indicator-gap", "--cd-carousel-arrow-bg", "--cd-carousel-arrow-color", "--cd-carousel-arrow-size", "--cd-radius-full", "--cd-focus-ring", "--cd-motion-duration-fast", "--cd-motion-ease-standard", "--cd-spacing-2"];
+    readonly tokens: readonly ["--cd-carousel-radius", "--cd-carousel-indicator-color", "--cd-carousel-indicator-color-active", "--cd-carousel-indicator-gap", "--cd-carousel-arrow-bg", "--cd-carousel-arrow-color", "--cd-carousel-arrow-size", "--cd-border-radius-full", "--cd-focus-ring", "--cd-motion-duration-fast", "--cd-motion-ease-standard", "--cd-spacing-tight"];
     readonly examples: readonly [{
         readonly title: "基础";
         readonly code: "{#snippet s1()}<img src=\"/1.jpg\" alt=\"\" />{/snippet}\n{#snippet s2()}<img src=\"/2.jpg\" alt=\"\" />{/snippet}\n<Carousel slides={[s1, s2]} autoplay />";

package/dist/carousel/meta.js

@@ -57,11 +57,11 @@ export const meta = {
         '--cd-carousel-arrow-bg',
         '--cd-carousel-arrow-color',
         '--cd-carousel-arrow-size',
-        '--cd-radius-full',
+        '--cd-border-radius-full',
         '--cd-focus-ring',
         '--cd-motion-duration-fast',
         '--cd-motion-ease-standard',
-        '--cd-spacing-2',
+        '--cd-spacing-tight',
     ],
     examples: [
         {

package/dist/cascader/Cascader.svelte

@@ -1316,7 +1316,7 @@
   .cd-cascader__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);
@@ -1327,7 +1327,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-cascader--small .cd-cascader__trigger {
     min-block-size: var(--cd-select-height-small);
@@ -1335,19 +1337,25 @@
   .cd-cascader--large .cd-cascader__trigger {
     min-block-size: var(--cd-select-height-large);
   }
+  /* 对齐 Semi 填充式：悬浮加深底色（非展开/禁用态） */
+  .cd-cascader:not(.cd-cascader--open):not(.cd-cascader--disabled) .cd-cascader__trigger:hover {
+    background: var(--cd-select-bg-hover);
+  }
   .cd-cascader__trigger:focus-visible {
     outline: none;
+    background: var(--cd-select-bg);
     border-color: var(--cd-select-border-active);
     box-shadow: var(--cd-focus-ring);
   }
   .cd-cascader--open .cd-cascader__trigger {
+    background: var(--cd-select-bg);
     border-color: var(--cd-select-border-active);
   }
   .cd-cascader--error .cd-cascader__trigger {
     border-color: var(--cd-select-border-error);
   }
   .cd-cascader__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;
   }
@@ -1405,7 +1413,7 @@
     max-block-size: 16rem;
   }
   .cd-cascader__search {
-    padding: var(--cd-spacing-1) var(--cd-spacing-2);
+    padding: var(--cd-spacing-extra-tight) var(--cd-spacing-tight);
     border-block-end: 1px solid var(--cd-cascader-column-border);
   }
   .cd-cascader__search-input {
@@ -1417,7 +1425,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-cascader__search-input:focus-visible {
     outline: none;
@@ -1427,7 +1435,7 @@
   /* 搜索结果：扁平路径列表（单列纵向滚动） */
   .cd-cascader__flat {
     margin: 0;
-    padding-block: var(--cd-spacing-1);
+    padding-block: var(--cd-spacing-extra-tight);
     padding-inline: 0;
     list-style: none;
     max-block-size: 16rem;
@@ -1449,7 +1457,7 @@
   }
   .cd-cascader__column {
     margin: 0;
-    padding-block: var(--cd-spacing-1);
+    padding-block: var(--cd-spacing-extra-tight);
     padding-inline: 0;
     list-style: none;
     overflow-y: auto;
@@ -1463,7 +1471,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     block-size: var(--cd-tree-node-height);
     padding-inline: var(--cd-tree-node-padding-x);
     cursor: pointer;
@@ -1516,7 +1524,7 @@
   .cd-cascader__tags {
     display: flex;
     flex-wrap: wrap;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     align-items: center;
     min-inline-size: 0;
   }
@@ -1530,7 +1538,7 @@
     block-size: 12px;
     border: 2px solid var(--cd-tree-expand-icon-color, currentColor);
     border-block-start-color: transparent;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     animation: cd-cascader-spin 0.7s linear infinite;
   }
   @keyframes cd-cascader-spin {

package/dist/checkbox/Checkbox.svelte

@@ -28,6 +28,9 @@
     name?: string;
     extra?: string | undefined;
     id?: string;
+    addonId?: string;
+    extraId?: string;
+    preventScroll?: boolean;
     onChange?: (checked: boolean) => void;
     children?: Snippet;
   }
@@ -44,6 +47,9 @@
     name,
     extra,
     id,
+    addonId,
+    extraId: extraIdProp,
+    preventScroll,
     onChange,
     children,
   }: Props = $props();
@@ -51,7 +57,7 @@
   const group = getCheckboxGroupContext();
 
   const fieldId = resolveId();
-  const extraId = $derived(extra ? `${fieldId}-extra` : undefined);
+  const extraId = $derived(extraIdProp ?? (extra ? `${fieldId}-extra` : undefined));
 
   function resolveId(): string {
     return id ?? useId('cd-checkbox');
@@ -125,6 +131,7 @@
     checked={isChecked}
     disabled={resolvedDisabled}
     aria-invalid={resolvedStatus === 'error' || undefined}
+    aria-labelledby={addonId}
     aria-describedby={extraId}
     onchange={handleChange}
   />
@@ -145,7 +152,7 @@
     {/if}
   </span>
   {#if children || extra}
-    <span class="cd-checkbox__content">
+    <span class="cd-checkbox__content" id={addonId}>
       {#if children}<span class="cd-checkbox__label">{@render children()}</span>{/if}
       {#if extra}<span class="cd-checkbox__extra" id={extraId}>{extra}</span>{/if}
     </span>
@@ -200,6 +207,12 @@
     inline-size: var(--cd-checkbox-size-large);
     block-size: var(--cd-checkbox-size-large);
   }
+  /* 未选中态悬浮：对齐 Semi（描边 focus-border、背景 fill-0） */
+  .cd-checkbox:hover:not(.cd-checkbox--disabled):not(.cd-checkbox--checked):not(.cd-checkbox--indeterminate)
+    .cd-checkbox__box {
+    background: var(--cd-checkbox-bg-hover);
+    border-color: var(--cd-checkbox-border-hover);
+  }
   .cd-checkbox--checked .cd-checkbox__box,
   .cd-checkbox--indeterminate .cd-checkbox__box {
     background: var(--cd-checkbox-bg-checked);
@@ -223,16 +236,16 @@
     inline-size: 60%;
     block-size: 2px;
     background: currentColor;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
   }
   .cd-checkbox__content {
     display: inline-flex;
     flex-direction: column;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
   }
   .cd-checkbox__extra {
     color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
 
   /* card / pureCard 形态：整张卡片即命中区，hover 抬升背景，选中描边 primary。 */
@@ -260,6 +273,7 @@
   .cd-checkbox--pureCard.cd-checkbox--checked,
   .cd-checkbox--pureCard.cd-checkbox--indeterminate {
     border-color: var(--cd-checkbox-card-border-checked);
+    background: var(--cd-checkbox-card-bg-checked); /* 对齐 Semi 卡片选中 primary-light-default */
   }
   .cd-checkbox--card .cd-checkbox__input:focus-visible ~ .cd-checkbox__box,
   .cd-checkbox--pureCard .cd-checkbox__input:focus-visible ~ .cd-checkbox__box {

package/dist/checkbox/Checkbox.svelte.d.ts

@@ -14,6 +14,9 @@ interface Props {
     name?: string;
     extra?: string | undefined;
     id?: string;
+    addonId?: string;
+    extraId?: string;
+    preventScroll?: boolean;
     onChange?: (checked: boolean) => void;
     children?: Snippet;
 }

package/dist/checkbox/Checkbox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../src/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,KAAK,MAAM,GAAG,cAAc,CAAC;AAE7B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oHAAoH;IACpH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkHH,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../src/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,KAAK,MAAM,GAAG,cAAc,CAAC;AAE7B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oHAAoH;IACpH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqHH,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/checkbox/CheckboxGroup.svelte

@@ -108,7 +108,7 @@
 <style>
   .cd-checkbox-group {
     display: inline-flex;
-    gap: var(--cd-spacing-4);
+    gap: var(--cd-spacing-base);
   }
   .cd-checkbox-group--horizontal {
     flex-direction: row;

package/dist/checkbox/meta.d.ts

@@ -56,6 +56,21 @@ export declare const meta: {
         readonly name: "id";
         readonly type: "string";
         readonly default: "useId()";
+    }, {
+        readonly name: "addonId";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "标签内容容器 id，经 aria-labelledby 关联为可访问名";
+    }, {
+        readonly name: "extraId";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "辅助说明 id，未提供则由内部生成";
+    }, {
+        readonly name: "preventScroll";
+        readonly type: "boolean";
+        readonly default: "undefined";
+        readonly desc: "autoFocus 聚焦时是否阻止滚动（对齐 Semi）";
     }, {
         readonly name: "onChange";
         readonly type: "(checked: boolean) => void";

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

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

package/dist/checkbox/meta.js

@@ -23,6 +23,9 @@ export const meta = {
         { name: 'name', type: 'string', default: 'undefined' },
         { name: 'extra', type: 'string', default: 'undefined', desc: '辅助说明，aria-describedby 关联' },
         { name: 'id', type: 'string', default: 'useId()' },
+        { name: 'addonId', type: 'string', default: 'undefined', desc: '标签内容容器 id，经 aria-labelledby 关联为可访问名' },
+        { name: 'extraId', type: 'string', default: 'undefined', desc: '辅助说明 id，未提供则由内部生成' },
+        { name: 'preventScroll', type: 'boolean', default: 'undefined', desc: 'autoFocus 聚焦时是否阻止滚动（对齐 Semi）' },
         { name: 'onChange', type: '(checked: boolean) => void', default: 'undefined' },
         { name: 'children', type: 'Snippet', default: 'undefined', desc: '标签内容' },
     ],

package/dist/collapse/Collapse.svelte

@@ -323,7 +323,7 @@
   }
   .cd-collapse--bordered {
     border: 1px solid var(--cd-collapse-border);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-collapse :global(.cd-collapse__item + .cd-collapse__item) {
     border-block-start: 1px solid var(--cd-collapse-border);
@@ -337,19 +337,23 @@
   .cd-collapse :global(.cd-collapse__header) {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     inline-size: 100%;
     padding: var(--cd-collapse-header-padding);
     border: none;
     background: transparent;
     color: var(--cd-collapse-header-color);
     font: inherit;
+    font-weight: var(--cd-collapse-header-weight); /* 对齐 Semi 标题字重 bold */
     text-align: start;
     cursor: pointer;
   }
   .cd-collapse :global(.cd-collapse__header:hover:not(:disabled)) {
     background: var(--cd-collapse-header-bg-hover);
   }
+  .cd-collapse :global(.cd-collapse__header:active:not(:disabled)) {
+    background: var(--cd-collapse-header-bg-active);
+  }
   .cd-collapse :global(.cd-collapse__header:focus-visible) {
     outline: none;
     box-shadow: var(--cd-focus-ring);

package/dist/collapse/meta.d.ts

@@ -116,6 +116,6 @@ export declare const meta: {
         readonly keyboard: readonly ["Tab", "Enter", "Space"];
         readonly notes: readonly ["面板头为原生 button，aria-expanded 标记展开态", "button aria-controls 指向内容 region，region aria-labelledby 指回头部", "折叠时内容区 hidden 移出可达性树", "箭头 aria-hidden=true"];
     };
-    readonly tokens: readonly ["--cd-collapse-*", "--cd-focus-ring", "--cd-radius-1", "--cd-spacing-2", "--cd-motion-ease-standard", "--cd-color-text-3"];
+    readonly tokens: readonly ["--cd-collapse-*", "--cd-focus-ring", "--cd-border-radius-small", "--cd-spacing-tight", "--cd-motion-ease-standard", "--cd-color-text-3"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/collapse/meta.js

@@ -70,8 +70,8 @@ export const meta = {
     tokens: [
         '--cd-collapse-*',
         '--cd-focus-ring',
-        '--cd-radius-1',
-        '--cd-spacing-2',
+        '--cd-border-radius-small',
+        '--cd-spacing-tight',
         '--cd-motion-ease-standard',
         '--cd-color-text-3',
     ],