@chenzy-design/tokens 0.2.0 → 0.3.0

package/dist/components/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,aAAa,EAAE,sBAAsB;IACrC,iBAAiB,EAAE,wBAAwB;IAC3C,oBAAoB,EAAE,sBAAsB;IAC5C,eAAe,EAAE,wBAAwB;IACzC,yBAAyB,EAAE,wBAAwB;IACnD,mBAAmB,EAAE,uCAAuC;IAC5D,mBAAmB,EAAE,yBAAyB;IAC9C,0BAA0B,EAAE,yBAAyB;IACrD,mBAAmB,EAAE,uCAAuC;IAC5D,wBAAwB,EAAE,uCAAuC;IACjE,0BAA0B,EAAE,OAAO;IACnC,qBAAqB,EAAE,sBAAsB;IAC7C,wBAAwB,EAAE,wBAAwB;IAClD,2BAA2B,EAAE,yBAAyB;IACtD,mBAAmB,EAAE,sBAAsB;IAC3C,sBAAsB,EAAE,wBAAwB;IAChD,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,MAAM;IAC7B,iBAAiB,EAAE,oBAAoB;CAC/B,CAAC"}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,aAAa,EAAE,sBAAsB;IACrC,iBAAiB,EAAE,wBAAwB;IAC3C,oBAAoB,EAAE,sBAAsB;IAC5C,eAAe,EAAE,wBAAwB;IACzC,yBAAyB,EAAE,wBAAwB;IACnD,mBAAmB,EAAE,yBAAyB,EAAE,+CAA+C;IAC/F,mBAAmB,EAAE,sBAAsB,EAAE,8CAA8C;IAC3F,0BAA0B,EAAE,yBAAyB;IACrD,mBAAmB,EAAE,uCAAuC;IAC5D,wBAAwB,EAAE,uCAAuC;IACjE,0BAA0B,EAAE,OAAO;IACnC,qBAAqB,EAAE,sBAAsB;IAC7C,wBAAwB,EAAE,wBAAwB;IAClD,2BAA2B,EAAE,yBAAyB;IACtD,mBAAmB,EAAE,sBAAsB;IAC3C,sBAAsB,EAAE,wBAAwB;IAChD,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,MAAM;IAC7B,iBAAiB,EAAE,gCAAgC;CAC3C,CAAC"}

package/dist/components/checkbox.d.ts

@@ -3,17 +3,20 @@ export declare const checkboxTokens: {
     readonly 'checkbox-size-default': "16px";
     readonly 'checkbox-size-small': "14px";
     readonly 'checkbox-size-large': "18px";
-    readonly 'checkbox-radius': "var(--cd-radius-1)";
-    readonly 'checkbox-border': "var(--cd-color-border)";
-    readonly 'checkbox-bg': "var(--cd-color-bg-0)";
+    readonly 'checkbox-radius': "var(--cd-border-radius-small)";
+    readonly 'checkbox-border': "var(--cd-color-text-3)";
+    readonly 'checkbox-border-hover': "var(--cd-color-focus-border)";
+    readonly 'checkbox-bg': "transparent";
+    readonly 'checkbox-bg-hover': "var(--cd-color-fill-0)";
     readonly 'checkbox-bg-checked': "var(--cd-color-primary)";
     readonly 'checkbox-border-checked': "var(--cd-color-primary)";
     readonly 'checkbox-mark-color': "var(--cd-color-text-inverse)";
-    readonly 'checkbox-label-gap': "var(--cd-spacing-2)";
-    readonly 'checkbox-card-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
-    readonly 'checkbox-card-radius': "var(--cd-radius-2)";
+    readonly 'checkbox-label-gap': "var(--cd-spacing-tight)";
+    readonly 'checkbox-card-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
+    readonly 'checkbox-card-radius': "var(--cd-border-radius-medium)";
     readonly 'checkbox-card-bg': "var(--cd-color-bg-0)";
-    readonly 'checkbox-card-bg-hover': "var(--cd-color-bg-1)";
+    readonly 'checkbox-card-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'checkbox-card-bg-checked': "var(--cd-color-primary-light-default)";
     readonly 'checkbox-card-border': "var(--cd-color-border)";
     readonly 'checkbox-card-border-checked': "var(--cd-color-primary)";
 };

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAkBjB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAqBjB,CAAC"}

package/dist/components/checkbox.js

@@ -3,18 +3,21 @@ export const checkboxTokens = {
     'checkbox-size-default': '16px',
     'checkbox-size-small': '14px',
     'checkbox-size-large': '18px',
-    'checkbox-radius': 'var(--cd-radius-1)',
-    'checkbox-border': 'var(--cd-color-border)',
-    'checkbox-bg': 'var(--cd-color-bg-0)',
+    '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-2)',
+    'checkbox-label-gap': 'var(--cd-spacing-tight)',
     // card / pureCard 形态
-    'checkbox-card-padding': 'var(--cd-spacing-3) var(--cd-spacing-4)',
-    'checkbox-card-radius': 'var(--cd-radius-2)',
+    '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-bg-1)',
+    '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)',
 };

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,oBAAoB;IACvC,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,sBAAsB;IACrC,qBAAqB,EAAE,yBAAyB;IAChD,yBAAyB,EAAE,yBAAyB;IACpD,qBAAqB,EAAE,8BAA8B;IACrD,oBAAoB,EAAE,qBAAqB;IAC3C,qBAAqB;IACrB,uBAAuB,EAAE,yCAAyC;IAClE,sBAAsB,EAAE,oBAAoB;IAC5C,kBAAkB,EAAE,sBAAsB;IAC1C,wBAAwB,EAAE,sBAAsB;IAChD,sBAAsB,EAAE,wBAAwB;IAChD,8BAA8B,EAAE,yBAAyB;CACjD,CAAC"}
+{"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"}

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

@@ -1,13 +1,13 @@
 /** 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-radius-2)";
+    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-2)";
-    readonly 'color-picker-panel-radius': "var(--cd-radius-3)";
+    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";

package/dist/components/color-picker.js

@@ -1,13 +1,13 @@
 /** 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-radius-2)',
+    '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-2)',
-    'color-picker-panel-radius': 'var(--cd-radius-3)',
+    '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',

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,oBAAoB;IACnD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,yBAAyB;IACxD,2BAA2B,EAAE,wBAAwB;IACrD,uBAAuB,EAAE,sBAAsB;IAC/C,2BAA2B,EAAE,oBAAoB;IACjD,2BAA2B,EAAE,oBAAoB;IACjD,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":"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"}

package/dist/components/data-display.d.ts

@@ -2,27 +2,31 @@
 export declare const dataDisplayTokens: {
     readonly 'empty-image-color': "var(--cd-color-fill-1)";
     readonly 'empty-title-color': "var(--cd-color-text-1)";
-    readonly 'empty-desc-color': "var(--cd-color-text-2)";
-    readonly 'empty-gap': "var(--cd-spacing-3)";
+    readonly 'empty-title-weight': "var(--cd-font-weight-bold)";
+    readonly 'empty-desc-color': "var(--cd-color-text-1)";
+    readonly 'empty-gap': "var(--cd-spacing-base-tight)";
     readonly 'descriptions-label-color': "var(--cd-color-text-2)";
     readonly 'descriptions-value-color': "var(--cd-color-text-0)";
+    readonly 'descriptions-value-weight-row': "var(--cd-font-weight-bold)";
     readonly 'descriptions-border': "var(--cd-color-border)";
     readonly 'descriptions-label-bg': "var(--cd-color-fill-0)";
-    readonly 'descriptions-cell-padding': "var(--cd-spacing-2) var(--cd-spacing-3)";
-    readonly 'descriptions-row-gap': "var(--cd-spacing-3)";
-    readonly 'collapse-header-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
+    readonly 'descriptions-cell-padding': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
+    readonly 'descriptions-row-gap': "var(--cd-spacing-base-tight)";
+    readonly 'collapse-header-padding': "var(--cd-spacing-tight)";
     readonly 'collapse-header-color': "var(--cd-color-text-0)";
+    readonly 'collapse-header-weight': "var(--cd-font-weight-bold)";
     readonly 'collapse-header-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'collapse-content-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
+    readonly 'collapse-header-bg-active': "var(--cd-color-fill-1)";
+    readonly 'collapse-content-padding': "var(--cd-spacing-extra-tight) var(--cd-spacing-base) var(--cd-spacing-tight)";
     readonly 'collapse-content-color': "var(--cd-color-text-1)";
     readonly 'collapse-border': "var(--cd-color-border)";
     readonly 'collapse-arrow-color': "var(--cd-color-text-2)";
     readonly 'collapse-motion-duration': "var(--cd-motion-duration-mid)";
     readonly 'timeline-dot-size': "10px";
     readonly 'timeline-dot-color': "var(--cd-color-primary)";
-    readonly 'timeline-line-color': "var(--cd-color-border)";
+    readonly 'timeline-line-color': "var(--cd-color-text-3)";
     readonly 'timeline-content-color': "var(--cd-color-text-0)";
     readonly 'timeline-time-color': "var(--cd-color-text-2)";
-    readonly 'timeline-gap': "var(--cd-spacing-4)";
+    readonly 'timeline-gap': "var(--cd-spacing-base)";
 };
 //# sourceMappingURL=data-display.d.ts.map

package/dist/components/data-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-display.d.ts","sourceRoot":"","sources":["../../src/components/data-display.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;CA6BpB,CAAC"}
+{"version":3,"file":"data-display.d.ts","sourceRoot":"","sources":["../../src/components/data-display.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCpB,CAAC"}

package/dist/components/data-display.js

@@ -1,22 +1,26 @@
 /** Component tokens for Empty / Descriptions / Collapse / Timeline (M4 Show). */
 export const dataDisplayTokens = {
-    // Empty
+    // Empty（对齐 Semi：描述文字 text-1、标题字重 bold）
     'empty-image-color': 'var(--cd-color-fill-1)',
     'empty-title-color': 'var(--cd-color-text-1)',
-    'empty-desc-color': 'var(--cd-color-text-2)',
-    'empty-gap': 'var(--cd-spacing-3)',
+    'empty-title-weight': 'var(--cd-font-weight-bold)', // 对齐 Semi 标题字重 600
+    'empty-desc-color': 'var(--cd-color-text-1)', // 对齐 Semi 描述文字 text-1（原 text-2）
+    'empty-gap': 'var(--cd-spacing-base-tight)',
     // Descriptions
     'descriptions-label-color': 'var(--cd-color-text-2)',
     'descriptions-value-color': 'var(--cd-color-text-0)',
+    'descriptions-value-weight-row': 'var(--cd-font-weight-bold)', // Semi 双行显示 value 字重 bold
     'descriptions-border': 'var(--cd-color-border)',
     'descriptions-label-bg': 'var(--cd-color-fill-0)',
-    'descriptions-cell-padding': 'var(--cd-spacing-2) var(--cd-spacing-3)',
-    'descriptions-row-gap': 'var(--cd-spacing-3)',
-    // Collapse
-    'collapse-header-padding': 'var(--cd-spacing-3) var(--cd-spacing-4)',
+    'descriptions-cell-padding': 'var(--cd-spacing-tight) var(--cd-spacing-base-tight)',
+    'descriptions-row-gap': 'var(--cd-spacing-base-tight)',
+    // Collapse（对齐 Semi：header 字重 bold、header padding tight、content padding base）
+    'collapse-header-padding': 'var(--cd-spacing-tight)', // 对齐 Semi header padding 8（原 12/16）
     'collapse-header-color': 'var(--cd-color-text-0)',
+    'collapse-header-weight': 'var(--cd-font-weight-bold)', // 对齐 Semi 标题字重 bold
     'collapse-header-bg-hover': 'var(--cd-color-fill-0)',
-    'collapse-content-padding': 'var(--cd-spacing-3) var(--cd-spacing-4)',
+    'collapse-header-bg-active': 'var(--cd-color-fill-1)', // 对齐 Semi header 按下背景
+    'collapse-content-padding': 'var(--cd-spacing-extra-tight) var(--cd-spacing-base) var(--cd-spacing-tight)', // 对齐 Semi content padding（top 4 / x 16 / bottom 8）
     'collapse-content-color': 'var(--cd-color-text-1)',
     'collapse-border': 'var(--cd-color-border)',
     'collapse-arrow-color': 'var(--cd-color-text-2)',
@@ -24,9 +28,9 @@ export const dataDisplayTokens = {
     // Timeline
     'timeline-dot-size': '10px',
     'timeline-dot-color': 'var(--cd-color-primary)',
-    'timeline-line-color': 'var(--cd-color-border)',
+    'timeline-line-color': 'var(--cd-color-text-3)', // 对齐 Semi 连线颜色 text-3（原 border）
     'timeline-content-color': 'var(--cd-color-text-0)',
     'timeline-time-color': 'var(--cd-color-text-2)',
-    'timeline-gap': 'var(--cd-spacing-4)',
+    'timeline-gap': 'var(--cd-spacing-base)',
 };
 //# sourceMappingURL=data-display.js.map

package/dist/components/data-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-display.js","sourceRoot":"","sources":["../../src/components/data-display.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,QAAQ;IACR,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,kBAAkB,EAAE,wBAAwB;IAC5C,WAAW,EAAE,qBAAqB;IAClC,eAAe;IACf,0BAA0B,EAAE,wBAAwB;IACpD,0BAA0B,EAAE,wBAAwB;IACpD,qBAAqB,EAAE,wBAAwB;IAC/C,uBAAuB,EAAE,wBAAwB;IACjD,2BAA2B,EAAE,yCAAyC;IACtE,sBAAsB,EAAE,qBAAqB;IAC7C,WAAW;IACX,yBAAyB,EAAE,yCAAyC;IACpE,uBAAuB,EAAE,wBAAwB;IACjD,0BAA0B,EAAE,wBAAwB;IACpD,0BAA0B,EAAE,yCAAyC;IACrE,wBAAwB,EAAE,wBAAwB;IAClD,iBAAiB,EAAE,wBAAwB;IAC3C,sBAAsB,EAAE,wBAAwB;IAChD,0BAA0B,EAAE,+BAA+B;IAC3D,WAAW;IACX,mBAAmB,EAAE,MAAM;IAC3B,oBAAoB,EAAE,yBAAyB;IAC/C,qBAAqB,EAAE,wBAAwB;IAC/C,wBAAwB,EAAE,wBAAwB;IAClD,qBAAqB,EAAE,wBAAwB;IAC/C,cAAc,EAAE,qBAAqB;CAC7B,CAAC"}
+{"version":3,"file":"data-display.js","sourceRoot":"","sources":["../../src/components/data-display.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,uCAAuC;IACvC,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,oBAAoB,EAAE,4BAA4B,EAAE,mBAAmB;IACvE,kBAAkB,EAAE,wBAAwB,EAAE,gCAAgC;IAC9E,WAAW,EAAE,8BAA8B;IAC3C,eAAe;IACf,0BAA0B,EAAE,wBAAwB;IACpD,0BAA0B,EAAE,wBAAwB;IACpD,+BAA+B,EAAE,4BAA4B,EAAE,0BAA0B;IAEzF,qBAAqB,EAAE,wBAAwB;IAC/C,uBAAuB,EAAE,wBAAwB;IACjD,2BAA2B,EAAE,sDAAsD;IACnF,sBAAsB,EAAE,8BAA8B;IACtD,6EAA6E;IAC7E,yBAAyB,EAAE,yBAAyB,EAAE,oCAAoC;IAC1F,uBAAuB,EAAE,wBAAwB;IACjD,wBAAwB,EAAE,4BAA4B,EAAE,oBAAoB;IAC5E,0BAA0B,EAAE,wBAAwB;IACpD,2BAA2B,EAAE,wBAAwB,EAAE,sBAAsB;IAC7E,0BAA0B,EACxB,8EAA8E,EAAE,mDAAmD;IACrI,wBAAwB,EAAE,wBAAwB;IAClD,iBAAiB,EAAE,wBAAwB;IAC3C,sBAAsB,EAAE,wBAAwB;IAChD,0BAA0B,EAAE,+BAA+B;IAC3D,WAAW;IACX,mBAAmB,EAAE,MAAM;IAC3B,oBAAoB,EAAE,yBAAyB;IAC/C,qBAAqB,EAAE,wBAAwB,EAAE,gCAAgC;IACjF,wBAAwB,EAAE,wBAAwB;IAClD,qBAAqB,EAAE,wBAAwB;IAC/C,cAAc,EAAE,wBAAwB;CAChC,CAAC"}

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

@@ -1,15 +1,17 @@
 /** Component tokens for DatePicker & TimePicker. See specs/components/input/DatePicker.spec.md. */
 export declare const datePickerTokens: {
     readonly 'date-picker-panel-bg': "var(--cd-color-bg-0)";
-    readonly 'date-picker-panel-shadow': "var(--cd-shadow-2)";
-    readonly 'date-picker-panel-radius': "var(--cd-radius-3)";
+    readonly 'date-picker-panel-shadow': "var(--cd-shadow-elevated)";
+    readonly 'date-picker-panel-radius': "var(--cd-border-radius-large)";
     readonly 'date-picker-panel-z': "var(--cd-z-popover)";
     readonly 'date-picker-cell-size': "32px";
-    readonly 'date-picker-cell-radius': "var(--cd-radius-2)";
+    readonly 'date-picker-cell-radius': "var(--cd-border-radius-small)";
     readonly 'date-picker-cell-bg-hover': "var(--cd-color-fill-0)";
     readonly 'date-picker-cell-bg-selected': "var(--cd-color-primary)";
     readonly 'date-picker-cell-color-selected': "var(--cd-color-text-inverse)";
     readonly 'date-picker-cell-color-muted': "var(--cd-color-text-3)";
+    readonly 'date-picker-footer-bg': "var(--cd-color-fill-0)";
+    readonly 'date-picker-quick-color': "var(--cd-color-primary)";
     readonly 'date-picker-header-color': "var(--cd-color-text-0)";
     readonly 'date-picker-weekday-color': "var(--cd-color-text-2)";
     readonly 'date-picker-time-col-width': "56px";

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-picker.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAenB,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-picker.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}

package/dist/components/date-picker.js

@@ -1,15 +1,17 @@
 /** Component tokens for DatePicker & TimePicker. See specs/components/input/DatePicker.spec.md. */
 export const datePickerTokens = {
     'date-picker-panel-bg': 'var(--cd-color-bg-0)',
-    'date-picker-panel-shadow': 'var(--cd-shadow-2)',
-    'date-picker-panel-radius': 'var(--cd-radius-3)',
+    'date-picker-panel-shadow': 'var(--cd-shadow-elevated)',
+    'date-picker-panel-radius': 'var(--cd-border-radius-large)',
     'date-picker-panel-z': 'var(--cd-z-popover)',
     'date-picker-cell-size': '32px',
-    'date-picker-cell-radius': 'var(--cd-radius-2)',
+    'date-picker-cell-radius': 'var(--cd-border-radius-small)', // Semi 日期格圆角 small（原 medium）
     'date-picker-cell-bg-hover': 'var(--cd-color-fill-0)',
     'date-picker-cell-bg-selected': 'var(--cd-color-primary)',
     'date-picker-cell-color-selected': 'var(--cd-color-text-inverse)',
     'date-picker-cell-color-muted': 'var(--cd-color-text-3)',
+    'date-picker-footer-bg': 'var(--cd-color-fill-0)', // Semi $color-datepicker_footer-bg-default
+    'date-picker-quick-color': 'var(--cd-color-primary)', // Semi 快捷操作按钮文字 primary
     'date-picker-header-color': 'var(--cd-color-text-0)',
     'date-picker-weekday-color': 'var(--cd-color-text-2)',
     'date-picker-time-col-width': '56px',

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/components/date-picker.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,sBAAsB,EAAE,sBAAsB;IAC9C,0BAA0B,EAAE,oBAAoB;IAChD,0BAA0B,EAAE,oBAAoB;IAChD,qBAAqB,EAAE,qBAAqB;IAC5C,uBAAuB,EAAE,MAAM;IAC/B,yBAAyB,EAAE,oBAAoB;IAC/C,2BAA2B,EAAE,wBAAwB;IACrD,8BAA8B,EAAE,yBAAyB;IACzD,iCAAiC,EAAE,8BAA8B;IACjE,8BAA8B,EAAE,wBAAwB;IACxD,0BAA0B,EAAE,wBAAwB;IACpD,2BAA2B,EAAE,wBAAwB;IACrD,4BAA4B,EAAE,MAAM;IACpC,8BAA8B,EAAE,MAAM;CAC9B,CAAC"}
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/components/date-picker.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,sBAAsB,EAAE,sBAAsB;IAC9C,0BAA0B,EAAE,2BAA2B;IACvD,0BAA0B,EAAE,+BAA+B;IAC3D,qBAAqB,EAAE,qBAAqB;IAC5C,uBAAuB,EAAE,MAAM;IAC/B,yBAAyB,EAAE,+BAA+B,EAAE,6BAA6B;IACzF,2BAA2B,EAAE,wBAAwB;IACrD,8BAA8B,EAAE,yBAAyB;IACzD,iCAAiC,EAAE,8BAA8B;IACjE,8BAA8B,EAAE,wBAAwB;IACxD,uBAAuB,EAAE,wBAAwB,EAAE,2CAA2C;IAC9F,yBAAyB,EAAE,yBAAyB,EAAE,wBAAwB;IAC9E,0BAA0B,EAAE,wBAAwB;IACpD,2BAA2B,EAAE,wBAAwB;IACrD,4BAA4B,EAAE,MAAM;IACpC,8BAA8B,EAAE,MAAM;CAC9B,CAAC"}

package/dist/components/display.d.ts

@@ -1,34 +1,42 @@
 /** Component tokens for Tag / Avatar / Badge / Card (M4 Show). */
 export declare const displayTokens: {
-    readonly 'tag-height-default': "24px";
+    readonly 'tag-height-default': "20px";
     readonly 'tag-height-small': "20px";
-    readonly 'tag-height-large': "28px";
-    readonly 'tag-padding-x': "var(--cd-spacing-2)";
-    readonly 'tag-radius': "var(--cd-radius-1)";
-    readonly 'tag-font-size': "var(--cd-font-size-1)";
-    readonly 'tag-gap': "var(--cd-spacing-1)";
-    readonly 'avatar-size-extra-small': "20px";
-    readonly 'avatar-size-small': "28px";
-    readonly 'avatar-size-default': "36px";
-    readonly 'avatar-size-large': "44px";
-    readonly 'avatar-size-extra-large': "56px";
+    readonly 'tag-height-large': "24px";
+    readonly 'tag-padding-x': "var(--cd-spacing-tight)";
+    readonly 'tag-padding-y': "2px";
+    readonly 'tag-padding-y-large': "4px";
+    readonly 'tag-radius': "var(--cd-border-radius-small)";
+    readonly 'tag-font-size': "var(--cd-font-size-small)";
+    readonly 'tag-gap': "var(--cd-spacing-extra-tight)";
+    readonly 'avatar-size-extra-small': "24px";
+    readonly 'avatar-size-small': "32px";
+    readonly 'avatar-size-default': "40px";
+    readonly 'avatar-size-medium': "48px";
+    readonly 'avatar-size-large': "72px";
+    readonly 'avatar-size-extra-large': "128px";
     readonly 'avatar-bg': "var(--cd-color-fill-1)";
     readonly 'avatar-color': "var(--cd-color-text-1)";
-    readonly 'avatar-radius': "var(--cd-radius-2)";
+    readonly 'avatar-border': "var(--cd-color-bg-1)";
+    readonly 'avatar-radius': "var(--cd-border-radius-small)";
     readonly 'badge-size': "18px";
     readonly 'badge-size-small': "14px";
     readonly 'badge-dot-size': "8px";
     readonly 'badge-bg': "var(--cd-color-danger)";
     readonly 'badge-color': "var(--cd-color-text-inverse)";
-    readonly 'badge-font-size': "var(--cd-font-size-1)";
+    readonly 'badge-font-size': "var(--cd-font-size-small)";
     readonly 'card-bg': "var(--cd-color-bg-0)";
     readonly 'card-border': "var(--cd-color-border)";
-    readonly 'card-radius': "var(--cd-radius-3)";
-    readonly 'card-padding': "var(--cd-spacing-4)";
-    readonly 'card-padding-small': "var(--cd-spacing-3)";
+    readonly 'card-radius': "var(--cd-border-radius-medium)";
+    readonly 'card-padding': "var(--cd-spacing-base-loose)";
+    readonly 'card-padding-small': "var(--cd-spacing-base-tight)";
     readonly 'card-header-border': "var(--cd-color-border)";
     readonly 'card-title-color': "var(--cd-color-text-0)";
-    readonly 'card-shadow': "var(--cd-shadow-1)";
-    readonly 'card-shadow-hover': "var(--cd-shadow-2)";
+    readonly 'card-title-weight': "var(--cd-font-weight-bold)";
+    readonly 'card-title-size': "var(--cd-font-size-header-6)";
+    readonly 'card-desc-color': "var(--cd-color-text-2)";
+    readonly 'card-body-color': "var(--cd-color-text-1)";
+    readonly 'card-shadow': "var(--cd-shadow-elevated)";
+    readonly 'card-shadow-hover': "var(--cd-shadow-elevated)";
 };
 //# sourceMappingURL=display.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../src/components/display.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC"}
+{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../src/components/display.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ChB,CAAC"}

package/dist/components/display.js

@@ -1,38 +1,46 @@
 /** Component tokens for Tag / Avatar / Badge / Card (M4 Show). */
 export const displayTokens = {
-    // Tag
-    'tag-height-default': '24px',
+    // Tag（对齐 Semi：default≡small=20px、large=24px，字号 small(12)、水平内边距 tight(8)、垂直 2/4px）
+    'tag-height-default': '20px', // 对齐 Semi（24 → 20，default 与 small 同尺寸）
     'tag-height-small': '20px',
-    'tag-height-large': '28px',
-    'tag-padding-x': 'var(--cd-spacing-2)',
-    'tag-radius': 'var(--cd-radius-1)',
-    'tag-font-size': 'var(--cd-font-size-1)',
-    'tag-gap': 'var(--cd-spacing-1)',
-    // Avatar
-    'avatar-size-extra-small': '20px',
-    'avatar-size-small': '28px',
-    'avatar-size-default': '36px',
-    'avatar-size-large': '44px',
-    'avatar-size-extra-large': '56px',
+    'tag-height-large': '24px', // 对齐 Semi（28 → 24）
+    'tag-padding-x': 'var(--cd-spacing-tight)',
+    'tag-padding-y': '2px', // default/small 垂直内边距（Semi tag_small-paddingY）
+    'tag-padding-y-large': '4px', // large 垂直内边距（Semi tag_large-paddingY）
+    'tag-radius': 'var(--cd-border-radius-small)',
+    'tag-font-size': 'var(--cd-font-size-small)',
+    'tag-gap': 'var(--cd-spacing-extra-tight)',
+    // Avatar（尺寸/圆角对齐 Semi：圆形默认 + Semi 档位）
+    'avatar-size-extra-small': '24px', // Semi extra_small（原 20）
+    'avatar-size-small': '32px', // Semi small（原 28）
+    'avatar-size-default': '40px', // Semi default（原 36）
+    'avatar-size-medium': '48px', // Semi medium（新增档）
+    'avatar-size-large': '72px', // Semi large（原 44）
+    'avatar-size-extra-large': '128px', // Semi extra_large（原 56）
     'avatar-bg': 'var(--cd-color-fill-1)',
     'avatar-color': 'var(--cd-color-text-1)',
-    'avatar-radius': 'var(--cd-radius-2)',
+    'avatar-border': 'var(--cd-color-bg-1)', // Semi avatar 描边
+    'avatar-radius': 'var(--cd-border-radius-small)', // 方形 avatar 圆角（对齐 Semi square：small；圆形由 --circle 规则用 full）
     // Badge
     'badge-size': '18px',
     'badge-size-small': '14px',
     'badge-dot-size': '8px',
     'badge-bg': 'var(--cd-color-danger)',
     'badge-color': 'var(--cd-color-text-inverse)',
-    'badge-font-size': 'var(--cd-font-size-1)',
-    // Card
+    'badge-font-size': 'var(--cd-font-size-small)',
+    // Card（对齐 Semi：radius medium、padding base-loose、title 字重 bold）
     'card-bg': 'var(--cd-color-bg-0)',
     'card-border': 'var(--cd-color-border)',
-    'card-radius': 'var(--cd-radius-3)',
-    'card-padding': 'var(--cd-spacing-4)',
-    'card-padding-small': 'var(--cd-spacing-3)',
+    'card-radius': 'var(--cd-border-radius-medium)', // 对齐 Semi（large 12 → medium 6）
+    'card-padding': 'var(--cd-spacing-base-loose)', // 对齐 Semi（base 16 → base-loose 20）
+    'card-padding-small': 'var(--cd-spacing-base-tight)',
     'card-header-border': 'var(--cd-color-border)',
     'card-title-color': 'var(--cd-color-text-0)',
-    'card-shadow': 'var(--cd-shadow-1)',
-    'card-shadow-hover': 'var(--cd-shadow-2)',
+    'card-title-weight': 'var(--cd-font-weight-bold)', // 对齐 Semi 标题字重 bold(700)
+    'card-title-size': 'var(--cd-font-size-header-6)', // 对齐 Semi 标题字号 16
+    'card-desc-color': 'var(--cd-color-text-2)', // 对齐 Semi 描述文字
+    'card-body-color': 'var(--cd-color-text-1)', // 对齐 Semi 正文文字
+    'card-shadow': 'var(--cd-shadow-elevated)',
+    'card-shadow-hover': 'var(--cd-shadow-elevated)',
 };
 //# sourceMappingURL=display.js.map

package/dist/components/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","sourceRoot":"","sources":["../../src/components/display.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM;IACN,oBAAoB,EAAE,MAAM;IAC5B,kBAAkB,EAAE,MAAM;IAC1B,kBAAkB,EAAE,MAAM;IAC1B,eAAe,EAAE,qBAAqB;IACtC,YAAY,EAAE,oBAAoB;IAClC,eAAe,EAAE,uBAAuB;IACxC,SAAS,EAAE,qBAAqB;IAChC,SAAS;IACT,yBAAyB,EAAE,MAAM;IACjC,mBAAmB,EAAE,MAAM;IAC3B,qBAAqB,EAAE,MAAM;IAC7B,mBAAmB,EAAE,MAAM;IAC3B,yBAAyB,EAAE,MAAM;IACjC,WAAW,EAAE,wBAAwB;IACrC,cAAc,EAAE,wBAAwB;IACxC,eAAe,EAAE,oBAAoB;IACrC,QAAQ;IACR,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,MAAM;IAC1B,gBAAgB,EAAE,KAAK;IACvB,UAAU,EAAE,wBAAwB;IACpC,aAAa,EAAE,8BAA8B;IAC7C,iBAAiB,EAAE,uBAAuB;IAC1C,OAAO;IACP,SAAS,EAAE,sBAAsB;IACjC,aAAa,EAAE,wBAAwB;IACvC,aAAa,EAAE,oBAAoB;IACnC,cAAc,EAAE,qBAAqB;IACrC,oBAAoB,EAAE,qBAAqB;IAC3C,oBAAoB,EAAE,wBAAwB;IAC9C,kBAAkB,EAAE,wBAAwB;IAC5C,aAAa,EAAE,oBAAoB;IACnC,mBAAmB,EAAE,oBAAoB;CACjC,CAAC"}
+{"version":3,"file":"display.js","sourceRoot":"","sources":["../../src/components/display.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,kFAAkF;IAClF,oBAAoB,EAAE,MAAM,EAAE,uCAAuC;IACrE,kBAAkB,EAAE,MAAM;IAC1B,kBAAkB,EAAE,MAAM,EAAE,mBAAmB;IAC/C,eAAe,EAAE,yBAAyB;IAC1C,eAAe,EAAE,KAAK,EAAE,+CAA+C;IACvE,qBAAqB,EAAE,KAAK,EAAE,uCAAuC;IACrE,YAAY,EAAE,+BAA+B;IAC7C,eAAe,EAAE,2BAA2B;IAC5C,SAAS,EAAE,+BAA+B;IAC1C,sCAAsC;IACtC,yBAAyB,EAAE,MAAM,EAAE,yBAAyB;IAC5D,mBAAmB,EAAE,MAAM,EAAE,mBAAmB;IAChD,qBAAqB,EAAE,MAAM,EAAE,qBAAqB;IACpD,oBAAoB,EAAE,MAAM,EAAE,mBAAmB;IACjD,mBAAmB,EAAE,MAAM,EAAE,mBAAmB;IAChD,yBAAyB,EAAE,OAAO,EAAE,yBAAyB;IAC7D,WAAW,EAAE,wBAAwB;IACrC,cAAc,EAAE,wBAAwB;IACxC,eAAe,EAAE,sBAAsB,EAAE,iBAAiB;IAC1D,eAAe,EAAE,+BAA+B,EAAE,2DAA2D;IAC7G,QAAQ;IACR,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,MAAM;IAC1B,gBAAgB,EAAE,KAAK;IACvB,UAAU,EAAE,wBAAwB;IACpC,aAAa,EAAE,8BAA8B;IAC7C,iBAAiB,EAAE,2BAA2B;IAC9C,+DAA+D;IAC/D,SAAS,EAAE,sBAAsB;IACjC,aAAa,EAAE,wBAAwB;IACvC,aAAa,EAAE,gCAAgC,EAAE,+BAA+B;IAChF,cAAc,EAAE,8BAA8B,EAAE,mCAAmC;IACnF,oBAAoB,EAAE,8BAA8B;IACpD,oBAAoB,EAAE,wBAAwB;IAC9C,kBAAkB,EAAE,wBAAwB;IAC5C,mBAAmB,EAAE,4BAA4B,EAAE,yBAAyB;IAC5E,iBAAiB,EAAE,8BAA8B,EAAE,kBAAkB;IACrE,iBAAiB,EAAE,wBAAwB,EAAE,eAAe;IAC5D,iBAAiB,EAAE,wBAAwB,EAAE,eAAe;IAC5D,aAAa,EAAE,2BAA2B;IAC1C,mBAAmB,EAAE,2BAA2B;CACxC,CAAC"}

package/dist/components/divider.d.ts

@@ -2,9 +2,9 @@
 export declare const dividerTokens: {
     readonly 'divider-color': "var(--cd-color-border)";
     readonly 'divider-thickness': "1px";
-    readonly 'divider-spacing': "var(--cd-spacing-4)";
+    readonly 'divider-spacing': "var(--cd-spacing-base)";
     readonly 'divider-text-color': "var(--cd-color-text-2)";
-    readonly 'divider-text-font-size': "var(--cd-font-size-2)";
-    readonly 'divider-text-gap': "var(--cd-spacing-4)";
+    readonly 'divider-text-font-size': "var(--cd-font-size-regular)";
+    readonly 'divider-text-gap': "var(--cd-spacing-base)";
 };
 //# sourceMappingURL=divider.d.ts.map

package/dist/components/divider.js

@@ -2,9 +2,9 @@
 export const dividerTokens = {
     'divider-color': 'var(--cd-color-border)',
     'divider-thickness': '1px',
-    'divider-spacing': 'var(--cd-spacing-4)',
+    'divider-spacing': 'var(--cd-spacing-base)',
     'divider-text-color': 'var(--cd-color-text-2)',
-    'divider-text-font-size': 'var(--cd-font-size-2)',
-    'divider-text-gap': 'var(--cd-spacing-4)',
+    'divider-text-font-size': 'var(--cd-font-size-regular)',
+    'divider-text-gap': 'var(--cd-spacing-base)',
 };
 //# sourceMappingURL=divider.js.map

package/dist/components/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/components/divider.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,eAAe,EAAE,wBAAwB;IACzC,mBAAmB,EAAE,KAAK;IAC1B,iBAAiB,EAAE,qBAAqB;IACxC,oBAAoB,EAAE,wBAAwB;IAC9C,wBAAwB,EAAE,uBAAuB;IACjD,kBAAkB,EAAE,qBAAqB;CACjC,CAAC"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/components/divider.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,eAAe,EAAE,wBAAwB;IACzC,mBAAmB,EAAE,KAAK;IAC1B,iBAAiB,EAAE,wBAAwB;IAC3C,oBAAoB,EAAE,wBAAwB;IAC9C,wBAAwB,EAAE,6BAA6B;IACvD,kBAAkB,EAAE,wBAAwB;CACpC,CAAC"}

package/dist/components/drawer.d.ts

@@ -5,18 +5,18 @@ export declare const drawerTokens: {
     readonly 'drawer-color-title': "var(--cd-color-text-0)";
     readonly 'drawer-border': "var(--cd-color-border)";
     readonly 'drawer-mask-bg': "rgba(0, 0, 0, 0.45)";
-    readonly 'drawer-shadow': "var(--cd-shadow-3)";
+    readonly 'drawer-shadow': "var(--cd-shadow-elevated)";
     readonly 'drawer-width': "448px";
     readonly 'drawer-width-small': "320px";
     readonly 'drawer-width-large': "720px";
     readonly 'drawer-height': "320px";
     readonly 'drawer-height-small': "240px";
     readonly 'drawer-height-large': "480px";
-    readonly 'drawer-header-padding': "var(--cd-spacing-5)";
-    readonly 'drawer-body-padding': "var(--cd-spacing-5)";
-    readonly 'drawer-footer-padding': "var(--cd-spacing-4) var(--cd-spacing-5)";
+    readonly 'drawer-header-padding': "var(--cd-spacing-base-loose)";
+    readonly 'drawer-body-padding': "var(--cd-spacing-base-loose)";
+    readonly 'drawer-footer-padding': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
     readonly 'drawer-title-color': "var(--cd-color-text-0)";
-    readonly 'drawer-title-size': "var(--cd-font-size-3)";
+    readonly 'drawer-title-size': "var(--cd-font-size-header-6)";
     readonly 'drawer-close-color': "var(--cd-color-text-2)";
     readonly 'drawer-close-color-hover': "var(--cd-color-text-0)";
     readonly 'drawer-close-hover-bg': "var(--cd-color-fill-1)";

package/dist/components/drawer.js

@@ -5,18 +5,18 @@ export const drawerTokens = {
     'drawer-color-title': 'var(--cd-color-text-0)',
     'drawer-border': 'var(--cd-color-border)',
     'drawer-mask-bg': 'rgba(0, 0, 0, 0.45)',
-    'drawer-shadow': 'var(--cd-shadow-3)',
+    'drawer-shadow': 'var(--cd-shadow-elevated)',
     'drawer-width': '448px',
     'drawer-width-small': '320px',
     'drawer-width-large': '720px',
     'drawer-height': '320px',
     'drawer-height-small': '240px',
     'drawer-height-large': '480px',
-    'drawer-header-padding': 'var(--cd-spacing-5)',
-    'drawer-body-padding': 'var(--cd-spacing-5)',
-    'drawer-footer-padding': 'var(--cd-spacing-4) var(--cd-spacing-5)',
+    'drawer-header-padding': 'var(--cd-spacing-base-loose)',
+    'drawer-body-padding': 'var(--cd-spacing-base-loose)',
+    'drawer-footer-padding': 'var(--cd-spacing-base) var(--cd-spacing-base-loose)',
     'drawer-title-color': 'var(--cd-color-text-0)',
-    'drawer-title-size': 'var(--cd-font-size-3)',
+    'drawer-title-size': 'var(--cd-font-size-header-6)',
     'drawer-close-color': 'var(--cd-color-text-2)',
     'drawer-close-color-hover': 'var(--cd-color-text-0)',
     'drawer-close-hover-bg': 'var(--cd-color-fill-1)',

package/dist/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE,sBAAsB;IACnC,mBAAmB,EAAE,wBAAwB;IAC7C,oBAAoB,EAAE,wBAAwB;IAC9C,eAAe,EAAE,wBAAwB;IACzC,gBAAgB,EAAE,qBAAqB;IACvC,eAAe,EAAE,oBAAoB;IACrC,cAAc,EAAE,OAAO;IACvB,oBAAoB,EAAE,OAAO;IAC7B,oBAAoB,EAAE,OAAO;IAC7B,eAAe,EAAE,OAAO;IACxB,qBAAqB,EAAE,OAAO;IAC9B,qBAAqB,EAAE,OAAO;IAC9B,uBAAuB,EAAE,qBAAqB;IAC9C,qBAAqB,EAAE,qBAAqB;IAC5C,uBAAuB,EAAE,yCAAyC;IAClE,oBAAoB,EAAE,wBAAwB;IAC9C,mBAAmB,EAAE,uBAAuB;IAC5C,oBAAoB,EAAE,wBAAwB;IAC9C,0BAA0B,EAAE,wBAAwB;IACpD,uBAAuB,EAAE,wBAAwB;IACjD,UAAU,EAAE,MAAM;IAClB,wBAAwB,EAAE,+BAA+B;CACjD,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE,sBAAsB;IACnC,mBAAmB,EAAE,wBAAwB;IAC7C,oBAAoB,EAAE,wBAAwB;IAC9C,eAAe,EAAE,wBAAwB;IACzC,gBAAgB,EAAE,qBAAqB;IACvC,eAAe,EAAE,2BAA2B;IAC5C,cAAc,EAAE,OAAO;IACvB,oBAAoB,EAAE,OAAO;IAC7B,oBAAoB,EAAE,OAAO;IAC7B,eAAe,EAAE,OAAO;IACxB,qBAAqB,EAAE,OAAO;IAC9B,qBAAqB,EAAE,OAAO;IAC9B,uBAAuB,EAAE,8BAA8B;IACvD,qBAAqB,EAAE,8BAA8B;IACrD,uBAAuB,EAAE,qDAAqD;IAC9E,oBAAoB,EAAE,wBAAwB;IAC9C,mBAAmB,EAAE,8BAA8B;IACnD,oBAAoB,EAAE,wBAAwB;IAC9C,0BAA0B,EAAE,wBAAwB;IACpD,uBAAuB,EAAE,wBAAwB;IACjD,UAAU,EAAE,MAAM;IAClB,wBAAwB,EAAE,+BAA+B;CACjD,CAAC"}

package/dist/components/form.d.ts

@@ -1,14 +1,14 @@
 /** Component tokens for Form. See specs/components/input/Form.spec.md. */
 export declare const formTokens: {
-    readonly 'form-item-gap': "var(--cd-spacing-4)";
+    readonly 'form-item-gap': "var(--cd-spacing-base)";
     readonly 'form-label-color': "var(--cd-color-text-0)";
-    readonly 'form-label-gap': "var(--cd-spacing-2)";
+    readonly 'form-label-gap': "var(--cd-spacing-tight)";
     readonly 'form-required-color': "var(--cd-color-danger)";
-    readonly 'form-optional-color': "var(--cd-color-text-2)";
-    readonly 'form-extra-color': "var(--cd-color-text-2)";
+    readonly 'form-optional-color': "var(--cd-color-tertiary)";
+    readonly 'form-extra-color': "var(--cd-color-tertiary)";
     readonly 'form-error-color': "var(--cd-color-danger)";
     readonly 'form-warning-color': "var(--cd-color-warning)";
-    readonly 'form-error-font-size': "var(--cd-font-size-1)";
-    readonly 'form-section-gap': "var(--cd-spacing-4)";
+    readonly 'form-error-font-size': "var(--cd-font-size-small)";
+    readonly 'form-section-gap': "var(--cd-spacing-base)";
 };
 //# sourceMappingURL=form.d.ts.map

package/dist/components/form.js

@@ -1,14 +1,14 @@
 /** Component tokens for Form. See specs/components/input/Form.spec.md. */
 export const formTokens = {
-    'form-item-gap': 'var(--cd-spacing-4)',
+    'form-item-gap': 'var(--cd-spacing-base)',
     'form-label-color': 'var(--cd-color-text-0)',
-    'form-label-gap': 'var(--cd-spacing-2)',
+    'form-label-gap': 'var(--cd-spacing-tight)',
     'form-required-color': 'var(--cd-color-danger)',
-    'form-optional-color': 'var(--cd-color-text-2)',
-    'form-extra-color': 'var(--cd-color-text-2)',
+    'form-optional-color': 'var(--cd-color-tertiary)', // Semi $color-form_label_optional-text（原 text-2）
+    'form-extra-color': 'var(--cd-color-tertiary)', // Semi $color-form_label_extra-text（原 text-2）
     'form-error-color': 'var(--cd-color-danger)',
     'form-warning-color': 'var(--cd-color-warning)',
-    'form-error-font-size': 'var(--cd-font-size-1)',
-    'form-section-gap': 'var(--cd-spacing-4)',
+    'form-error-font-size': 'var(--cd-font-size-small)',
+    'form-section-gap': 'var(--cd-spacing-base)',
 };
 //# sourceMappingURL=form.js.map

package/dist/components/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,eAAe,EAAE,qBAAqB;IACtC,kBAAkB,EAAE,wBAAwB;IAC5C,gBAAgB,EAAE,qBAAqB;IACvC,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,wBAAwB;IAC/C,kBAAkB,EAAE,wBAAwB;IAC5C,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,yBAAyB;IAC/C,sBAAsB,EAAE,uBAAuB;IAC/C,kBAAkB,EAAE,qBAAqB;CACjC,CAAC"}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,eAAe,EAAE,wBAAwB;IACzC,kBAAkB,EAAE,wBAAwB;IAC5C,gBAAgB,EAAE,yBAAyB;IAC3C,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,0BAA0B,EAAE,iDAAiD;IACpG,kBAAkB,EAAE,0BAA0B,EAAE,8CAA8C;IAC9F,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,yBAAyB;IAC/C,sBAAsB,EAAE,2BAA2B;IACnD,kBAAkB,EAAE,wBAAwB;CACpC,CAAC"}