@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/checkbox.js

@@ -1,24 +1,72 @@
-/** Component tokens for Checkbox. See specs/components/input/Checkbox.spec.md. */
 export const checkboxTokens = {
-    'checkbox-size-default': '16px',
-    'checkbox-size-small': '14px',
-    'checkbox-size-large': '18px',
-    'checkbox-radius': 'var(--cd-border-radius-small)',
-    'checkbox-border': 'var(--cd-color-text-3)', // 对齐 Semi 默认描边 text-3（原 color-border）
-    'checkbox-border-hover': 'var(--cd-color-focus-border)', // 对齐 Semi 悬浮描边 focus-border
-    'checkbox-bg': 'transparent', // 对齐 Semi 默认背景 transparent（原 bg-0）
-    'checkbox-bg-hover': 'var(--cd-color-fill-0)', // 对齐 Semi 悬浮背景 fill-0
-    'checkbox-bg-checked': 'var(--cd-color-primary)',
-    'checkbox-border-checked': 'var(--cd-color-primary)',
-    'checkbox-mark-color': 'var(--cd-color-text-inverse)',
-    'checkbox-label-gap': 'var(--cd-spacing-tight)',
-    // card / pureCard 形态
-    'checkbox-card-padding': 'var(--cd-spacing-base-tight) var(--cd-spacing-base)',
-    'checkbox-card-radius': 'var(--cd-border-radius-medium)',
-    'checkbox-card-bg': 'var(--cd-color-bg-0)',
-    'checkbox-card-bg-hover': 'var(--cd-color-fill-0)', // 对齐 Semi 卡片悬浮 fill-0（原 bg-1）
-    'checkbox-card-bg-checked': 'var(--cd-color-primary-light-default)', // 对齐 Semi 卡片选中 primary-light-default
-    'checkbox-card-border': 'var(--cd-color-border)',
-    'checkbox-card-border-checked': 'var(--cd-color-primary)',
+    // —— label / 文字 ——
+    'spacing-checkbox-label-paddingleft': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '文字与选框间距', usage: '文字与选框间距' },
+    'color-checkbox-label-text-default': { value: 'var(--cd-color-text-0)', category: 'color', label: '文字颜色', usage: '文字颜色' },
+    'color-checkbox-label-text-disabled': { value: 'var(--cd-color-disabled-text)', category: 'color', label: '禁用文字颜色', usage: '禁用文字颜色' },
+    'font-checkbox-label-lineheight': { value: '20px', category: 'font', label: '文字行高', usage: '文字行高' },
+    // —— default（未选中态） ——
+    'color-checkbox-default-bg-default': { value: 'transparent', category: 'color', label: '选框背景色', usage: '复选框内部勾选框背景色 - 默认态' },
+    'color-checkbox-default-bg-hover': { value: 'var(--cd-color-fill-0)', category: 'color', label: '选框背景色', usage: '选框背景颜色 - 悬浮' },
+    'color-checkbox-default-bg-active': { value: 'var(--cd-color-fill-1)', category: 'color', label: '选框背景色', usage: '选框未选中态背景颜色 - 按下' },
+    'color-checkbox-default-border-default': { value: 'var(--cd-color-text-3)', category: 'color', label: '选框描边颜色', usage: '复选框内部勾选框描边颜色 - 默认态' },
+    'color-checkbox-default-border-hover': { value: 'var(--cd-color-focus-border)', category: 'color', label: '选框描边颜色', usage: '复选框内部勾选框描边颜色 - 悬停态' },
+    // —— checked（选中态） ——
+    'color-checkbox-checked-bg-default': { value: 'var(--cd-color-primary)', category: 'color', label: '选中态背景色', usage: '复选框选中态内部勾选框背景色 - 默认态' },
+    'color-checkbox-checked-bg-hover': { value: 'var(--cd-color-primary-hover)', category: 'color', label: '选中态背景色', usage: '选框选中态背景颜色 - 悬浮' },
+    'color-checkbox-checked-bg-active': { value: 'var(--cd-color-primary-active)', category: 'color', label: '选中态背景色', usage: '选框选中态背景颜色 - 按下' },
+    'color-checkbox-checked-icon-default': { value: 'var(--cd-color-white)', category: 'color', label: '对勾颜色', usage: '选框选中态对勾颜色 - 默认' },
+    'color-checkbox-checked-icon-disabled': { value: 'var(--cd-color-white)', category: 'color', label: '禁用对勾颜色', usage: '选框禁用态对勾颜色' },
+    'color-checkbox-checked-border-default': { value: 'var(--cd-color-primary)', category: 'color', label: '选中态描边色', usage: '选框选中态描边颜色 - 默认' },
+    'color-checkbox-checked-border-hover': { value: 'var(--cd-color-primary-hover)', category: 'color', label: '选中态描边色', usage: '选框选中态描边颜色 - 悬浮' },
+    'color-checkbox-checked-border-active': { value: 'var(--cd-color-primary-active)', category: 'color', label: '选中态描边色', usage: '选框选中态描边颜色 - 按下' },
+    'color-checkbox-checked-bg-disabled': { value: 'var(--cd-color-primary-disabled)', category: 'color', label: '选中禁用背景色', usage: '选框选中 + 禁用态背景颜色' },
+    // —— disabled（禁用态） ——
+    'color-checkbox-disabled-bg-default': { value: 'var(--cd-color-disabled-fill)', category: 'color', label: '禁用背景色', usage: '选框禁用态背景颜色 - 默认' },
+    'color-checkbox-disabled-border-default': { value: 'var(--cd-color-border)', category: 'color', label: '禁用描边色', usage: '选框禁用态描边颜色 - 默认' },
+    // —— focus outline ——
+    'color-checkbox-primary-outline-focus': { value: 'var(--cd-color-primary-light-active)', category: 'color', label: '聚焦轮廓色', usage: '复选框轮廓-聚焦颜色' },
+    // —— cardType（卡片形态） ——
+    'color-checkbox-cardtype-border-default': { value: 'transparent', category: 'color', label: '卡片默认边框色', usage: '卡片复选框默认边框颜色' },
+    'color-checkbox-cardtype-bg-hover': { value: 'var(--cd-color-fill-0)', category: 'color', label: '卡片背景色', usage: '卡片类型复选框的背景颜色 - 悬浮' },
+    'color-checkbox-cardtype-bg-active': { value: 'var(--cd-color-fill-1)', category: 'color', label: '卡片背景色', usage: '卡片类型复选框的背景颜色 - 按下' },
+    'color-checkbox-cardtype-checked-bg': { value: 'var(--cd-color-primary-light-default)', category: 'color', label: '卡片选中背景色', usage: '卡片类型复选框选中时的背景颜色 - 默认' },
+    'color-checkbox-cardtype-checked-border-default': { value: 'var(--cd-color-primary)', category: 'color', label: '卡片选中边框色', usage: '卡片类型复选框选中时的边框颜色 - 默认' },
+    'color-checkbox-cardtype-checked-border-hover': { value: 'var(--cd-color-primary-hover)', category: 'color', label: '卡片选中边框色', usage: '卡片类型复选框选中时的边框颜色 - 悬浮' },
+    'color-checkbox-cardtype-checked-border-active': { value: 'var(--cd-color-primary-active)', category: 'color', label: '卡片选中边框色', usage: '卡片类型复选框选中时的边框颜色 - 按下' },
+    'color-checkbox-cardtype-checked-disabled-bg': { value: 'var(--cd-color-primary-light-default)', category: 'color', label: '卡片选中禁用背景色', usage: '卡片类型复选框选中且禁用时的背景颜色 - 默认' },
+    'color-checkbox-cardtype-checked-disabled-border-default': { value: 'var(--cd-color-primary-disabled)', category: 'color', label: '卡片选中禁用边框色', usage: '卡片类型复选框选中且禁用时的边框颜色 - 默认' },
+    'color-checkbox-cardtype-inner-bg-default': { value: 'var(--cd-color-white)', category: 'color', label: '卡片内框背景色', usage: '卡片复选框内部勾选框背景色 - 默认' },
+    'color-checkbox-cardtype-addon-text-default': { value: 'var(--cd-color-text-0)', category: 'color', label: '卡片标题文本色', usage: '卡片类型复选框标题文本颜色 - 默认' },
+    'color-checkbox-cardtype-extra-text-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '卡片副标题文本色', usage: '卡片复选框副标题文本颜色 - 默认' },
+    // —— extra（副标题） ——
+    'color-checkbox-extra-text-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '副标题文本色', usage: '复选框副标题文本颜色' },
+    // —— 尺寸 / 圆角 / 描边宽度 ——
+    'checkbox-size-default': { value: '16px', category: 'width', label: '勾选框边长', usage: '勾选框边长 - 默认' },
+    'checkbox-inner-height': { value: '20px', category: 'width', label: '选框行高', usage: '选框对勾 icon 高度' },
+    'size-checkbox-inner-shadow': { value: 'var(--cd-border-thickness-control)', category: 'width', label: '内描边宽度', usage: '选框内描边宽度（inset box-shadow）' },
+    'width-checkbox-cardtype-border': { value: '1px', category: 'width', label: '卡片边框宽度', usage: '卡片类型复选框的边框宽度' },
+    'width-checkbox-outline': { value: '2px', category: 'width', label: '聚焦轮廓宽度', usage: '复选框轮廓宽度' },
+    'radius-checkbox-cardtype': { value: '3px', category: 'radius', label: '卡片圆角', usage: '卡片类型复选框的圆角大小' },
+    'radius-checkbox-inner': { value: 'var(--cd-border-radius-extra-small)', category: 'radius', label: '选框圆角', usage: '复选框内部勾选框圆角' },
+    // —— 间距 ——
+    'spacing-checkbox-extra-margintop': { value: 'var(--cd-spacing-extra-tight)', category: 'spacing', label: '副标题顶内边距', usage: '复选框副标题顶部内边距' },
+    'spacing-checkbox-cardtype-paddingx': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '卡片水平内间距', usage: '卡片类型复选框的水平内间距' },
+    'spacing-checkbox-cardtype-paddingy': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '卡片垂直内间距', usage: '卡片类型复选框的垂直内间距' },
+    'spacing-checkbox-card-group-vertical-marginbottom': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '卡片组下间距', usage: '卡片样式复选框组的下间距' },
+    'spacing-checkbox-group-vertical-item-marginbottom': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '垂直组项下间距', usage: '垂直复选框组底部外边距' },
+    'spacing-checkbox-group-horizontal-marginright': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '水平组右外边距', usage: '水平复选框组右侧外边距' },
+    // —— cardType 字体（卡片标题加粗，对齐 Semi） ——
+    'font-checkbox-cardtype-addon-size': { value: 'var(--cd-font-size-regular)', category: 'font', label: '卡片标题字号', usage: '卡片类型复选框标题文本大小' },
+    'font-checkbox-cardtype-addon-fontweight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: '卡片标题字重', usage: '卡片类型复选框标题字重' },
+    'font-checkbox-cardtype-addon-lineheight': { value: '20px', category: 'font', label: '卡片标题行高', usage: '卡片类型复选框标题文字行高' },
+    'font-checkbox-cardtype-extra-size': { value: 'var(--cd-font-size-regular)', category: 'font', label: '卡片副标题字号', usage: '卡片类型复选框副标题文字大小' },
+    'font-checkbox-cardtype-extra-lineheight': { value: '20px', category: 'font', label: '卡片副标题行高', usage: '卡片类型复选框副标题文字行高' },
+    // —— animation（对齐 Semi checkbox/animation.scss；none/easeIn/none） ——
+    'transition-duration-checkbox-bg': { value: 'var(--cd-motion-duration-none)', category: 'animation', label: '背景过渡时长', usage: '复选框-背景色-动画持续时间' },
+    'transition-function-checkbox-bg': { value: 'var(--cd-motion-ease-in)', category: 'animation', label: '背景过渡曲线', usage: '复选框-背景色-过渡曲线' },
+    'transition-delay-checkbox-bg': { value: 'var(--cd-motion-delay-none)', category: 'animation', label: '背景过渡延迟', usage: '复选框-背景色-延迟时间' },
+    'transition-duration-checkbox-border': { value: 'var(--cd-motion-duration-none)', category: 'animation', label: '边框过渡时长', usage: '复选框-边框-动画持续时间' },
+    'transition-function-checkbox-border': { value: 'var(--cd-motion-ease-in)', category: 'animation', label: '边框过渡曲线', usage: '复选框-边框-过渡曲线' },
+    'transition-delay-checkbox-border': { value: 'var(--cd-motion-delay-none)', category: 'animation', label: '边框过渡延迟', usage: '复选框-边框-延迟时间' },
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,uBAAuB,EAAE,MAAM;IAC/B,qBAAqB,EAAE,MAAM;IAC7B,qBAAqB,EAAE,MAAM;IAC7B,iBAAiB,EAAE,+BAA+B;IAClD,iBAAiB,EAAE,wBAAwB,EAAE,sCAAsC;IACnF,uBAAuB,EAAE,8BAA8B,EAAE,4BAA4B;IACrF,aAAa,EAAE,aAAa,EAAE,mCAAmC;IACjE,mBAAmB,EAAE,wBAAwB,EAAE,sBAAsB;IACrE,qBAAqB,EAAE,yBAAyB;IAChD,yBAAyB,EAAE,yBAAyB;IACpD,qBAAqB,EAAE,8BAA8B;IACrD,oBAAoB,EAAE,yBAAyB;IAC/C,qBAAqB;IACrB,uBAAuB,EAAE,qDAAqD;IAC9E,sBAAsB,EAAE,gCAAgC;IACxD,kBAAkB,EAAE,sBAAsB;IAC1C,wBAAwB,EAAE,wBAAwB,EAAE,8BAA8B;IAClF,0BAA0B,EAAE,uCAAuC,EAAE,qCAAqC;IAC1G,sBAAsB,EAAE,wBAAwB;IAChD,8BAA8B,EAAE,yBAAyB;CACjD,CAAC"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"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"}

package/dist/components/color-picker.d.ts

@@ -1,19 +1,147 @@
-/** Component tokens for ColorPicker. See specs/components/input/ColorPicker.spec.md. */
 export declare const colorPickerTokens: {
-    readonly 'color-picker-trigger-size': "28px";
-    readonly 'color-picker-trigger-radius': "var(--cd-border-radius-medium)";
-    readonly 'color-picker-trigger-border': "var(--cd-color-border)";
-    readonly 'color-picker-status-warning': "var(--cd-color-warning)";
-    readonly 'color-picker-status-error': "var(--cd-color-danger)";
-    readonly 'color-picker-panel-bg': "var(--cd-color-bg-0)";
-    readonly 'color-picker-panel-shadow': "var(--cd-shadow-elevated)";
-    readonly 'color-picker-panel-radius': "var(--cd-border-radius-large)";
-    readonly 'color-picker-panel-z': "var(--cd-z-popover)";
-    readonly 'color-picker-panel-width': "240px";
-    readonly 'color-picker-saturation-height': "140px";
-    readonly 'color-picker-slider-height': "10px";
-    readonly 'color-picker-handle-size': "12px";
-    readonly 'color-picker-handle-border': "var(--cd-color-bg-0)";
-    readonly 'color-picker-swatch-size': "20px";
+    'radius-color-picker-topleft': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-topright': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-bottomleft': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-bottomright': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-handle': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-alphasliderinner': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-demoblock': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-color-picker-defaulttrigger': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'width-color-picker-handle-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-color-picker-colorpickerinputnumber': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-color-picker-formatselect': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-color-picker-defaulttrigger': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'color-color-picker-handle-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'spacing-color-picker-inputnumbersuffix-horizontal': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-color-picker-inputgroup-marginleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-color-picker-popover-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-color-picker-inputnumbersuffix-vertical': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-color-picker-slider-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-color-picker-datapart-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'font-color-picker-inputnumbersuffix-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'color-picker-handle-size': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'color-picker-slider-handle-size': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'color-picker-handle-shadow': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'color-picker-slider-height': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=color-picker.d.ts.map

package/dist/components/color-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;CAgBpB,CAAC"}
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCR,CAAC"}

package/dist/components/color-picker.js

@@ -1,19 +1,33 @@
-/** Component tokens for ColorPicker. See specs/components/input/ColorPicker.spec.md. */
 export const colorPickerTokens = {
-    'color-picker-trigger-size': '28px',
-    'color-picker-trigger-radius': 'var(--cd-border-radius-medium)',
-    'color-picker-trigger-border': 'var(--cd-color-border)',
-    'color-picker-status-warning': 'var(--cd-color-warning)',
-    'color-picker-status-error': 'var(--cd-color-danger)',
-    'color-picker-panel-bg': 'var(--cd-color-bg-0)',
-    'color-picker-panel-shadow': 'var(--cd-shadow-elevated)',
-    'color-picker-panel-radius': 'var(--cd-border-radius-large)',
-    'color-picker-panel-z': 'var(--cd-z-popover)',
-    'color-picker-panel-width': '240px',
-    'color-picker-saturation-height': '140px',
-    'color-picker-slider-height': '10px',
-    'color-picker-handle-size': '12px',
-    'color-picker-handle-border': 'var(--cd-color-bg-0)',
-    'color-picker-swatch-size': '20px',
+    // —— 圆角（对齐 Semi $radius-colorPicker-*）——
+    'radius-color-picker-topleft': { value: '8px', category: 'radius', label: '圆角-左上', usage: '圆角 - 左上（saturation 方块）' },
+    'radius-color-picker-topright': { value: '8px', category: 'radius', label: '圆角-右上', usage: '圆角 - 右上（saturation 方块）' },
+    'radius-color-picker-bottomleft': { value: '0px', category: 'radius', label: '圆角-左下', usage: '圆角 - 左下（saturation 方块）' },
+    'radius-color-picker-bottomright': { value: '0px', category: 'radius', label: '圆角-右下', usage: '圆角 - 右下（saturation 方块）' },
+    'radius-color-picker-handle': { value: 'var(--cd-border-radius-full)', category: 'radius', label: '把手圆角', usage: '圆角 - 拖拽把手 / 滑块条' },
+    'radius-color-picker-alphasliderinner': { value: '4px', category: 'radius', label: '透明度滑块圆角', usage: '圆角 - 透明度 Slider inner' },
+    'radius-color-picker-demoblock': { value: '4px', category: 'radius', label: '当前色块圆角', usage: '圆角 - 颜色手动输入区域左侧当前选中颜色色块' },
+    'radius-color-picker-defaulttrigger': { value: '4px', category: 'radius', label: '默认 trigger 圆角', usage: 'popover 模式默认 trigger 圆角' },
+    // —— 宽度（对齐 Semi $width-colorPicker-*）——
+    'width-color-picker-handle-border': { value: '2px', category: 'width', label: '把手边框宽度', usage: '把手边框宽度' },
+    'width-color-picker-colorpickerinputnumber': { value: '58px', category: 'width', label: '数字输入器宽度', usage: 'alpha 数字输入器宽度' },
+    'width-color-picker-formatselect': { value: '80px', category: 'width', label: '格式选择宽度', usage: '格式选择下拉 Select 宽度' },
+    'width-color-picker-defaulttrigger': { value: '24px', category: 'width', label: '默认 trigger 大小', usage: 'popover 模式默认 trigger 边长' },
+    // —— 颜色（对齐 Semi $color-colorPicker-*）——
+    'color-color-picker-handle-border': { value: 'var(--cd-color-white)', category: 'color', label: '把手边框颜色', usage: '拖拽把手 / 滑块把手边框颜色' },
+    // —— 间距（对齐 Semi $spacing-colorPicker-*）——
+    'spacing-color-picker-inputnumbersuffix-horizontal': { value: '4px', category: 'spacing', label: '百分比水平距离', usage: 'alpha 数字输入框后百分比水平内边距' },
+    'spacing-color-picker-inputgroup-marginleft': { value: '4px', category: 'spacing', label: '输入区左距', usage: '颜色手动输入区域左侧距离色块距离' },
+    'spacing-color-picker-popover-padding': { value: '8px', category: 'spacing', label: '弹层内边距', usage: 'popover 模式浮层整体内边距' },
+    'spacing-color-picker-inputnumbersuffix-vertical': { value: '4px', category: 'spacing', label: '百分比垂直距离', usage: 'alpha 数字输入框后百分比垂直内边距' },
+    'spacing-color-picker-slider-margintop': { value: '6px', category: 'spacing', label: '滑块上边距', usage: 'hue / alpha 滑动选择器上边距' },
+    'spacing-color-picker-datapart-margintop': { value: '8px', category: 'spacing', label: '输入区上边距', usage: '颜色手动输入区域上边距' },
+    // —— 字体（对齐 Semi $font-colorPicker-*）——
+    'font-color-picker-inputnumbersuffix-fontsize': { value: '14px', category: 'font', label: '百分比字号', usage: 'alpha 数字输入框后百分比字体大小' },
+    // —— chenzy 补充（Semi 靠 renderPicker 传入 handleSize/height，无对应字面量 token；组件消费）——
+    'color-picker-handle-size': { value: '20px', category: 'width', label: '色板把手尺寸', usage: '色板（colorChooseArea）拖拽把手边长（组件消费；对齐 Semi handleSize={20}）' },
+    'color-picker-slider-handle-size': { value: '18px', category: 'width', label: '滑块把手尺寸', usage: 'hue / alpha 滑块把手边长（组件消费；对齐 Semi slider handleSize={18}）' },
+    'color-picker-handle-shadow': { value: 'var(--cd-shadow-elevated)', category: 'other', label: '把手阴影', usage: '拖拽把手阴影（组件消费）' },
+    'color-picker-slider-height': { value: '10px', category: 'height', label: '滑块高度', usage: 'hue / alpha 滑块条高度（组件消费；对齐 Semi height=10）' },
 };
 //# sourceMappingURL=color-picker.js.map

package/dist/components/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,2BAA2B,EAAE,MAAM;IACnC,6BAA6B,EAAE,gCAAgC;IAC/D,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,yBAAyB;IACxD,2BAA2B,EAAE,wBAAwB;IACrD,uBAAuB,EAAE,sBAAsB;IAC/C,2BAA2B,EAAE,2BAA2B;IACxD,2BAA2B,EAAE,+BAA+B;IAC5D,sBAAsB,EAAE,qBAAqB;IAC7C,0BAA0B,EAAE,OAAO;IACnC,gCAAgC,EAAE,OAAO;IACzC,4BAA4B,EAAE,MAAM;IACpC,0BAA0B,EAAE,MAAM;IAClC,4BAA4B,EAAE,sBAAsB;IACpD,0BAA0B,EAAE,MAAM;CAC1B,CAAC"}
+{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"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"}

package/dist/components/cropper.d.ts

@@ -0,0 +1,33 @@
+export declare const cropperTokens: {
+    'cropper-mask-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'cropper-box-outline-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'cropper-box-outline-width': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'cropper-corner-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'cropper-corner-size': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+};
+//# sourceMappingURL=cropper.d.ts.map

package/dist/components/cropper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropper.d.ts","sourceRoot":"","sources":["../../src/components/cropper.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BJ,CAAC"}

package/dist/components/cropper.js

@@ -0,0 +1,33 @@
+export const cropperTokens = {
+    'cropper-mask-bg': {
+        value: 'var(--cd-color-overlay-bg)',
+        category: 'color',
+        label: '遮罩背景',
+        usage: '裁切框外遮罩层背景色（半透明暗色）',
+    },
+    'cropper-box-outline-color': {
+        value: 'var(--cd-color-primary)',
+        category: 'color',
+        label: '裁切框描边色',
+        usage: '裁切框 outline 颜色',
+    },
+    'cropper-box-outline-width': {
+        value: '1px',
+        category: 'width',
+        label: '裁切框描边宽',
+        usage: '裁切框 outline 宽度',
+    },
+    'cropper-corner-bg': {
+        value: 'var(--cd-color-primary)',
+        category: 'color',
+        label: '角点背景',
+        usage: '裁切框 8 角点填充色（品牌色，对齐 Semi $color-cropper_box_corner-bg）',
+    },
+    'cropper-corner-size': {
+        value: '10px',
+        category: 'width',
+        label: '角点尺寸',
+        usage: '裁切框角点宽高',
+    },
+};
+//# sourceMappingURL=cropper.js.map

package/dist/components/cropper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropper.js","sourceRoot":"","sources":["../../src/components/cropper.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,iBAAiB,EAAE;QACjB,KAAK,EAAE,4BAA4B;QACnC,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,mBAAmB;KAC3B;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,gBAAgB;KACxB;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,gBAAgB;KACxB;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,uDAAuD;KAC/D;IACD,qBAAqB,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,SAAS;KACjB;CACmB,CAAC"}