@chenzy-design/svelte 0.2.0 → 0.3.0

package/dist/slider/meta.d.ts

@@ -150,12 +150,47 @@ export declare const meta: {
         readonly type: "(detail: { index: number }) => void";
         readonly default: "undefined";
         readonly desc: "手柄失焦，附带手柄索引";
+    }, {
+        readonly name: "showBoundary";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "显示轨道两端边界值标签";
+    }, {
+        readonly name: "showArrow";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "tooltip 是否显示箭头";
+    }, {
+        readonly name: "showMarkLabel";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "显示标记文本标签";
+    }, {
+        readonly name: "tooltipOnMark";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "tooltip 跟随标记位置";
+    }, {
+        readonly name: "handleDot";
+        readonly type: "{ color: string; size: string } | { color: string; size: string }[]";
+        readonly default: "undefined";
+        readonly desc: "自定义手柄圆点样式，range 时为数组";
+    }, {
+        readonly name: "onMouseUp";
+        readonly type: "(e: MouseEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "pointerup 时触发";
+    }, {
+        readonly name: "ariaValuetext";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "覆盖 getAriaValueText 的 aria-valuetext 文案";
     }];
     readonly a11y: {
         readonly role: "slider";
         readonly keyboard: readonly ["ArrowUp/Right", "ArrowDown/Left", "PageUp", "PageDown", "Home", "End"];
         readonly notes: readonly ["根容器 role=group，每个手柄 role=slider + tabindex=0", "手柄 aria-valuemin/valuemax/valuenow/aria-orientation", "range 模式两手柄不交叉（越过自动交换）", "拖拽命令式：pointerdown 读一次 rail rect，document 监听 pointermove/up", "disabled→aria-disabled，手柄 tabindex=-1", "aria-valuetext 优先 getAriaValueText，其次 tipFormatter 输出（带单位可读文案）", "数值气泡：hover/focus/拖拽显示，alwaysShowTip 常驻，tooltipVisible 强制受控"];
     };
-    readonly tokens: readonly ["--cd-slider-*", "--cd-color-text-3", "--cd-spacing-*", "--cd-radius-full", "--cd-shadow-1", "--cd-focus-ring", "--cd-motion-*"];
+    readonly tokens: readonly ["--cd-slider-*", "--cd-color-text-3", "--cd-spacing-*", "--cd-border-radius-full", "--cd-shadow-elevated", "--cd-focus-ring", "--cd-motion-*"];
 };
 //# sourceMappingURL=meta.d.ts.map

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

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

package/dist/slider/meta.js

@@ -37,6 +37,13 @@ export const meta = {
         { name: 'onInput', type: '(v: number | [number, number]) => void', default: 'undefined', desc: '与 change 同步的低级输入信号（拖动中实时触发）' },
         { name: 'onFocus', type: '(detail: { index: number }) => void', default: 'undefined', desc: '手柄获得焦点，附带手柄索引' },
         { name: 'onBlur', type: '(detail: { index: number }) => void', default: 'undefined', desc: '手柄失焦，附带手柄索引' },
+        { name: 'showBoundary', type: 'boolean', default: 'false', desc: '显示轨道两端边界值标签' },
+        { name: 'showArrow', type: 'boolean', default: 'true', desc: 'tooltip 是否显示箭头' },
+        { name: 'showMarkLabel', type: 'boolean', default: 'true', desc: '显示标记文本标签' },
+        { name: 'tooltipOnMark', type: 'boolean', default: 'false', desc: 'tooltip 跟随标记位置' },
+        { name: 'handleDot', type: '{ color: string; size: string } | { color: string; size: string }[]', default: 'undefined', desc: '自定义手柄圆点样式，range 时为数组' },
+        { name: 'onMouseUp', type: '(e: MouseEvent) => void', default: 'undefined', desc: 'pointerup 时触发' },
+        { name: 'ariaValuetext', type: 'string', default: 'undefined', desc: '覆盖 getAriaValueText 的 aria-valuetext 文案' },
     ],
     a11y: {
         role: 'slider',
@@ -51,5 +58,5 @@ export const meta = {
             '数值气泡：hover/focus/拖拽显示，alwaysShowTip 常驻，tooltipVisible 强制受控',
         ],
     },
-    tokens: ['--cd-slider-*', '--cd-color-text-3', '--cd-spacing-*', '--cd-radius-full', '--cd-shadow-1', '--cd-focus-ring', '--cd-motion-*'],
+    tokens: ['--cd-slider-*', '--cd-color-text-3', '--cd-spacing-*', '--cd-border-radius-full', '--cd-shadow-elevated', '--cd-focus-ring', '--cd-motion-*'],
 };

package/dist/steps/Steps.svelte

@@ -261,7 +261,7 @@
     display: flex;
     flex: 1 1 auto;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
   }
   .cd-steps--vertical .cd-steps__item {
     flex-direction: column;
@@ -270,7 +270,7 @@
   .cd-steps__head {
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     margin: 0;
     padding: 0;
     border: none;
@@ -293,7 +293,7 @@
   button.cd-steps__head:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-steps__icon {
     display: inline-flex;
@@ -301,7 +301,7 @@
     justify-content: center;
     inline-size: var(--cd-steps-icon-size);
     block-size: var(--cd-steps-icon-size);
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-steps-icon-bg);
     color: var(--cd-steps-icon-color);
     flex: 0 0 auto;
@@ -327,7 +327,7 @@
   }
   .cd-steps__desc {
     color: var(--cd-steps-desc-color);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-steps__line {
     flex: 1 1 auto;
@@ -335,11 +335,11 @@
   }
   .cd-steps--horizontal .cd-steps__line {
     block-size: 1px;
-    min-inline-size: var(--cd-spacing-4);
+    min-inline-size: var(--cd-spacing-base);
   }
   .cd-steps--vertical .cd-steps__line {
     inline-size: 1px;
-    min-block-size: var(--cd-spacing-4);
+    min-block-size: var(--cd-spacing-base);
     margin-inline-start: calc(var(--cd-steps-icon-size) / 2);
   }
   .cd-steps__line--finish {

package/dist/steps/meta.d.ts

@@ -102,6 +102,6 @@ export declare const meta: {
         readonly keyboard: readonly ["Tab", "Enter", "Space"];
         readonly notes: readonly ["ol/li 结构", "clickable 时每步为原生 button，当前步 aria-current=step", "图标对勾/✕ 用 aria-hidden，状态靠文本与 aria-current 表达", "连接线 aria-hidden=true"];
     };
-    readonly tokens: readonly ["--cd-steps-*", "--cd-focus-ring", "--cd-radius-full", "--cd-spacing-*", "--cd-font-size-1"];
+    readonly tokens: readonly ["--cd-steps-*", "--cd-focus-ring", "--cd-border-radius-full", "--cd-spacing-*", "--cd-font-size-small"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/steps/meta.js

@@ -54,5 +54,5 @@ export const meta = {
             '连接线 aria-hidden=true',
         ],
     },
-    tokens: ['--cd-steps-*', '--cd-focus-ring', '--cd-radius-full', '--cd-spacing-*', '--cd-font-size-1'],
+    tokens: ['--cd-steps-*', '--cd-focus-ring', '--cd-border-radius-full', '--cd-spacing-*', '--cd-font-size-small'],
 };

package/dist/switch/Switch.svelte

@@ -254,7 +254,7 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-switch-knob-bg);
     transition: inset-inline-start var(--cd-motion-duration-mid) var(--cd-motion-ease-standard);
   }
@@ -264,20 +264,20 @@
   }
   .cd-switch__label {
     color: var(--cd-color-text-inverse);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     line-height: 1;
-    padding-inline: var(--cd-spacing-2);
+    padding-inline: var(--cd-spacing-tight);
   }
   .cd-switch--on .cd-switch__label {
-    padding-inline-start: var(--cd-spacing-3);
-    padding-inline-end: var(--cd-spacing-5);
+    padding-inline-start: var(--cd-spacing-base-tight);
+    padding-inline-end: var(--cd-spacing-base-loose);
   }
   .cd-switch__spinner {
     inline-size: 60%;
     aspect-ratio: 1;
     border: 2px solid var(--cd-color-grey-3);
     border-block-start-color: var(--cd-color-primary);
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     animation: cd-switch-spin var(--cd-motion-duration-slow) linear infinite;
   }
   @keyframes cd-switch-spin {

package/dist/switch/meta.d.ts

@@ -104,6 +104,6 @@ export declare const meta: {
         readonly keyboard: readonly ["Enter", "Space"];
         readonly notes: readonly ["原生 button role=switch", "aria-checked 反映状态", "loading 时 aria-busy"];
     };
-    readonly tokens: readonly ["--cd-switch-*", "--cd-focus-ring", "--cd-motion-*", "--cd-radius-full"];
+    readonly tokens: readonly ["--cd-switch-*", "--cd-focus-ring", "--cd-motion-*", "--cd-border-radius-full"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/switch/meta.js

@@ -40,5 +40,5 @@ export const meta = {
         keyboard: ['Enter', 'Space'],
         notes: ['原生 button role=switch', 'aria-checked 反映状态', 'loading 时 aria-busy'],
     },
-    tokens: ['--cd-switch-*', '--cd-focus-ring', '--cd-motion-*', '--cd-radius-full'],
+    tokens: ['--cd-switch-*', '--cd-focus-ring', '--cd-motion-*', '--cd-border-radius-full'],
 };

package/dist/table/Table.svelte

@@ -1970,13 +1970,13 @@
   .cd-table__expand-btn:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-table__expand-btn--open {
     transform: rotate(90deg);
   }
   .cd-table__cell--expanded-content {
-    padding: var(--cd-table-cell-padding, var(--cd-spacing-3));
+    padding: var(--cd-table-cell-padding, var(--cd-spacing-base-tight));
     background: var(--cd-color-fill-0);
   }
   @media (prefers-reduced-motion: reduce) {
@@ -2002,7 +2002,7 @@
     justify-content: center;
     inline-size: 16px;
     block-size: 16px;
-    margin-inline-end: var(--cd-spacing-1);
+    margin-inline-end: var(--cd-spacing-extra-tight);
     padding: 0;
     border: none;
     background: transparent;
@@ -2017,7 +2017,7 @@
   .cd-table__tree-toggle:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-table__tree-toggle--open {
     transform: rotate(90deg);
@@ -2109,7 +2109,7 @@
   }
 
   .cd-table__cell--empty {
-    padding-block: var(--cd-spacing-6, 32px);
+    padding-block: var(--cd-spacing-loose, 32px);
     color: var(--cd-table-empty-color);
     text-align: center;
   }
@@ -2122,13 +2122,13 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    margin-inline-start: var(--cd-spacing-1);
+    margin-inline-start: var(--cd-spacing-extra-tight);
     padding: 2px;
     border: none;
     background: transparent;
     color: var(--cd-table-sort-icon-color);
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
     vertical-align: middle;
   }
   .cd-table__filter-btn:hover {
@@ -2144,7 +2144,7 @@
   .cd-table__filter-panel {
     z-index: var(--cd-select-dropdown-z, 1050);
     min-inline-size: 10rem;
-    padding-block: var(--cd-spacing-1);
+    padding-block: var(--cd-spacing-extra-tight);
     background: var(--cd-select-dropdown-bg, var(--cd-color-bg-0, #fff));
     border-radius: var(--cd-select-dropdown-radius, 6px);
     box-shadow: var(--cd-select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));
@@ -2160,8 +2160,8 @@
   .cd-table__filter-label {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
-    padding: var(--cd-spacing-1) var(--cd-spacing-3);
+    gap: var(--cd-spacing-tight);
+    padding: var(--cd-spacing-extra-tight) var(--cd-spacing-base-tight);
     cursor: pointer;
   }
   .cd-table__filter-label:hover {
@@ -2170,8 +2170,8 @@
   .cd-table__filter-actions {
     display: flex;
     justify-content: space-between;
-    gap: var(--cd-spacing-2);
-    padding: var(--cd-spacing-1) var(--cd-spacing-3);
+    gap: var(--cd-spacing-tight);
+    padding: var(--cd-spacing-extra-tight) var(--cd-spacing-base-tight);
     border-block-start: 1px solid var(--cd-table-border-color);
   }
   .cd-table__filter-reset,
@@ -2180,7 +2180,7 @@
     border: none;
     background: transparent;
     font: inherit;
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     cursor: pointer;
   }
   .cd-table__filter-reset {
@@ -2227,7 +2227,7 @@
   .cd-table__sort-btn {
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     padding: 0;
     color: inherit;
     font: inherit;
@@ -2267,7 +2267,7 @@
   .cd-table__pagination {
     display: flex;
     justify-content: flex-end;
-    margin-block-start: var(--cd-spacing-3);
+    margin-block-start: var(--cd-spacing-base-tight);
   }
 
   .cd-table__loading {
@@ -2319,9 +2319,9 @@
 
   /* --- 表格顶部标题/底部区域 --- */
   .cd-table__title-area {
-    margin-block-end: var(--cd-spacing-2, 8px);
+    margin-block-end: var(--cd-spacing-tight, 8px);
   }
   .cd-table__footer {
-    margin-block-start: var(--cd-spacing-3, 12px);
+    margin-block-start: var(--cd-spacing-base-tight, 12px);
   }
 </style>

package/dist/tabs/Tabs.svelte

@@ -860,7 +860,7 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 var(--cd-spacing-1);
+    padding: 0 var(--cd-spacing-extra-tight);
     border: none;
     background: transparent;
     color: var(--cd-tabs-tab-color);
@@ -879,7 +879,7 @@
   .cd-tabs__add:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
 
   /* --- overflow=dropdown：bar 为可换行无关的单行 flex，溢出标签收进「更多」--- */
@@ -901,7 +901,7 @@
   .cd-tabs__more-btn {
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     margin: 0;
     padding: var(--cd-tabs-tab-padding);
     border: none;
@@ -921,7 +921,7 @@
   .cd-tabs__more-btn:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   /* 离屏测量层：渲染全部标签，不可见、不可点、不进 Tab 序、不参与可视布局。 */
   .cd-tabs__measure {
@@ -981,7 +981,7 @@
   }
   .cd-tabs--bottom .cd-tabs__content {
     padding-block-start: 0;
-    padding-block-end: var(--cd-spacing-3);
+    padding-block-end: var(--cd-spacing-base-tight);
   }
 
   /* --- tabPosition: left / right（bar 竖向在侧）--- */
@@ -1042,13 +1042,13 @@
   .cd-tabs--right .cd-tabs__content {
     flex: 1 1 auto;
     padding-block-start: 0;
-    padding-inline: var(--cd-spacing-4);
+    padding-inline: var(--cd-spacing-base);
   }
   .cd-tabs__tab {
     flex: 0 0 auto;
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     white-space: nowrap;
   }
   .cd-tabs--card .cd-tabs__tab {
@@ -1080,7 +1080,7 @@
   .cd-tabs__tab-btn:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-tabs__tab--disabled .cd-tabs__tab-btn {
     color: var(--cd-tabs-tab-color-disabled);
@@ -1090,7 +1090,7 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    margin-inline-end: var(--cd-spacing-2);
+    margin-inline-end: var(--cd-spacing-tight);
     padding: 0;
     border: none;
     background: transparent;
@@ -1103,10 +1103,10 @@
   .cd-tabs__close:focus-visible {
     outline: none;
     box-shadow: var(--cd-focus-ring);
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-tabs__content {
-    padding-block-start: var(--cd-spacing-3);
+    padding-block-start: var(--cd-spacing-base-tight);
   }
   /* tabBarExtraContent：标签栏右侧额外内容，靠右对齐 */
   .cd-tabs__extra {
@@ -1114,7 +1114,7 @@
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    padding-inline-start: var(--cd-spacing-2);
+    padding-inline-start: var(--cd-spacing-tight);
   }
   /* tabPaneMotion=false：禁用面板切换过渡动画 */
   .cd-tabs--no-motion .cd-tabs__content {

package/dist/tabs/meta.d.ts

@@ -154,6 +154,6 @@ export declare const meta: {
         readonly keyboard: readonly ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End", "Enter", "Space"];
         readonly notes: readonly ["tablist 内每个标签为 role=tab，aria-selected 标记激活，aria-controls 关联面板", "roving tabindex：仅激活标签 tabindex=0，其余 -1", "keyboardActivation=auto 聚焦即激活，manual 需 Enter/Space 确认", "面板 role=tabpanel；关闭叉为带 aria-label 的原生 button", "标签溢出时出现前/后滚动箭头（带 aria-label，tabindex=-1 不入 Tab 序），激活标签自动滚到可视区", "overflow=dropdown 时溢出标签收进末尾「更多」下拉（aria-haspopup=menu，带 aria-label），激活标签始终保持可见", "addable 的「+」为带 aria-label 的原生 button", "renderTabBar 自定义标签栏时由调用方负责无障碍语义（role=tab/aria-selected 等）", "preventScroll=true 时 Tab 聚焦不触发页面滚动"];
     };
-    readonly tokens: readonly ["--cd-tabs-*", "--cd-focus-ring", "--cd-radius-1", "--cd-spacing-*"];
+    readonly tokens: readonly ["--cd-tabs-*", "--cd-focus-ring", "--cd-border-radius-small", "--cd-spacing-*"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/tabs/meta.js

@@ -147,5 +147,5 @@ export const meta = {
             'preventScroll=true 时 Tab 聚焦不触发页面滚动',
         ],
     },
-    tokens: ['--cd-tabs-*', '--cd-focus-ring', '--cd-radius-1', '--cd-spacing-*'],
+    tokens: ['--cd-tabs-*', '--cd-focus-ring', '--cd-border-radius-small', '--cd-spacing-*'],
 };

package/dist/tag/Tag.svelte

@@ -211,6 +211,7 @@
     gap: var(--cd-tag-gap);
     block-size: var(--cd-tag-height-default);
     padding-inline: var(--cd-tag-padding-x);
+    padding-block: var(--cd-tag-padding-y);
     border: 1px solid transparent;
     border-radius: var(--cd-tag-radius);
     font-size: var(--cd-tag-font-size);
@@ -224,9 +225,10 @@
   }
   .cd-tag--large {
     block-size: var(--cd-tag-height-large);
+    padding-block: var(--cd-tag-padding-y-large);
   }
   .cd-tag--circle {
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
   }
 
   /* color → semantic mapping */
@@ -340,7 +342,7 @@
     color: currentColor;
     cursor: pointer;
     opacity: 0.7;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
   }
   .cd-tag__close:hover {
     opacity: 1;

package/dist/tag/meta.d.ts

@@ -135,7 +135,7 @@ export declare const meta: {
         readonly focusable: true;
         readonly note: "checkable 时 role=checkbox + aria-checked，可键盘 Space/Enter 切换；关闭按钮 aria-label「关闭」。";
     };
-    readonly tokens: readonly ["--cd-tag-height-default", "--cd-tag-height-small", "--cd-tag-height-large", "--cd-tag-padding-x", "--cd-tag-radius", "--cd-tag-font-size", "--cd-tag-gap"];
+    readonly tokens: readonly ["--cd-tag-height-default", "--cd-tag-height-small", "--cd-tag-height-large", "--cd-tag-padding-x", "--cd-tag-padding-y", "--cd-tag-padding-y-large", "--cd-tag-radius", "--cd-tag-font-size", "--cd-tag-gap"];
     readonly responsive: false;
     readonly examples: readonly [{
         readonly title: "基础";

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

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

package/dist/tag/meta.js

@@ -75,6 +75,8 @@ export const meta = {
         '--cd-tag-height-small',
         '--cd-tag-height-large',
         '--cd-tag-padding-x',
+        '--cd-tag-padding-y',
+        '--cd-tag-padding-y-large',
         '--cd-tag-radius',
         '--cd-tag-font-size',
         '--cd-tag-gap',

package/dist/tag-input/TagInput.svelte

@@ -417,35 +417,46 @@
     display: flex;
     flex-wrap: wrap;
     align-items: center;
-    gap: var(--cd-spacing-1);
+    gap: var(--cd-spacing-extra-tight);
     inline-size: 100%;
     min-block-size: var(--cd-input-height-default);
     padding-inline: var(--cd-input-padding-x);
-    padding-block: var(--cd-spacing-1);
-    background: var(--cd-input-bg);
+    padding-block: var(--cd-spacing-extra-tight);
+    /* 对齐 Semi 填充式：默认灰底(fill-0) + 无边框，hover fill-1，聚焦 fill-0 + 蓝边框 */
+    background: var(--cd-input-color-bg);
     border: 1px solid var(--cd-input-border);
     border-radius: var(--cd-input-radius);
     font-size: var(--cd-input-font-size);
     cursor: text;
-    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-tag-input--small {
     min-block-size: var(--cd-input-height-small);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-tag-input--large {
     min-block-size: var(--cd-input-height-large);
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
+  }
+  /* 对齐 Semi 填充式：悬浮加深底色 */
+  .cd-tag-input:hover:not(.cd-tag-input--disabled):not(:focus-within) {
+    background: var(--cd-input-bg-hover);
   }
   .cd-tag-input:focus-within {
+    background: var(--cd-input-color-bg);
     border-color: var(--cd-input-border-active);
     box-shadow: var(--cd-focus-ring);
   }
+  .cd-tag-input--warning {
+    border-color: var(--cd-input-border-warning);
+  }
   .cd-tag-input--error {
     border-color: var(--cd-input-border-error);
   }
   .cd-tag-input--disabled {
-    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;
   }
@@ -456,11 +467,11 @@
     position: relative;
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-1);
-    padding-inline: var(--cd-spacing-2);
+    gap: var(--cd-spacing-extra-tight);
+    padding-inline: var(--cd-spacing-tight);
     background: var(--cd-color-fill-1);
-    border-radius: var(--cd-radius-1);
-    font-size: var(--cd-font-size-1);
+    border-radius: var(--cd-border-radius-small);
+    font-size: var(--cd-font-size-small);
     white-space: nowrap;
   }
   .cd-tag-input__tag[draggable='true'] {
@@ -481,10 +492,10 @@
     border-radius: 1px;
   }
   .cd-tag-input__tag--drop-before::before {
-    inset-inline-start: calc(var(--cd-spacing-1) / -2 - 1px);
+    inset-inline-start: calc(var(--cd-spacing-extra-tight) / -2 - 1px);
   }
   .cd-tag-input__tag--drop-after::after {
-    inset-inline-end: calc(var(--cd-spacing-1) / -2 - 1px);
+    inset-inline-end: calc(var(--cd-spacing-extra-tight) / -2 - 1px);
   }
   .cd-tag-input__text {
     overflow: hidden;
@@ -498,7 +509,7 @@
     border: none;
     background: transparent;
     color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
     line-height: 1;
     cursor: pointer;
   }

package/dist/textarea/TextArea.svelte

@@ -327,10 +327,10 @@
     transition: border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
   }
   .cd-textarea--small {
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-textarea--large {
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   .cd-textarea:focus-within {
     border-color: var(--cd-input-border-active);
@@ -381,8 +381,8 @@
   }
   .cd-textarea__clear {
     position: absolute;
-    inset-block-start: var(--cd-spacing-1);
-    inset-inline-end: var(--cd-spacing-1);
+    inset-block-start: var(--cd-spacing-extra-tight);
+    inset-inline-end: var(--cd-spacing-extra-tight);
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -391,7 +391,7 @@
     background: transparent;
     color: var(--cd-color-text-2);
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-textarea__clear:hover {
     color: var(--cd-color-text-0);
@@ -402,10 +402,10 @@
   }
   .cd-textarea__count {
     position: absolute;
-    inset-block-end: var(--cd-spacing-1);
-    inset-inline-end: var(--cd-spacing-2);
+    inset-block-end: var(--cd-spacing-extra-tight);
+    inset-inline-end: var(--cd-spacing-tight);
     color: var(--cd-color-text-3);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     white-space: nowrap;
     pointer-events: none;
   }