@chenzy-design/tokens 0.3.1 → 0.4.1

package/dist/components/user-guide.d.ts

@@ -0,0 +1,231 @@
+export declare const userGuideTokens: {
+    'userguide-popup-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-text-primary': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-indicator-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-indicator-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'userguide-popover-width': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-cover-height': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-cover-width': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-cover-height': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-indicator-height': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-indicator-item-width': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-indicator-item-height': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-title-line-height': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-description-line-height': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-indicator-line-height': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-title-line-height': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-description-line-height': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-body-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-title-margin-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-description-margin-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-button-gap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-button-margin-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-indicator-gap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-title-margin-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-body-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-footer-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-button-gap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-cover-radius': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-indicator-radius': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-title-font-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-description-font-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-indicator-font-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-popup-title-font-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-title-font-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-description-font-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-modal-title-font-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'userguide-spotlight-mask-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'userguide-spotlight-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'userguide-spotlight-function': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+};
+//# sourceMappingURL=user-guide.d.ts.map

package/dist/components/user-guide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-guide.d.ts","sourceRoot":"","sources":["../../src/components/user-guide.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDN,CAAC"}

package/dist/components/user-guide.js

@@ -0,0 +1,48 @@
+export const userGuideTokens = {
+    // —— Color（对齐 Semi variables.scss Color 段）——
+    'userguide-popup-text-default': { value: 'var(--cd-color-text-0)', category: 'color', label: '气泡文字色 - 默认', usage: 'popup default 主题文字（.cd-userGuide-popup-content）' },
+    'userguide-popup-text-primary': { value: 'var(--cd-color-tertiary-light-default)', category: 'color', label: '气泡文字色 - primary', usage: 'popup primary 主题文字（.cd-userGuide-popup-content-primary）' },
+    'userguide-modal-indicator-bg': { value: 'var(--cd-color-primary-light-active)', category: 'color', label: '弹窗指示器背景色', usage: 'modal 指示器未激活态（.cd-userGuide-modal-indicator-item）' },
+    'userguide-modal-indicator-bg-active': { value: 'var(--cd-color-primary)', category: 'color', label: '弹窗指示器背景色 - 选中', usage: 'modal 指示器激活态（.cd-userGuide-modal-indicator-item-active）' },
+    // —— Width / Height（对齐 Semi variables.scss Width/Height 段）——
+    'userguide-popover-width': { value: '400px', category: 'other', label: '气泡卡片宽度', usage: '默认气泡卡片宽度（.cd-userGuide-popover）' },
+    'userguide-popup-cover-height': { value: '200px', category: 'other', label: '气泡封面高度', usage: '默认气泡卡片封面高度（.cd-userGuide-popup-content-cover img）' },
+    'userguide-modal-cover-width': { value: '600px', category: 'other', label: '弹窗封面宽度', usage: '默认弹窗式卡片封面宽度（.cd-userGuide-modal-content）' },
+    'userguide-modal-cover-height': { value: '300px', category: 'other', label: '弹窗封面高度', usage: '默认弹窗式卡片封面高度（.cd-userGuide-modal-cover）' },
+    'userguide-modal-indicator-height': { value: '30px', category: 'other', label: '弹窗指示器整体高度', usage: '默认弹窗式卡片指示器整体高度（.cd-userGuide-modal-indicator）' },
+    'userguide-modal-indicator-item-width': { value: '6px', category: 'other', label: '单个指示器宽度', usage: '默认弹窗式卡片单个指示器宽度（.cd-userGuide-modal-indicator-item）' },
+    'userguide-modal-indicator-item-height': { value: '6px', category: 'other', label: '单个指示器高度', usage: '默认弹窗式卡片单个指示器高度（.cd-userGuide-modal-indicator-item）' },
+    // —— Line height（对齐 Semi variables.scss lineHeight 段）——
+    'userguide-popup-title-line-height': { value: '24px', category: 'font', label: '气泡标题行高', usage: 'popup 标题行高（.cd-userGuide-popup-content-title）' },
+    'userguide-popup-description-line-height': { value: '20px', category: 'font', label: '气泡详情行高', usage: 'popup 详情行高（.cd-userGuide-popup-content-description）' },
+    'userguide-popup-indicator-line-height': { value: '20px', category: 'font', label: '气泡指示器行高', usage: 'popup 指示器行高（.cd-userGuide-popup-content-indicator）' },
+    'userguide-modal-title-line-height': { value: '24px', category: 'font', label: '弹窗标题行高', usage: 'modal 标题行高（.cd-userGuide-modal-body-title）' },
+    'userguide-modal-description-line-height': { value: '20px', category: 'font', label: '弹窗详情行高', usage: 'modal 详情行高（.cd-userGuide-modal-body-description）' },
+    // —— Spacing（对齐 Semi variables.scss Spacing 段）——
+    'userguide-popup-body-padding': { value: '24px', category: 'spacing', label: '气泡内边距', usage: 'popup 内容内边距（.cd-userGuide-popup-content-body）' },
+    'userguide-popup-title-margin-bottom': { value: '8px', category: 'spacing', label: '气泡标题下边距', usage: 'popup 标题底部外边距（.cd-userGuide-popup-content-title）' },
+    'userguide-popup-description-margin-bottom': { value: '48px', category: 'spacing', label: '气泡详情下边距', usage: 'popup 详情底部外边距（.cd-userGuide-popup-content-description）' },
+    'userguide-popup-button-gap': { value: '12px', category: 'spacing', label: '气泡按钮间距', usage: 'popup 底部按钮间距（.cd-userGuide-popup-content-buttons）' },
+    'userguide-popup-button-margin-left': { value: '120px', category: 'spacing', label: '气泡按钮组左边距', usage: 'popup 按钮组左边距（.cd-userGuide-popup-content-buttons）' },
+    'userguide-popup-indicator-gap': { value: '8px', category: 'spacing', label: '指示器间距', usage: 'modal 指示器点间距（.cd-userGuide-modal-indicator）' },
+    'userguide-modal-title-margin-bottom': { value: '8px', category: 'spacing', label: '弹窗标题下边距', usage: 'modal 标题底部外边距（.cd-userGuide-modal-body-title）' },
+    'userguide-modal-body-padding': { value: '24px 48px', category: 'spacing', label: '弹窗 body 内边距', usage: 'modal body 内边距（.cd-userGuide-modal-body）' },
+    'userguide-modal-footer-padding': { value: '24px', category: 'spacing', label: '弹窗 footer 内边距', usage: 'modal footer 内边距（.cd-userGuide-modal-footer）' },
+    'userguide-modal-button-gap': { value: '12px', category: 'spacing', label: '弹窗按钮间距', usage: 'modal 底部按钮间距（.cd-userGuide-modal-footer）' },
+    // —— Radius（对齐 Semi variables.scss Radius 段）——
+    'userguide-popup-cover-radius': { value: 'var(--cd-border-radius-medium) var(--cd-border-radius-medium) 0 0', category: 'radius', label: '气泡封面圆角', usage: 'popup 封面上圆角（.cd-userGuide-popup-content-cover img）' },
+    'userguide-modal-indicator-radius': { value: 'var(--cd-border-radius-large)', category: 'radius', label: '指示器圆角', usage: 'modal 指示器点圆角（.cd-userGuide-modal-indicator-item）' },
+    // —— Font（对齐 Semi variables.scss font 段）——
+    'userguide-popup-title-font-size': { value: 'var(--cd-font-size-header-5)', category: 'font', label: '气泡标题字号', usage: 'popup 标题字体大小（.cd-userGuide-popup-content-title）' },
+    'userguide-popup-description-font-size': { value: 'var(--cd-font-size-regular)', category: 'font', label: '气泡详情字号', usage: 'popup 详情字体大小（.cd-userGuide-popup-content-description）' },
+    'userguide-popup-indicator-font-size': { value: 'var(--cd-font-size-regular)', category: 'font', label: '气泡指示器字号', usage: 'popup 指示器字体大小（.cd-userGuide-popup-content-indicator）' },
+    'userguide-popup-title-font-weight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: '气泡标题字重', usage: 'popup 标题字重（.cd-userGuide-popup-content-title）' },
+    'userguide-modal-title-font-size': { value: 'var(--cd-font-size-header-5)', category: 'font', label: '弹窗标题字号', usage: 'modal 标题字体大小（.cd-userGuide-modal-body-title）' },
+    'userguide-modal-description-font-size': { value: 'var(--cd-font-size-regular)', category: 'font', label: '弹窗详情字号', usage: 'modal 详情字体大小（.cd-userGuide-modal-body-description）' },
+    'userguide-modal-title-font-weight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: '弹窗标题字重', usage: 'modal 标题字重（.cd-userGuide-modal-body-title）' },
+    // —— Spotlight 遮罩 / 动画（对齐 Semi userGuide.scss overlay-bg + animation.scss）——
+    'userguide-spotlight-mask-bg': { value: 'var(--cd-color-overlay-bg)', category: 'color', label: 'spotlight 遮罩背景', usage: 'popup spotlight 遮罩背景（.cd-userGuide-spotlight rect fill）' },
+    'userguide-spotlight-duration': { value: '200ms', category: 'other', label: 'spotlight 动画时长', usage: 'spotlight 高亮矩形移动时长（.cd-userGuide-spotlight-rect）' },
+    'userguide-spotlight-function': { value: 'cubic-bezier(0.4, 0, 0.2, 1)', category: 'other', label: 'spotlight 过渡曲线', usage: 'spotlight 高亮矩形过渡曲线（.cd-userGuide-spotlight-rect）' },
+};
+//# sourceMappingURL=user-guide.js.map

package/dist/components/user-guide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-guide.js","sourceRoot":"","sources":["../../src/components/user-guide.ts"],"names":[],"mappings":"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"}