@chenzy-design/svelte 0.2.1 → 0.3.1

package/dist/anchor/Anchor.svelte

@@ -321,7 +321,7 @@
   .cd-anchor__link:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-anchor__link--active {
     color: var(--cd-anchor-link-color-active);

package/dist/anchor/meta.d.ts

@@ -79,6 +79,6 @@ export declare const meta: {
         readonly keyboard: readonly ["Tab", "Enter"];
         readonly notes: readonly ["nav[aria-label] 包裹原生 a 链接列表", "激活链接 aria-current=true", "键盘交互为原生锚链接行为", "scroll-spy 命令式监听 scroll（getContainer 时监听容器），rAF 节流，reduced-motion 下点击即时定位", "horizontal 水平模式仅改布局/ink 方向，激活态与键盘交互不变", "多级嵌套用嵌套 ul/li 表达层级树，子链接逐级缩进；扁平化树参与 scroll-spy，父子链接均可聚焦/跳转/高亮"];
     };
-    readonly tokens: readonly ["--cd-anchor-link-color", "--cd-anchor-link-color-active", "--cd-anchor-link-padding", "--cd-anchor-indent", "--cd-anchor-rail-color", "--cd-anchor-ink-color", "--cd-anchor-ink-width", "--cd-focus-ring", "--cd-radius-1", "--cd-motion-*"];
+    readonly tokens: readonly ["--cd-anchor-link-color", "--cd-anchor-link-color-active", "--cd-anchor-link-padding", "--cd-anchor-indent", "--cd-anchor-rail-color", "--cd-anchor-ink-color", "--cd-anchor-ink-width", "--cd-focus-ring", "--cd-border-radius-small", "--cd-motion-*"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/anchor/meta.js

@@ -63,7 +63,7 @@ export const meta = {
         '--cd-anchor-ink-color',
         '--cd-anchor-ink-width',
         '--cd-focus-ring',
-        '--cd-radius-1',
+        '--cd-border-radius-small',
         '--cd-motion-*',
     ],
 };

package/dist/autocomplete/AutoComplete.svelte

@@ -388,11 +388,11 @@
   const dropdownPositionStyle = $derived.by(() => {
     switch (position) {
       case 'bottomRight':
-        return 'inset-block-start: calc(100% + var(--cd-spacing-1)); inset-inline-end: 0; inset-inline-start: auto';
+        return 'inset-block-start: calc(100% + var(--cd-spacing-extra-tight)); inset-inline-end: 0; inset-inline-start: auto';
       case 'topLeft':
-        return 'inset-block-end: calc(100% + var(--cd-spacing-1)); inset-block-start: auto; inset-inline-start: 0';
+        return 'inset-block-end: calc(100% + var(--cd-spacing-extra-tight)); inset-block-start: auto; inset-inline-start: 0';
       case 'topRight':
-        return 'inset-block-end: calc(100% + var(--cd-spacing-1)); inset-block-start: auto; inset-inline-end: 0; inset-inline-start: auto';
+        return 'inset-block-end: calc(100% + var(--cd-spacing-extra-tight)); inset-block-start: auto; inset-inline-end: 0; inset-inline-start: auto';
       default: // bottomLeft
         return '';
     }
@@ -554,7 +554,7 @@
   .cd-autocomplete__control {
     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: var(--cd-input-padding-x);
@@ -641,12 +641,12 @@
   }
   .cd-autocomplete__dropdown {
     position: absolute;
-    inset-block-start: calc(100% + var(--cd-spacing-1));
+    inset-block-start: calc(100% + var(--cd-spacing-extra-tight));
     inset-inline: 0;
     z-index: var(--cd-select-dropdown-z);
     max-block-size: 16rem;
     overflow-y: auto;
-    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);
@@ -663,9 +663,9 @@
     cursor: not-allowed;
   }
   .cd-autocomplete__group-label {
-    padding: var(--cd-spacing-1) var(--cd-select-option-padding, var(--cd-spacing-2));
+    padding: var(--cd-spacing-extra-tight) var(--cd-select-option-padding, var(--cd-spacing-tight));
     color: var(--cd-color-text-3);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     font-weight: var(--cd-font-weight-medium, 500);
     user-select: none;
   }
@@ -678,7 +678,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     padding: var(--cd-select-option-padding);
     color: var(--cd-color-text-3);
   }
@@ -687,7 +687,7 @@
     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-autocomplete-spin 0.7s linear infinite;
   }
   @keyframes cd-autocomplete-spin {

package/dist/avatar/Avatar.svelte

@@ -226,7 +226,7 @@
     vertical-align: middle;
   }
   .cd-avatar--circle {
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
   }
   /* 可交互头像：指针手势 + 可见焦点环（<a> 还需重置文字装饰/继承色）。 */
   .cd-avatar--interactive {
@@ -241,27 +241,32 @@
   .cd-avatar--extra-small {
     inline-size: var(--cd-avatar-size-extra-small);
     block-size: var(--cd-avatar-size-extra-small);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-avatar--small {
     inline-size: var(--cd-avatar-size-small);
     block-size: var(--cd-avatar-size-small);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-avatar--default {
     inline-size: var(--cd-avatar-size-default);
     block-size: var(--cd-avatar-size-default);
-    font-size: var(--cd-font-size-2);
+    font-size: var(--cd-font-size-regular);
+  }
+  .cd-avatar--medium {
+    inline-size: var(--cd-avatar-size-medium);
+    block-size: var(--cd-avatar-size-medium);
+    font-size: var(--cd-font-size-header-6);
   }
   .cd-avatar--large {
     inline-size: var(--cd-avatar-size-large);
     block-size: var(--cd-avatar-size-large);
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   .cd-avatar--extra-large {
     inline-size: var(--cd-avatar-size-extra-large);
     block-size: var(--cd-avatar-size-extra-large);
-    font-size: var(--cd-font-size-4);
+    font-size: var(--cd-font-size-header-4);
   }
   .cd-avatar__img {
     inline-size: 100%;
@@ -283,7 +288,7 @@
     block-size: 25%;
     min-inline-size: 6px;
     min-block-size: 6px;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     box-shadow: 0 0 0 2px var(--cd-color-bg-0);
   }
   .cd-avatar__hover-mask {

package/dist/avatar/AvatarGroup.svelte

@@ -67,10 +67,10 @@
 
   // pure collapse computation — slice visible items and count the rest.
   const list = $derived(items ?? []);
-  const overlapList = $derived(list.slice(limit));
   const limit = $derived(
     typeof maxCount === 'number' && maxCount >= 0 ? maxCount : list.length,
   );
+  const overlapList = $derived(list.slice(limit));
   const visible = $derived(list.slice(0, limit));
   const restCount = $derived(Math.max(0, list.length - visible.length));
 
@@ -133,7 +133,7 @@
     border: 0;
     background: transparent;
     cursor: pointer;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
   }
   .cd-avatar-group__more-btn:focus-visible {
     outline: 2px solid var(--cd-color-primary);

package/dist/avatar/context.d.ts

@@ -1,5 +1,5 @@
 export type AvatarShape = 'circle' | 'square';
-export type AvatarSizeEnum = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large';
+export type AvatarSizeEnum = 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
 export interface AvatarGroupContext {
     getShape: () => AvatarShape | undefined;
     getSize: () => AvatarSizeEnum | number | undefined;

package/dist/avatar/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/avatar/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAE3F,MAAM,WAAW,kBAAkB;IAGjC,QAAQ,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,CAAC;CACpD;AAID,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,kBAAkB,GAAG,IAAI,CAEnE;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,SAAS,CAEtE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/avatar/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,cAAc,GACtB,aAAa,GACb,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,GACP,aAAa,CAAC;AAElB,MAAM,WAAW,kBAAkB;IAGjC,QAAQ,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,CAAC;CACpD;AAID,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,kBAAkB,GAAG,IAAI,CAEnE;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,SAAS,CAEtE"}

package/dist/avatar/meta.d.ts

@@ -27,7 +27,7 @@ export declare const meta: {
         readonly default: "'circle'";
     }, {
         readonly name: "size";
-        readonly type: "'extra-small'|'small'|'default'|'large'|'extra-large'|number";
+        readonly type: "'extra-small'|'small'|'default'|'medium'|'large'|'extra-large'|number";
         readonly default: "'default'";
         readonly desc: "枚举映射 token，number 内联 px";
     }, {
@@ -89,7 +89,7 @@ export declare const meta: {
         readonly focusable: false;
         readonly note: "图片头像用 <img alt>；纯文字头像 role=img + aria-label(alt 或文字)。可交互：href→<a>，仅 onClick→role=button + tabindex=0 + 键盘 Enter/Space；纯展示头像不可聚焦。";
     };
-    readonly tokens: readonly ["--cd-avatar-size-extra-small", "--cd-avatar-size-small", "--cd-avatar-size-default", "--cd-avatar-size-large", "--cd-avatar-size-extra-large", "--cd-avatar-bg", "--cd-avatar-color", "--cd-avatar-radius"];
+    readonly tokens: readonly ["--cd-avatar-size-extra-small", "--cd-avatar-size-small", "--cd-avatar-size-default", "--cd-avatar-size-medium", "--cd-avatar-size-large", "--cd-avatar-size-extra-large", "--cd-avatar-bg", "--cd-avatar-color", "--cd-avatar-border", "--cd-avatar-radius"];
     readonly responsive: false;
     readonly examples: readonly [{
         readonly title: "图片";

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

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

package/dist/avatar/meta.js

@@ -14,7 +14,7 @@ export const meta = {
         { name: 'shape', type: "'circle'|'square'", default: "'circle'" },
         {
             name: 'size',
-            type: "'extra-small'|'small'|'default'|'large'|'extra-large'|number",
+            type: "'extra-small'|'small'|'default'|'medium'|'large'|'extra-large'|number",
             default: "'default'",
             desc: '枚举映射 token，number 内联 px',
         },
@@ -49,10 +49,12 @@ export const meta = {
         '--cd-avatar-size-extra-small',
         '--cd-avatar-size-small',
         '--cd-avatar-size-default',
+        '--cd-avatar-size-medium',
         '--cd-avatar-size-large',
         '--cd-avatar-size-extra-large',
         '--cd-avatar-bg',
         '--cd-avatar-color',
+        '--cd-avatar-border',
         '--cd-avatar-radius',
     ],
     responsive: false,

package/dist/badge/Badge.svelte

@@ -165,7 +165,7 @@
   }
   .cd-badge--status {
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
   }
 
   .cd-badge__sup {
@@ -177,8 +177,8 @@
     box-sizing: border-box;
     min-inline-size: var(--cd-badge-size);
     block-size: var(--cd-badge-size);
-    padding-inline: var(--cd-spacing-1);
-    border-radius: var(--cd-radius-full);
+    padding-inline: var(--cd-spacing-extra-tight);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-badge-bg);
     color: var(--cd-badge-color);
     font-size: var(--cd-badge-font-size);
@@ -277,7 +277,7 @@
     display: inline-block;
     inline-size: var(--cd-badge-dot-size);
     block-size: var(--cd-badge-dot-size);
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     flex: 0 0 auto;
   }
   .cd-badge__status-dot--processing {
@@ -293,7 +293,7 @@
   }
   .cd-badge__status-text {
     color: var(--cd-color-text-1);
-    font-size: var(--cd-font-size-2);
+    font-size: var(--cd-font-size-regular);
   }
 
   @keyframes cd-badge-pulse {

package/dist/banner/Banner.svelte

@@ -316,7 +316,7 @@
     min-inline-size: 0;
     display: flex;
     flex-direction: column;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
   }
 
   .cd-banner__title {

package/dist/breadcrumb/Breadcrumb.svelte

@@ -289,14 +289,14 @@
     color: var(--cd-breadcrumb-color);
   }
   .cd-breadcrumb--small {
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-breadcrumb--large {
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   /* compact=false：宽松模式，字号略大、项间距增加 */
   .cd-breadcrumb--loose {
-    font-size: var(--cd-breadcrumb-loose-font-size, var(--cd-font-size-3));
+    font-size: var(--cd-breadcrumb-loose-font-size, var(--cd-font-size-header-6));
     letter-spacing: var(--cd-breadcrumb-loose-letter-spacing, 0.01em);
   }
   .cd-breadcrumb--loose .cd-breadcrumb__list {
@@ -334,7 +334,7 @@
     color: var(--cd-breadcrumb-color-link);
     text-decoration: none;
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-breadcrumb :global(.cd-breadcrumb__link:hover),
   .cd-breadcrumb :global(.cd-breadcrumb__text:hover) {
@@ -347,26 +347,27 @@
   }
   .cd-breadcrumb :global(.cd-breadcrumb__current) {
     color: var(--cd-breadcrumb-color-active);
+    font-weight: var(--cd-breadcrumb-active-weight); /* 对齐 Semi 当前项字重 bold */
   }
   /* activeIndex：选中项高亮（配合 onClick 受控选中） */
   .cd-breadcrumb :global(.cd-breadcrumb__link--active),
   .cd-breadcrumb :global(.cd-breadcrumb__text--active) {
     color: var(--cd-breadcrumb-color-active);
-    font-weight: 600;
+    font-weight: var(--cd-breadcrumb-active-weight);
   }
   .cd-breadcrumb__more {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-inline-size: 1.5em;
-    padding: 0 var(--cd-spacing-1);
+    padding: 0 var(--cd-spacing-extra-tight);
     border: none;
     background: transparent;
     color: var(--cd-breadcrumb-color-link);
     font: inherit;
     line-height: 1;
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-breadcrumb__more:hover {
     background: var(--cd-color-fill-1);
@@ -399,7 +400,7 @@
   .cd-breadcrumb__more-list {
     display: flex;
     flex-direction: column;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     margin: 0;
     padding: 0;
     list-style: none;

package/dist/breadcrumb/meta.d.ts

@@ -118,6 +118,6 @@ export declare const meta: {
         readonly keyboard: readonly ["Enter", "Space"];
         readonly notes: readonly ["nav[aria-label] 包裹 ol 有序列表", "最后一项 aria-current=page，不可点击", "无 href 的中间项用 role=link + tabindex=0 + 键盘可激活", "分隔符 aria-hidden=true"];
     };
-    readonly tokens: readonly ["--cd-breadcrumb-*", "--cd-breadcrumb-item-max-width", "--cd-focus-ring", "--cd-font-size-*", "--cd-radius-1"];
+    readonly tokens: readonly ["--cd-breadcrumb-*", "--cd-breadcrumb-item-max-width", "--cd-focus-ring", "--cd-font-size-*", "--cd-border-radius-small"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/breadcrumb/meta.js

@@ -122,6 +122,6 @@ export const meta = {
         '--cd-breadcrumb-item-max-width',
         '--cd-focus-ring',
         '--cd-font-size-*',
-        '--cd-radius-1',
+        '--cd-border-radius-small',
     ],
 };