@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/tooltip.d.ts

@@ -1,30 +1,177 @@
-/** Component tokens for Tooltip & Popover (M4 Show overlays). */
 export declare const tooltipTokens: {
-    readonly 'tooltip-bg-dark': "var(--cd-color-text-0)";
-    readonly 'tooltip-color-dark': "var(--cd-color-text-inverse)";
-    readonly 'tooltip-bg-light': "var(--cd-color-bg-0)";
-    readonly 'tooltip-color-light': "var(--cd-color-text-0)";
-    readonly 'tooltip-radius': "var(--cd-border-radius-medium)";
-    readonly 'tooltip-padding': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
-    readonly 'tooltip-font-size': "var(--cd-font-size-regular)";
-    readonly 'tooltip-shadow': "var(--cd-shadow-elevated)";
-    readonly 'tooltip-z': "var(--cd-z-tooltip)";
-    readonly 'tooltip-arrow-size': "6px";
-    readonly 'tooltip-status-warning': "var(--cd-color-warning)";
-    readonly 'tooltip-status-error': "var(--cd-color-danger)";
-    readonly 'popover-bg': "var(--cd-color-bg-0)";
-    readonly 'popover-color': "var(--cd-color-text-0)";
-    readonly 'popover-radius': "var(--cd-border-radius-medium)";
-    readonly 'popover-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
-    readonly 'popover-padding-small': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
-    readonly 'popover-padding-default': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
-    readonly 'popover-padding-large': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
-    readonly 'popover-shadow': "var(--cd-shadow-elevated)";
-    readonly 'popover-z': "var(--cd-z-popover)";
-    readonly 'popover-title-color': "var(--cd-color-text-0)";
-    readonly 'popover-title-border': "var(--cd-color-border)";
-    readonly 'popover-arrow-size': "8px";
-    readonly 'popover-motion-duration': "var(--cd-motion-duration-fast)";
-    readonly 'popover-motion-easing': "var(--cd-motion-ease-standard)";
+    'tooltip-horizontal-rate': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'tooltip-vertical-rate': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'tooltip-motion-zoom-scale-from': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'tooltip-motion-zoom-opacity-from': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'tooltip-motion-zoom-opacity-to': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-duration-tooltip-in': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-duration-tooltip-out': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-function-tooltip-in': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'animation-function-tooltip-out': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'color-tooltip-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tooltip-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tooltip-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tooltip-arrow-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'radius-tooltip': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-content-paddingleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-content-paddingright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-content-paddingtop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-content-paddingbottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'font-tooltip-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'width-tooltip': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-tooltip-arrow': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-tooltip-arrow': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-tooltip-arrow-vertical': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'width-tooltip-arrow-vertical': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-arrow-offset-x': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-arrow-offset-y': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-arrow-adjusted-offset-y': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tooltip-arrow-adjusted-offset-x': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'filter-tooltip-bg': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BhB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDJ,CAAC"}

package/dist/components/tooltip.js

@@ -1,34 +1,44 @@
-/** Component tokens for Tooltip & Popover (M4 Show overlays). */
 export const tooltipTokens = {
-    // Tooltip
-    'tooltip-bg-dark': 'var(--cd-color-text-0)',
-    'tooltip-color-dark': 'var(--cd-color-text-inverse)',
-    'tooltip-bg-light': 'var(--cd-color-bg-0)',
-    'tooltip-color-light': 'var(--cd-color-text-0)',
-    'tooltip-radius': 'var(--cd-border-radius-medium)',
-    'tooltip-padding': 'var(--cd-spacing-tight) var(--cd-spacing-base-tight)', // 对齐 Semi（4/8 → 8/12）
-    'tooltip-font-size': 'var(--cd-font-size-regular)', // 对齐 Semi（small 12 → regular 14）
-    'tooltip-shadow': 'var(--cd-shadow-elevated)',
-    'tooltip-z': 'var(--cd-z-tooltip)',
-    'tooltip-arrow-size': '6px',
-    // status：非 default 时的语义前缀图标色（背景仍沿用主题色，保证文字对比度）
-    'tooltip-status-warning': 'var(--cd-color-warning)',
-    'tooltip-status-error': 'var(--cd-color-danger)',
-    // Popover
-    'popover-bg': 'var(--cd-color-bg-0)',
-    'popover-color': 'var(--cd-color-text-0)',
-    'popover-radius': 'var(--cd-border-radius-medium)', // 对齐 Semi（large 12 → medium 6）
-    // size 档内边距：small/default/large（spec §5）。popover-padding 兼容旧别名，等同 default。
-    'popover-padding': 'var(--cd-spacing-base-tight) var(--cd-spacing-base)',
-    'popover-padding-small': 'var(--cd-spacing-tight) var(--cd-spacing-base-tight)',
-    'popover-padding-default': 'var(--cd-spacing-base-tight) var(--cd-spacing-base)',
-    'popover-padding-large': 'var(--cd-spacing-base) var(--cd-spacing-base-loose)',
-    'popover-shadow': 'var(--cd-shadow-elevated)',
-    'popover-z': 'var(--cd-z-popover)',
-    'popover-title-color': 'var(--cd-color-text-0)',
-    'popover-title-border': 'var(--cd-color-border)',
-    'popover-arrow-size': '8px',
-    'popover-motion-duration': 'var(--cd-motion-duration-fast)',
-    'popover-motion-easing': 'var(--cd-motion-ease-standard)',
+    // —— 定位矫正因子（Semi $horizontal-rate / $vertical-rate；平铺命名空间加 tooltip- 前缀防冲突） ——
+    'tooltip-horizontal-rate': { value: '0.24', category: 'other', label: '水平矫正因子', usage: '水平方向矫正因子' },
+    'tooltip-vertical-rate': { value: '0', category: 'other', label: '垂直矫正因子', usage: '垂直方向矫正因子' },
+    // —— zoom 动画参数（Semi $motion-zoom_*） ——
+    'tooltip-motion-zoom-scale-from': { value: '0.8', category: 'animation', label: '初始缩放', usage: '初始缩放 - 动画用' },
+    'tooltip-motion-zoom-opacity-from': { value: '0', category: 'animation', label: '初始透明度', usage: '初始透明度 - 动画用' },
+    'tooltip-motion-zoom-opacity-to': { value: '1', category: 'animation', label: '最终透明度', usage: '最终透明度 - 动画用' },
+    // —— 进出场动画时长 / 缓动（Semi animation.scss，字面量 100ms + cubic-bezier） ——
+    'animation-duration-tooltip-in': { value: '100ms', category: 'animation', label: '弹出动画时长', usage: 'tooltip-弹出动画-动画持续时间' },
+    'animation-duration-tooltip-out': { value: '100ms', category: 'animation', label: '收起动画时长', usage: 'tooltip-收起动画-动画持续时间' },
+    'animation-function-tooltip-in': { value: 'cubic-bezier(0.215, 0.61, 0.355, 1)', category: 'animation', label: '弹出动画曲线', usage: 'tooltip-弹出动画-动画插值函数' },
+    'animation-function-tooltip-out': { value: 'cubic-bezier(0.215, 0.61, 0.355, 1)', category: 'animation', label: '收起动画曲线', usage: 'tooltip-收起动画-动画插值函数' },
+    // —— 颜色 ——
+    'color-tooltip-bg-default': { value: 'var(--cd-color-grey-7)', category: 'color', label: '默认背景色', usage: '工具提示默认背景色' },
+    'color-tooltip-text-default': { value: 'var(--cd-color-bg-0)', category: 'color', label: '默认文字颜色', usage: '工具提示默认文字颜色' },
+    'color-tooltip-icon-default': { value: 'var(--cd-color-grey-7)', category: 'color', label: '默认图标颜色', usage: '工具提示默认图标颜色' },
+    'color-tooltip-arrow-icon-default': { value: 'var(--cd-color-tooltip-icon-default)', category: 'color', label: '箭头颜色', usage: '工具提示默认小三角箭头颜色（单 path fill=currentColor 走此色）' },
+    // —— 圆角 ——
+    'radius-tooltip': { value: 'var(--cd-border-radius-medium)', category: 'radius', label: '默认圆角', usage: '工具提示默认圆角' },
+    // —— 内容内边距 ——
+    'spacing-tooltip-content-paddingleft': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '内容左内边距', usage: '工具提示内容左侧内边距' },
+    'spacing-tooltip-content-paddingright': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '内容右内边距', usage: '工具提示内容右侧内边距' },
+    'spacing-tooltip-content-paddingtop': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '内容顶内边距', usage: '工具提示内容顶部内边距' },
+    'spacing-tooltip-content-paddingbottom': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '内容底内边距', usage: '工具提示内容底部内边距' },
+    // —— 字号 / 尺寸 ——
+    'font-tooltip-fontsize': { value: 'var(--cd-font-size-regular)', category: 'font', label: '文本字号', usage: '工具提示文本字号' },
+    'width-tooltip': { value: '240px', category: 'width', label: '默认宽度', usage: '工具提示宽度 - 默认' },
+    'width-tooltip-arrow': { value: '24px', category: 'width', label: '箭头宽度(水平)', usage: '工具提示小三角箭头宽度 - 水平' },
+    'height-tooltip-arrow': { value: '7px', category: 'height', label: '箭头高度(水平)', usage: '工具提示小三角箭头高度 - 水平' },
+    // —— 箭头 - 垂直 ——
+    'height-tooltip-arrow-vertical': { value: '24px', category: 'height', label: '箭头高度(垂直)', usage: '工具提示小三角箭头高度 - 垂直' },
+    'width-tooltip-arrow-vertical': { value: '7px', category: 'width', label: '箭头宽度(垂直)', usage: '工具提示小三角箭头宽度 - 垂直' },
+    // —— 箭头偏移量 ——
+    'spacing-tooltip-arrow-offset-x': { value: '1px', category: 'spacing', label: '箭头水平偏移', usage: '水平方向渲染会有缝隙，所以加个偏移量' },
+    'spacing-tooltip-arrow-offset-y': { value: '1px', category: 'spacing', label: '箭头垂直偏移', usage: '垂直方向渲染会有缝隙，所以加个偏移量' },
+    'spacing-tooltip-arrow-adjusted-offset-y': { value: '5px', category: 'spacing', label: '箭头垂直校正偏移', usage: '垂直方向上的校正偏移量，主要修正三角形有棱角的问题' },
+    'spacing-tooltip-arrow-adjusted-offset-x': { value: 'round(calc(var(--cd-tooltip-horizontal-rate) * var(--cd-width-tooltip-arrow)), 1px)', category: 'spacing', label: '箭头水平校正偏移', usage: '水平方向上的校正偏移量，主要修正三角形有棱角的问题' },
+    // 层级：Semi tooltip.scss z-index 被注释（TODO 收敛），组件默认 zIndex=1060，
+    // 直连全局阶名 --cd-z-tooltip（=1060，scales.zIndex emit），不另建组件中间变量。
+    // —— 滤镜（Semi $filter-tooltip-bg） ——
+    'filter-tooltip-bg': { value: 'none', category: 'other', label: '背景滤镜', usage: '工具提示背景滤镜' },
 };
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,UAAU;IACV,iBAAiB,EAAE,wBAAwB;IAC3C,oBAAoB,EAAE,8BAA8B;IACpD,kBAAkB,EAAE,sBAAsB;IAC1C,qBAAqB,EAAE,wBAAwB;IAC/C,gBAAgB,EAAE,gCAAgC;IAClD,iBAAiB,EAAE,sDAAsD,EAAE,sBAAsB;IACjG,mBAAmB,EAAE,6BAA6B,EAAE,iCAAiC;IACrF,gBAAgB,EAAE,2BAA2B;IAC7C,WAAW,EAAE,qBAAqB;IAClC,oBAAoB,EAAE,KAAK;IAC3B,+CAA+C;IAC/C,wBAAwB,EAAE,yBAAyB;IACnD,sBAAsB,EAAE,wBAAwB;IAChD,UAAU;IACV,YAAY,EAAE,sBAAsB;IACpC,eAAe,EAAE,wBAAwB;IACzC,gBAAgB,EAAE,gCAAgC,EAAE,+BAA+B;IACnF,2EAA2E;IAC3E,iBAAiB,EAAE,qDAAqD;IACxE,uBAAuB,EAAE,sDAAsD;IAC/E,yBAAyB,EAAE,qDAAqD;IAChF,uBAAuB,EAAE,qDAAqD;IAC9E,gBAAgB,EAAE,2BAA2B;IAC7C,WAAW,EAAE,qBAAqB;IAClC,qBAAqB,EAAE,wBAAwB;IAC/C,sBAAsB,EAAE,wBAAwB;IAChD,oBAAoB,EAAE,KAAK;IAC3B,yBAAyB,EAAE,gCAAgC;IAC3D,uBAAuB,EAAE,gCAAgC;CACjD,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"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"}

package/dist/components/transfer.d.ts

@@ -1,21 +1,267 @@
-/** Component tokens for Transfer & Upload. See specs/components/input/Transfer.spec.md. */
 export declare const transferTokens: {
-    readonly 'transfer-panel-width': "200px";
-    readonly 'transfer-panel-height': "240px";
-    readonly 'transfer-panel-border': "var(--cd-color-border)";
-    readonly 'transfer-panel-radius': "var(--cd-border-radius-medium)";
-    readonly 'transfer-panel-header-bg': "var(--cd-color-fill-0)";
-    readonly 'transfer-item-height': "32px";
-    readonly 'transfer-item-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'transfer-gap': "var(--cd-spacing-base-tight)";
-    readonly 'upload-dragger-border': "var(--cd-color-border)";
-    readonly 'upload-dragger-border-active': "var(--cd-color-primary)";
-    readonly 'upload-dragger-bg': "var(--cd-color-tertiary-light-default)";
-    readonly 'upload-dragger-bg-active': "var(--cd-color-primary-light-default)";
-    readonly 'upload-dragger-radius': "var(--cd-border-radius-medium)";
-    readonly 'upload-item-bg-hover': "var(--cd-color-fill-1)";
-    readonly 'upload-item-color-error': "var(--cd-color-danger)";
-    readonly 'upload-border-warning': "var(--cd-color-warning)";
-    readonly 'upload-border-error': "var(--cd-color-danger)";
+    'color-transfer-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-header-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-empty-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-group-title-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-disabled-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-close-icon-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-item-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-selected-item-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-item-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-transfer-item-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-min-width': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-transfer': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-transfer-header': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-transfer-item-min-height': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-item-close-icon': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-left': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-right': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-transfer-left-empty': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-left-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-transfer-right-header': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-transfer-right-empty': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'width-transfer-empty': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-transfer-group-title': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-header-margin-top': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-header-margin-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-header-margin-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-header-margin-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-header-all-margin-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-item-padding-top': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-item-padding-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-item-padding-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-item-padding-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-right-header-margin-top': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-right-header-margin-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-right-item-drag-handler-margin-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-filter-margin-top': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-filter-margin-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-filter-margin-bottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-filter-margin-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-transfer-group-title-padding-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'radius-transfer': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'font-transfer-header-all-font-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=transfer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["../../src/components/transfer.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAmBjB,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["../../src/components/transfer.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDL,CAAC"}