@chenzy-design/tokens 0.3.1 → 0.4.1

package/dist/components/side-sheet.d.ts

@@ -1,26 +1,189 @@
-/** Component tokens for SideSheet (M5 Feedback). 回退 Alias，禁写死。 */
 export declare const sideSheetTokens: {
-    readonly 'sidesheet-bg': "var(--cd-color-bg-0)";
-    readonly 'sidesheet-color': "var(--cd-color-text-0)";
-    readonly 'sidesheet-mask-bg': "rgba(0, 0, 0, 0.6)";
-    readonly 'sidesheet-border': "var(--cd-color-border)";
-    readonly 'sidesheet-radius': "var(--cd-border-radius-large)";
-    readonly 'sidesheet-shadow': "var(--cd-shadow-elevated)";
-    readonly 'sidesheet-padding': "var(--cd-spacing-base-loose)";
-    readonly 'sidesheet-header-padding': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
-    readonly 'sidesheet-footer-padding': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
-    readonly 'sidesheet-title-color': "var(--cd-color-text-0)";
-    readonly 'sidesheet-title-size': "var(--cd-font-size-header-6)";
-    readonly 'sidesheet-close-color': "var(--cd-color-text-2)";
-    readonly 'sidesheet-close-color-hover': "var(--cd-color-text-0)";
-    readonly 'sidesheet-close-hover-bg': "var(--cd-color-fill-1)";
-    readonly 'sidesheet-width-small': "448px";
-    readonly 'sidesheet-width': "60%";
-    readonly 'sidesheet-width-large': "90%";
-    readonly 'sidesheet-height-small': "40%";
-    readonly 'sidesheet-height': "60%";
-    readonly 'sidesheet-height-large': "90%";
-    readonly 'sidesheet-z': "1000";
-    readonly 'sidesheet-motion-duration': "var(--cd-motion-duration-mid)";
+    'color-side-sheet-mask-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-side-sheet-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-side-sheet-main-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-side-sheet-header-border-bottom': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-title-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-header-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-header-padding-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-body-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-body-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-side-sheet-footer-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'width-side-sheet-header-border-bottom': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-side-sheet-size-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-side-sheet-size-medium': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-side-sheet-size-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'font-side-sheet-title-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-side-sheet-title-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'filter-side-sheet-mask-bg': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'filter-side-sheet-bg': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'animation-duration-side-sheet-mask-show': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-function-side-sheet-mask-show': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-delay-side-sheet-mask-show': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-duration-side-sheet-mask-hide': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-function-side-sheet-mask-hide': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-delay-side-sheet-mask-hide': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-duration-side-sheet-inner-show': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-function-side-sheet-inner-show': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-delay-side-sheet-inner-show': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-duration-side-sheet-inner-hide': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-function-side-sheet-inner-hide': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-delay-side-sheet-inner-hide': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=side-sheet.d.ts.map

package/dist/components/side-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-sheet.d.ts","sourceRoot":"","sources":["../../src/components/side-sheet.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}
+{"version":3,"file":"side-sheet.d.ts","sourceRoot":"","sources":["../../src/components/side-sheet.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CN,CAAC"}

package/dist/components/side-sheet.js

@@ -1,26 +1,40 @@
-/** Component tokens for SideSheet (M5 Feedback). 回退 Alias，禁写死。 */
 export const sideSheetTokens = {
-    'sidesheet-bg': 'var(--cd-color-bg-0)',
-    'sidesheet-color': 'var(--cd-color-text-0)',
-    'sidesheet-mask-bg': 'rgba(0, 0, 0, 0.6)',
-    'sidesheet-border': 'var(--cd-color-border)',
-    'sidesheet-radius': 'var(--cd-border-radius-large)',
-    'sidesheet-shadow': 'var(--cd-shadow-elevated)',
-    'sidesheet-padding': 'var(--cd-spacing-base-loose)',
-    'sidesheet-header-padding': 'var(--cd-spacing-base) var(--cd-spacing-base-loose)',
-    'sidesheet-footer-padding': 'var(--cd-spacing-base) var(--cd-spacing-base-loose)',
-    'sidesheet-title-color': 'var(--cd-color-text-0)',
-    'sidesheet-title-size': 'var(--cd-font-size-header-6)',
-    'sidesheet-close-color': 'var(--cd-color-text-2)',
-    'sidesheet-close-color-hover': 'var(--cd-color-text-0)',
-    'sidesheet-close-hover-bg': 'var(--cd-color-fill-1)',
-    'sidesheet-width-small': '448px',
-    'sidesheet-width': '60%',
-    'sidesheet-width-large': '90%',
-    'sidesheet-height-small': '40%',
-    'sidesheet-height': '60%',
-    'sidesheet-height-large': '90%',
-    'sidesheet-z': '1000',
-    'sidesheet-motion-duration': 'var(--cd-motion-duration-mid)',
+    // —— Color ——
+    'color-side-sheet-mask-bg': { value: 'var(--cd-color-overlay-bg)', category: 'color', label: '蒙层颜色', usage: '侧边栏打开后蒙层颜色' },
+    'color-side-sheet-bg': { value: 'var(--cd-color-bg-2)', category: 'color', label: '背景色', usage: '侧边栏背景颜色' },
+    'color-side-sheet-main-text': { value: 'var(--cd-color-text-0)', category: 'color', label: '文本颜色', usage: '侧边栏默认文本颜色' },
+    'color-side-sheet-header-border-bottom': { value: 'var(--cd-color-border)', category: 'color', label: 'header 底部边框色', usage: '侧边栏 header 底部边框颜色' },
+    // —— Spacing ——
+    'spacing-side-sheet-margin': { value: '0', category: 'spacing', label: '整体外边距', usage: '侧边栏整体外边距' },
+    'spacing-side-sheet-title-margin': { value: '0', category: 'spacing', label: '标题外边距', usage: '侧边栏标题外边距' },
+    'spacing-side-sheet-header-padding': { value: 'var(--cd-spacing-loose)', category: 'spacing', label: 'header 内边距', usage: '侧边栏 header 内边距' },
+    'spacing-side-sheet-header-padding-bottom': { value: 'var(--cd-spacing-base-loose)', category: 'spacing', label: 'header 底部内边距', usage: '侧边栏 header 底部内边距' },
+    'spacing-side-sheet-body-paddingy': { value: '0', category: 'spacing', label: 'body 垂直内边距', usage: '侧边栏 body 垂直内边距' },
+    'spacing-side-sheet-body-paddingx': { value: 'var(--cd-spacing-loose)', category: 'spacing', label: 'body 水平内边距', usage: '侧边栏 body 水平内边距' },
+    'spacing-side-sheet-footer-padding': { value: 'var(--cd-spacing-loose)', category: 'spacing', label: 'footer 内边距', usage: '侧边栏 footer 内边距' },
+    // —— Width / Border ——
+    'width-side-sheet-header-border-bottom': { value: '0px', category: 'width', label: 'header 底部边框宽度', usage: '侧边栏 header 底部边框宽度' },
+    'width-side-sheet-size-small': { value: '448px', category: 'width', label: '宽度 - 小', usage: '小尺寸侧边栏宽度' },
+    'width-side-sheet-size-medium': { value: '684px', category: 'width', label: '宽度 - 中', usage: '中尺寸侧边栏宽度' },
+    'width-side-sheet-size-large': { value: '920px', category: 'width', label: '宽度 - 大', usage: '大尺寸侧边栏宽度' },
+    // —— Font ——
+    'font-side-sheet-title-fontweight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: '标题字重', usage: '侧边栏标题文本字重' },
+    'font-side-sheet-title-fontsize': { value: 'var(--cd-font-size-header-5)', category: 'font', label: '标题字号', usage: '侧边栏标题文本字号' },
+    // —— Filter ——
+    'filter-side-sheet-mask-bg': { value: 'none', category: 'other', label: '蒙层滤镜', usage: '侧边栏蒙层背景滤镜' },
+    'filter-side-sheet-bg': { value: 'none', category: 'other', label: '背景滤镜', usage: '侧边栏背景滤镜' },
+    // —— Animation（对齐 Semi animation.scss；mask/inner × show/hide × duration/function/delay）——
+    'animation-duration-side-sheet-mask-show': { value: '180ms', category: 'animation', label: '蒙层入场时长', usage: '侧边栏打开时-蒙层-动画持续时间' },
+    'animation-function-side-sheet-mask-show': { value: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', category: 'animation', label: '蒙层入场曲线', usage: '侧边栏打开时-蒙层-过渡曲线' },
+    'animation-delay-side-sheet-mask-show': { value: '0ms', category: 'animation', label: '蒙层入场延迟', usage: '侧边栏打开时-蒙层-延迟时间' },
+    'animation-duration-side-sheet-mask-hide': { value: '180ms', category: 'animation', label: '蒙层出场时长', usage: '侧边栏关闭时-蒙层-动画持续时间' },
+    'animation-function-side-sheet-mask-hide': { value: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', category: 'animation', label: '蒙层出场曲线', usage: '侧边栏关闭时-蒙层-过渡曲线' },
+    'animation-delay-side-sheet-mask-hide': { value: '0ms', category: 'animation', label: '蒙层出场延迟', usage: '侧边栏关闭时-蒙层-延迟时间' },
+    'animation-duration-side-sheet-inner-show': { value: '180ms', category: 'animation', label: '面板入场时长', usage: '侧边栏打开-动画持续时间' },
+    'animation-function-side-sheet-inner-show': { value: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', category: 'animation', label: '面板入场曲线', usage: '侧边栏打开-过渡曲线' },
+    'animation-delay-side-sheet-inner-show': { value: '0ms', category: 'animation', label: '面板入场延迟', usage: '侧边栏打开-延迟时间' },
+    'animation-duration-side-sheet-inner-hide': { value: '180ms', category: 'animation', label: '面板出场时长', usage: '侧边栏关闭-动画持续时间' },
+    'animation-function-side-sheet-inner-hide': { value: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', category: 'animation', label: '面板出场曲线', usage: '侧边栏关闭-过渡曲线' },
+    'animation-delay-side-sheet-inner-hide': { value: '0ms', category: 'animation', label: '面板出场延迟', usage: '侧边栏关闭-延迟时间' },
 };
 //# sourceMappingURL=side-sheet.js.map

package/dist/components/side-sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-sheet.js","sourceRoot":"","sources":["../../src/components/side-sheet.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,cAAc,EAAE,sBAAsB;IACtC,iBAAiB,EAAE,wBAAwB;IAC3C,mBAAmB,EAAE,oBAAoB;IACzC,kBAAkB,EAAE,wBAAwB;IAC5C,kBAAkB,EAAE,+BAA+B;IACnD,kBAAkB,EAAE,2BAA2B;IAC/C,mBAAmB,EAAE,8BAA8B;IACnD,0BAA0B,EAAE,qDAAqD;IACjF,0BAA0B,EAAE,qDAAqD;IACjF,uBAAuB,EAAE,wBAAwB;IACjD,sBAAsB,EAAE,8BAA8B;IACtD,uBAAuB,EAAE,wBAAwB;IACjD,6BAA6B,EAAE,wBAAwB;IACvD,0BAA0B,EAAE,wBAAwB;IACpD,uBAAuB,EAAE,OAAO;IAChC,iBAAiB,EAAE,KAAK;IACxB,uBAAuB,EAAE,KAAK;IAC9B,wBAAwB,EAAE,KAAK;IAC/B,kBAAkB,EAAE,KAAK;IACzB,wBAAwB,EAAE,KAAK;IAC/B,aAAa,EAAE,MAAM;IACrB,2BAA2B,EAAE,+BAA+B;CACpD,CAAC"}
+{"version":3,"file":"side-sheet.js","sourceRoot":"","sources":["../../src/components/side-sheet.ts"],"names":[],"mappings":"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"}