@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/notification.d.ts

@@ -1,33 +1,213 @@
-/** Component tokens for Notification (M5 Feedback). 回退 Alias，禁写死。 */
 export declare const notificationTokens: {
-    readonly 'notification-width': "360px";
-    readonly 'notification-bg': "var(--cd-color-bg-0)";
-    readonly 'notification-color-title': "var(--cd-color-text-0)";
-    readonly 'notification-color-content': "var(--cd-color-text-1)";
-    readonly 'notification-border': "var(--cd-color-border)";
-    readonly 'notification-radius': "var(--cd-border-radius-medium)";
-    readonly 'notification-shadow': "var(--cd-shadow-elevated)";
-    readonly 'notification-padding': "var(--cd-spacing-base)";
-    readonly 'notification-gap': "var(--cd-spacing-base-tight)";
-    readonly 'notification-icon-success': "var(--cd-color-success)";
-    readonly 'notification-icon-info': "var(--cd-color-primary)";
-    readonly 'notification-icon-warning': "var(--cd-color-warning)";
-    readonly 'notification-icon-error': "var(--cd-color-danger)";
-    readonly 'notification-close-color': "var(--cd-color-text-2)";
-    readonly 'notification-close-color-hover': "var(--cd-color-text-0)";
-    readonly 'notification-title-size': "var(--cd-font-size-regular)";
-    readonly 'notification-title-weight': "var(--cd-font-weight-bold)";
-    readonly 'notification-content-size': "var(--cd-font-size-small)";
-    readonly 'notification-z': "1100";
-    readonly 'notification-offset': "var(--cd-spacing-loose)";
-    readonly 'notification-motion-duration': "var(--cd-motion-duration-mid)";
-    readonly 'notification-progress-height': "3px";
-    readonly 'notification-progress-color': "var(--cd-color-primary)";
-    readonly 'notification-bg-dark': "var(--cd-color-text-0)";
-    readonly 'notification-border-dark': "var(--cd-color-text-0)";
-    readonly 'notification-color-title-dark': "var(--cd-color-bg-0)";
-    readonly 'notification-color-content-dark': "var(--cd-color-bg-1)";
-    readonly 'notification-close-color-dark': "var(--cd-color-bg-2)";
-    readonly 'notification-close-color-hover-dark': "var(--cd-color-bg-0)";
+    'color-notification-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-info-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-warning-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-danger-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-success-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-title-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-content-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-closebtn-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-warning-light-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-warning-light-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-success-light-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-success-light-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-info-light-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-info-light-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-danger-light-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-danger-light-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-notification-ambient-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'width-notification-notice': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-notification-notice-minwidth': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-notification-notice-icon': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-notification-notice-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-list-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-list-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-paddingtop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-paddingright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-paddingbottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-paddingleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-title-marginbottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-content-wrapper-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-notification-notice-icon-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'radius-notification-notice': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'font-notification-notice-title-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-notification-notice-content-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=notification.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/components/notification.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrB,CAAC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/components/notification.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CT,CAAC"}

package/dist/components/notification.js

@@ -1,35 +1,43 @@
-/** Component tokens for Notification (M5 Feedback). 回退 Alias，禁写死。 */
 export const notificationTokens = {
-    'notification-width': '360px',
-    'notification-bg': 'var(--cd-color-bg-0)',
-    'notification-color-title': 'var(--cd-color-text-0)',
-    'notification-color-content': 'var(--cd-color-text-1)',
-    'notification-border': 'var(--cd-color-border)',
-    'notification-radius': 'var(--cd-border-radius-medium)', // 对齐 Semi（large 12 → medium 6）
-    'notification-shadow': 'var(--cd-shadow-elevated)',
-    'notification-padding': 'var(--cd-spacing-base)',
-    'notification-gap': 'var(--cd-spacing-base-tight)',
-    'notification-icon-success': 'var(--cd-color-success)',
-    'notification-icon-info': 'var(--cd-color-primary)',
-    'notification-icon-warning': 'var(--cd-color-warning)',
-    'notification-icon-error': 'var(--cd-color-danger)',
-    'notification-close-color': 'var(--cd-color-text-2)',
-    'notification-close-color-hover': 'var(--cd-color-text-0)',
-    'notification-title-size': 'var(--cd-font-size-regular)',
-    'notification-title-weight': 'var(--cd-font-weight-bold)', // 对齐 Semi 标题字重 bold
-    'notification-content-size': 'var(--cd-font-size-small)',
-    'notification-z': '1100',
-    'notification-offset': 'var(--cd-spacing-loose)',
-    'notification-motion-duration': 'var(--cd-motion-duration-mid)',
-    // showProgress 倒计时进度条
-    'notification-progress-height': '3px',
-    'notification-progress-color': 'var(--cd-color-primary)',
-    // dark 主题卡片
-    'notification-bg-dark': 'var(--cd-color-text-0)',
-    'notification-border-dark': 'var(--cd-color-text-0)',
-    'notification-color-title-dark': 'var(--cd-color-bg-0)',
-    'notification-color-content-dark': 'var(--cd-color-bg-1)',
-    'notification-close-color-dark': 'var(--cd-color-bg-2)',
-    'notification-close-color-hover-dark': 'var(--cd-color-bg-0)',
+    // —— Color（对齐 Semi variables.scss「Color」段 17 个）——
+    'color-notification-bg-default': { value: 'var(--cd-color-bg-3)', category: 'color', label: '通知背景色', usage: '通知背景色' },
+    'color-notification-info-icon': { value: 'var(--cd-color-info)', category: 'color', label: '信息图标色', usage: '通知 信息 图标颜色' },
+    'color-notification-warning-icon': { value: 'var(--cd-color-warning)', category: 'color', label: '警告图标色', usage: '通知 警告 图标颜色' },
+    'color-notification-danger-icon': { value: 'var(--cd-color-danger)', category: 'color', label: '危险图标色', usage: '通知 危险 图标颜色' },
+    'color-notification-success-icon': { value: 'var(--cd-color-success)', category: 'color', label: '成功图标色', usage: '通知 成功 图标颜色' },
+    'color-notification-title-text': { value: 'var(--cd-color-text-0)', category: 'color', label: '标题文本色', usage: '通知 标题 文本颜色' },
+    'color-notification-content-text': { value: 'var(--cd-color-text-1)', category: 'color', label: '内容文本色', usage: '通知 内容 文本颜色' },
+    'color-notification-closebtn-icon': { value: 'var(--cd-color-text-2)', category: 'color', label: '关闭按钮图标色', usage: '通知 关闭按钮 图标颜色' },
+    'color-notification-warning-light-bg': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '彩色警告背景色', usage: '彩色通知警告背景色' },
+    'color-notification-warning-light-border': { value: 'var(--cd-color-warning)', category: 'color', label: '彩色警告描边色', usage: '彩色通知警告描边色' },
+    'color-notification-success-light-bg': { value: 'var(--cd-color-success-light-default)', category: 'color', label: '彩色成功背景色', usage: '彩色通知成功背景色' },
+    'color-notification-success-light-border': { value: 'var(--cd-color-success)', category: 'color', label: '彩色成功描边色', usage: '彩色通知成功描边色' },
+    'color-notification-info-light-bg': { value: 'var(--cd-color-info-light-default)', category: 'color', label: '彩色信息背景色', usage: '彩色通知信息背景色' },
+    'color-notification-info-light-border': { value: 'var(--cd-color-info)', category: 'color', label: '彩色信息描边色', usage: '彩色通知信息描边色' },
+    'color-notification-danger-light-bg': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '彩色危险背景色', usage: '彩色通知危险背景色' },
+    'color-notification-danger-light-border': { value: 'var(--cd-color-danger)', category: 'color', label: '彩色危险描边色', usage: '彩色通知危险描边色' },
+    'color-notification-ambient-bg': { value: 'var(--cd-color-bg-0)', category: 'color', label: '叠加层背景色', usage: '透明背景色叠加层(与bg0保持一致不建议修改)' },
+    // —— Width/Height（对齐 Semi「Width/Height」段 4 个）——
+    'width-notification-notice': { value: 'auto', category: 'width', label: '通知宽度', usage: '通知宽度' },
+    'width-notification-notice-minwidth': { value: '320px', category: 'width', label: '通知最小宽度', usage: '通知最小宽度' },
+    'width-notification-notice-icon': { value: 'var(--cd-width-icon-extra-large)', category: 'width', label: '通知图标宽度', usage: '通知图标宽度' },
+    'width-notification-notice-border': { value: '1px', category: 'width', label: '通知描边宽度', usage: '通知描边宽度' },
+    // —— Spacing（对齐 Semi「Spacing」段 11 个）——
+    'spacing-notification-list-margin': { value: '0', category: 'spacing', label: '列表外边距', usage: '通知列表外边距' },
+    'spacing-notification-list-padding': { value: '0', category: 'spacing', label: '列表内边距', usage: '通知列表内边距' },
+    'spacing-notification-notice-paddingtop': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '卡片顶内边距', usage: '通知卡片顶部内边距' },
+    'spacing-notification-notice-paddingright': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '卡片右内边距', usage: '通知卡片右侧内边距' },
+    'spacing-notification-notice-paddingbottom': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '卡片底内边距', usage: '通知卡片底部内边距' },
+    'spacing-notification-notice-paddingleft': { value: 'var(--cd-spacing-base-loose)', category: 'spacing', label: '卡片左内边距', usage: '通知卡片左侧内边距' },
+    'spacing-notification-notice-margin': { value: 'var(--cd-spacing-base-loose)', category: 'spacing', label: '卡片外边距', usage: '通知卡片外边距' },
+    'spacing-notification-notice-marginright': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '卡片右外边距', usage: '通知卡片右侧外边距' },
+    'spacing-notification-notice-title-marginbottom': { value: 'var(--cd-spacing-extra-tight)', category: 'spacing', label: '标题底外边距', usage: '通知卡片标题底部外边距' },
+    'spacing-notification-notice-content-wrapper-marginright': { value: '8px', category: 'spacing', label: '内容右外边距', usage: '通知卡片内容右侧外边距' },
+    'spacing-notification-notice-icon-marginright': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '图标右外边距', usage: '通知卡片图标右侧外边距' },
+    // —— Radius（对齐 Semi「Radius」段 1 个）——
+    'radius-notification-notice': { value: 'var(--cd-border-radius-medium)', category: 'radius', label: '卡片圆角', usage: '通知卡片圆角大小' },
+    // —— Font（对齐 Semi「Font」段 2 个）——
+    'font-notification-notice-title-fontweight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: '标题字重', usage: '通知卡片标题字重' },
+    'font-notification-notice-content-fontweight': { value: 'var(--cd-font-weight-regular)', category: 'font', label: '内容字重', usage: '通知卡片内容字重' },
 };
 //# sourceMappingURL=notification.js.map

package/dist/components/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/components/notification.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,oBAAoB,EAAE,OAAO;IAC7B,iBAAiB,EAAE,sBAAsB;IACzC,0BAA0B,EAAE,wBAAwB;IACpD,4BAA4B,EAAE,wBAAwB;IACtD,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,gCAAgC,EAAE,+BAA+B;IACxF,qBAAqB,EAAE,2BAA2B;IAClD,sBAAsB,EAAE,wBAAwB;IAChD,kBAAkB,EAAE,8BAA8B;IAClD,2BAA2B,EAAE,yBAAyB;IACtD,wBAAwB,EAAE,yBAAyB;IACnD,2BAA2B,EAAE,yBAAyB;IACtD,yBAAyB,EAAE,wBAAwB;IACnD,0BAA0B,EAAE,wBAAwB;IACpD,gCAAgC,EAAE,wBAAwB;IAC1D,yBAAyB,EAAE,6BAA6B;IACxD,2BAA2B,EAAE,4BAA4B,EAAE,oBAAoB;IAC/E,2BAA2B,EAAE,2BAA2B;IACxD,gBAAgB,EAAE,MAAM;IACxB,qBAAqB,EAAE,yBAAyB;IAChD,8BAA8B,EAAE,+BAA+B;IAC/D,sBAAsB;IACtB,8BAA8B,EAAE,KAAK;IACrC,6BAA6B,EAAE,yBAAyB;IACxD,YAAY;IACZ,sBAAsB,EAAE,wBAAwB;IAChD,0BAA0B,EAAE,wBAAwB;IACpD,+BAA+B,EAAE,sBAAsB;IACvD,iCAAiC,EAAE,sBAAsB;IACzD,+BAA+B,EAAE,sBAAsB;IACvD,qCAAqC,EAAE,sBAAsB;CACrD,CAAC"}
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/components/notification.ts"],"names":[],"mappings":"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"}

package/dist/components/overflow-list.d.ts

@@ -1,13 +1,57 @@
-/** Component tokens for OverflowList (M4 Show, collapse subset). 回退 Alias，禁写死。 */
 export declare const overflowListTokens: {
-    readonly 'overflow-list-gap': "var(--cd-spacing-tight)";
-    readonly 'overflow-list-gap-small': "var(--cd-spacing-extra-tight)";
-    readonly 'overflow-list-gap-large': "var(--cd-spacing-base-tight)";
-    readonly 'overflow-list-overflow-color': "var(--cd-color-text-2)";
-    readonly 'overflow-list-overflow-color-hover': "var(--cd-color-text-0)";
-    readonly 'overflow-list-overflow-bg': "transparent";
-    readonly 'overflow-list-overflow-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'overflow-list-overflow-radius': "var(--cd-border-radius-medium)";
-    readonly 'overflow-list-focus-ring': "var(--cd-color-primary)";
+    'overflow-list-gap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-gap-small': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-gap-large': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-overflow-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-overflow-color-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-overflow-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-overflow-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-overflow-radius': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'overflow-list-focus-ring': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=overflow-list.d.ts.map

package/dist/components/overflow-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-list.d.ts","sourceRoot":"","sources":["../../src/components/overflow-list.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAUrB,CAAC"}
+{"version":3,"file":"overflow-list.d.ts","sourceRoot":"","sources":["../../src/components/overflow-list.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUT,CAAC"}

package/dist/components/overflow-list.js

@@ -1,13 +1,12 @@
-/** Component tokens for OverflowList (M4 Show, collapse subset). 回退 Alias，禁写死。 */
 export const overflowListTokens = {
-    'overflow-list-gap': 'var(--cd-spacing-tight)',
-    'overflow-list-gap-small': 'var(--cd-spacing-extra-tight)',
-    'overflow-list-gap-large': 'var(--cd-spacing-base-tight)',
-    'overflow-list-overflow-color': 'var(--cd-color-text-2)',
-    'overflow-list-overflow-color-hover': 'var(--cd-color-text-0)',
-    'overflow-list-overflow-bg': 'transparent',
-    'overflow-list-overflow-bg-hover': 'var(--cd-color-fill-0)',
-    'overflow-list-overflow-radius': 'var(--cd-border-radius-medium)',
-    'overflow-list-focus-ring': 'var(--cd-color-primary)',
+    'overflow-list-gap': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '子项间距', usage: '列表项之间的间距 - 默认' },
+    'overflow-list-gap-small': { value: 'var(--cd-spacing-extra-tight)', category: 'spacing', label: '子项间距（小）', usage: '列表项之间的间距 - 紧凑' },
+    'overflow-list-gap-large': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '子项间距（大）', usage: '列表项之间的间距 - 宽松' },
+    'overflow-list-overflow-color': { value: 'var(--cd-color-text-2)', category: 'color', label: '溢出项文字色', usage: '折叠指示器文字颜色 - 默认' },
+    'overflow-list-overflow-color-hover': { value: 'var(--cd-color-text-0)', category: 'color', label: '溢出项文字色（悬浮）', usage: '折叠指示器文字颜色 - 悬浮' },
+    'overflow-list-overflow-bg': { value: 'transparent', category: 'color', label: '溢出项背景', usage: '折叠指示器背景色 - 默认' },
+    'overflow-list-overflow-bg-hover': { value: 'var(--cd-color-fill-0)', category: 'color', label: '溢出项背景（悬浮）', usage: '折叠指示器背景色 - 悬浮' },
+    'overflow-list-overflow-radius': { value: 'var(--cd-border-radius-medium)', category: 'radius', label: '溢出项圆角', usage: '折叠指示器圆角' },
+    'overflow-list-focus-ring': { value: 'var(--cd-color-primary)', category: 'color', label: '聚焦环色', usage: '折叠指示器键盘聚焦描边颜色' },
 };
 //# sourceMappingURL=overflow-list.js.map

package/dist/components/overflow-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-list.js","sourceRoot":"","sources":["../../src/components/overflow-list.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,mBAAmB,EAAE,yBAAyB;IAC9C,yBAAyB,EAAE,+BAA+B;IAC1D,yBAAyB,EAAE,8BAA8B;IACzD,8BAA8B,EAAE,wBAAwB;IACxD,oCAAoC,EAAE,wBAAwB;IAC9D,2BAA2B,EAAE,aAAa;IAC1C,iCAAiC,EAAE,wBAAwB;IAC3D,+BAA+B,EAAE,gCAAgC;IACjE,0BAA0B,EAAE,yBAAyB;CAC7C,CAAC"}
+{"version":3,"file":"overflow-list.js","sourceRoot":"","sources":["../../src/components/overflow-list.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,mBAAmB,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;IACrH,yBAAyB,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE;IACpI,yBAAyB,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE;IACnI,8BAA8B,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAChI,oCAAoC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC1I,2BAA2B,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE;IAChH,iCAAiC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE;IACrI,+BAA+B,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;IAClI,0BAA0B,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;CACtG,CAAC"}