@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/input.js

@@ -1,29 +1,122 @@
-/** Component tokens for Input. See specs/components/input/Input.spec.md. */
 export const inputTokens = {
-    'input-height-default': 'var(--cd-control-height-default)',
-    'input-height-small': 'var(--cd-control-height-small)',
-    'input-height-large': 'var(--cd-control-height-large)',
-    'input-padding-x': 'var(--cd-spacing-base-tight)',
-    // 对齐 Semi 填充式：默认灰底(fill-0) + 无边框，hover fill-1，聚焦 fill-0 + 蓝边框
-    'input-border': 'transparent', // 对齐 Semi 默认无边框（原 color-border）
-    'input-radius': 'var(--cd-border-radius-small)', // 对齐 Semi（原 medium 6px → small 3px）
-    'input-color-bg': 'var(--cd-color-fill-0)', // 对齐 Semi 默认灰底（原 bg-0 白）
-    'input-bg-hover': 'var(--cd-color-fill-1)', // 对齐 Semi 悬浮态
-    'input-color-text': 'var(--cd-color-text-0)',
-    'input-color-placeholder': 'var(--cd-color-text-3)',
-    'input-border-active': 'var(--cd-color-focus-border)', // 对齐 Semi 聚焦边框 focus-border（原 primary）
-    'input-border-warning': 'var(--cd-color-warning)',
-    'input-border-error': 'var(--cd-color-danger)',
-    'input-font-size': 'var(--cd-font-size-regular)',
-    // InputNumber 步进器按钮（对齐 Semi inputNumber：实底 bg-2 按钮 + 描边 + small 圆角）
-    'input-number-step-width': '14px', // Semi width-inputNumber_button
-    'input-number-step-bg': 'var(--cd-color-bg-2)', // Semi button-bg-default
-    'input-number-step-bg-hover': 'var(--cd-color-fill-0)', // Semi button-bg-hover
-    'input-number-step-bg-active': 'var(--cd-color-fill-1)', // Semi button-bg-active
-    'input-number-step-bg-disabled': 'var(--cd-color-fill-0)', // Semi button-bg-disabled（disabled-fill 近似）
-    'input-number-step-color': 'var(--cd-color-text-2)', // Semi button-text-default
-    'input-number-step-color-disabled': 'var(--cd-color-text-3)', // Semi button-text-disabled
-    'input-number-step-border': 'var(--cd-color-border)', // Semi button-border-default
-    'input-number-step-radius': 'var(--cd-border-radius-small)', // Semi radius-inputNumber
+    // —— default ——
+    'color-input-default-border-default': { value: 'transparent', category: 'color', label: '输入框描边色', usage: '输入框描边颜色 - 默认' },
+    'color-input-default-bg-default': { value: 'var(--cd-color-fill-0)', category: 'color', label: '输入框背景色', usage: '输入框背景颜色 - 默认' },
+    'color-input-default-text-default': { value: 'var(--cd-color-text-0)', category: 'color', label: '输入框文本色', usage: '输入框文本颜色 - 默认' },
+    'color-input-default-bg-hover': { value: 'var(--cd-color-fill-1)', category: 'color', label: '输入框背景色', usage: '输入框背景颜色 - 悬浮' },
+    'color-input-default-border-hover': { value: 'transparent', category: 'color', label: '输入框描边色', usage: '输入框描边颜色 - 悬浮' },
+    'color-input-default-bg-active': { value: 'var(--cd-color-fill-2)', category: 'color', label: '输入框背景色', usage: '输入框背景颜色 - 按下' },
+    'color-input-default-border-active': { value: 'var(--cd-color-input-default-bg-active)', category: 'color', label: '输入框描边色', usage: '输入框描边颜色 - 按下' },
+    'color-input-default-bg-focus': { value: 'var(--cd-color-fill-0)', category: 'color', label: '输入框背景色', usage: '输入框背景颜色 - 选中' },
+    'color-input-default-border-focus': { value: 'var(--cd-color-focus-border)', category: 'color', label: '输入框描边色', usage: '输入框描边颜色 - 选中' },
+    'color-input-icon-outline': { value: 'var(--cd-color-primary-light-active)', category: 'color', label: '图标轮廓色', usage: '输入框 icon outline 颜色' },
+    'color-input-default-bg-focus-hover': { value: 'var(--cd-color-input-default-bg-focus)', category: 'color', label: '输入框背景色', usage: '输入框背景颜色 - 选中悬浮' },
+    // —— error ——
+    'color-input-danger-bg-default': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '错误输入框背景色', usage: '错误输入框背景颜色 - 默认' },
+    'color-input-danger-border-default': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '错误输入框描边色', usage: '错误输入框描边颜色 - 默认' },
+    'color-input-danger-bg-hover': { value: 'var(--cd-color-danger-light-hover)', category: 'color', label: '错误输入框背景色', usage: '错误输入框背景颜色 - 悬浮' },
+    'color-input-danger-border-hover': { value: 'var(--cd-color-danger-light-hover)', category: 'color', label: '错误输入框描边色', usage: '错误输入框描边颜色 - 悬浮' },
+    'color-input-danger-bg-focus': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '错误输入框背景色', usage: '错误输入框背景颜色 - 选中' },
+    'color-input-danger-border-focus': { value: 'var(--cd-color-danger)', category: 'color', label: '错误输入框描边色', usage: '错误输入框描边颜色 - 选中' },
+    'color-input-danger-bg-active': { value: 'var(--cd-color-danger-light-active)', category: 'color', label: '错误输入框背景色', usage: '错误输入框背景颜色 - 按下' },
+    'color-input-danger-border-active': { value: 'var(--cd-color-danger-light-active)', category: 'color', label: '错误输入框描边色', usage: '错误输入框描边颜色 - 按下' },
+    // —— warning ——
+    'color-input-warning-bg-default': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '警告输入框背景色', usage: '警告输入框背景颜色 - 默认' },
+    'color-input-warning-border-default': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '警告输入框描边色', usage: '警告输入框文本颜色 - 默认' },
+    'color-input-warning-bg-hover': { value: 'var(--cd-color-warning-light-hover)', category: 'color', label: '警告输入框背景色', usage: '警告输入框背景颜色 - 悬浮' },
+    'color-input-warning-border-hover': { value: 'var(--cd-color-warning-light-hover)', category: 'color', label: '警告输入框描边色', usage: '警告输入框描边颜色 - 悬浮' },
+    'color-input-warning-bg-focus': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '警告输入框背景色', usage: '警告输入框背景颜色 - 选中' },
+    'color-input-warning-border-focus': { value: 'var(--cd-color-warning)', category: 'color', label: '警告输入框描边色', usage: '警告输入框描边颜色 - 选中' },
+    'color-input-warning-bg-active': { value: 'var(--cd-color-warning-light-active)', category: 'color', label: '警告输入框背景色', usage: '警告输入框背景颜色 - 按下' },
+    'color-input-warning-border-active': { value: 'var(--cd-color-warning-light-active)', category: 'color', label: '警告输入框描边色', usage: '警告输入框描边颜色 - 按下' },
+    // —— disabled ——
+    'color-input-disabled-border-default': { value: 'var(--cd-color-disabled-border)', category: 'color', label: '禁用输入框描边色', usage: '禁用输入框描边颜色' },
+    'color-input-disabled-bg-default': { value: 'var(--cd-color-disabled-fill)', category: 'color', label: '禁用输入框背景色', usage: '禁用输入框背景颜色' },
+    'color-input-disabled-text-default': { value: 'var(--cd-color-disabled-text)', category: 'color', label: '禁用输入框文字色', usage: '禁用输入框文字颜色' },
+    // —— placeholder / prefix / icon ——
+    'color-input-placeholder-text-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '占位文字色', usage: '输入框占位文字颜色' },
+    'color-input-prefix-text-default': { value: 'var(--cd-color-text-2)', category: 'color', label: 'prefix 文字色', usage: '输入框 prefix 文字颜色' },
+    'color-input-icon-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '图标色', usage: '输入框图标颜色' },
+    'color-input-icon-hover': { value: 'var(--cd-color-primary-hover)', category: 'color', label: '图标色', usage: '输入框图标颜色 - 悬浮' },
+    'color-input-icon-active': { value: 'var(--cd-color-primary-active)', category: 'color', label: '图标色', usage: '输入框图标颜色 - 按下' },
+    // —— counter / group / border-only ——
+    'color-input-counter-text-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '字数统计文字色', usage: '多行文本字数统计文字颜色 - 未超限' },
+    'color-input-counter-danger-text-default': { value: 'var(--cd-color-danger)', category: 'color', label: '字数统计超限色', usage: '多行文本字数统计文字颜色 - 未超限' },
+    'color-input-group-border-default': { value: 'var(--cd-color-border)', category: 'color', label: '输入框组合分割线色', usage: '输入框组合分割线颜色' },
+    'color-input-default-border-only-border-default': { value: 'var(--cd-color-border)', category: 'color', label: '描边输入框描边色', usage: '只有描边的输入框描边颜色 - 默认' },
+    'color-input-default-border-only-border-hover': { value: 'var(--cd-color-border)', category: 'color', label: '描边输入框描边色', usage: '只有描边的输入框描边颜色 - 默认' },
+    // —— height ——
+    'height-input-large': { value: 'calc(var(--cd-control-height-large) - 2px)', category: 'height', label: '输入框内高', usage: '输入框高度 & 行高 - 大尺寸' },
+    'height-input-small': { value: 'calc(var(--cd-control-height-small) - 2px)', category: 'height', label: '输入框内高', usage: '输入框高度 & 行高 - 小尺寸' },
+    'height-input-default': { value: 'calc(var(--cd-control-height-default) - 2px)', category: 'height', label: '输入框内高', usage: '输入框高度 & 行高 - 默认尺寸' },
+    'height-input-wrapper-large': { value: 'var(--cd-control-height-large)', category: 'height', label: '输入框高度', usage: '输入框容器高度 - 大尺寸' },
+    'height-input-wrapper-small': { value: 'var(--cd-control-height-small)', category: 'height', label: '输入框高度', usage: '输入框容器高度 - 小尺寸' },
+    'height-input-wrapper-default': { value: 'var(--cd-control-height-default)', category: 'height', label: '输入框高度', usage: '输入框容器高度 - 默认尺寸' },
+    // —— icon width ——
+    'width-input-icon': { value: 'calc(var(--cd-width-icon-medium) + var(--cd-spacing-tight) * 2)', category: 'width', label: '密码图标最小宽度', usage: '密码图标最小宽度' },
+    'width-input-icon-clear-before-suffix': { value: 'calc(var(--cd-width-icon-medium) + var(--cd-spacing-tight))', category: 'width', label: '清除按钮宽度', usage: 'suffix 之前的清除按钮宽度' },
+    'width-input-icon-clear-before-modebtn': { value: 'var(--cd-width-icon-medium)', category: 'width', label: '清除按钮宽度', usage: '密码之前的清除按钮宽度' },
+    // —— motion scale（按压缩放系数，归 other 对齐 Semi）——
+    'motion-scale-size-active': { value: '.97', category: 'other', label: '按压缩放系数', usage: '输入框按压缩放系数 - 激活' },
+    'motion-scale-size-inactive': { value: '1', category: 'other', label: '按压缩放系数', usage: '输入框按压缩放系数 - 非激活' },
+    // —— border width ——
+    'width-input-append-border': { value: 'var(--cd-border-thickness-control)', category: 'width', label: '后置标签描边宽度', usage: '后置标签描边宽度' },
+    'width-input-prepend-border': { value: 'var(--cd-border-thickness-control)', category: 'width', label: '前置标签描边宽度', usage: '前置标签描边宽度' },
+    'width-input-group-pseudo-border': { value: 'var(--cd-border-thickness-control)', category: 'width', label: '组合分割线宽度', usage: '输入框组合分割线宽度' },
+    'width-input-wrapper-border': { value: 'var(--cd-border-thickness-control-focus)', category: 'width', label: '输入框描边宽度', usage: '输入框描边宽度' },
+    'width-input-wrapper-focus-border': { value: 'var(--cd-border-thickness-control-focus)', category: 'width', label: '输入框描边宽度', usage: '输入框描边宽度 - 选中态' },
+    'width-input-icon-outline': { value: '2px', category: 'width', label: '图标轮廓宽度', usage: '输入框 icon outline 宽度' },
+    'width-input-icon-outlineoffset': { value: '-1px', category: 'width', label: '图标轮廓偏移', usage: '输入框 icon outline-offset 宽度' },
+    // —— radius / spacing ——
+    'radius-input-wrapper': { value: 'var(--cd-border-radius-small)', category: 'radius', label: '输入框圆角', usage: '输入框圆角大小' },
+    'spacing-input-icon-marginleft': { value: 'calc(-1 * var(--cd-spacing-base-tight))', category: 'spacing', label: '图标左侧边距', usage: '输入框图标左侧内边距' },
+    'spacing-input-paddingleft': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '输入框左内边距', usage: '输入光标距离容器的左侧内边距' },
+    'spacing-input-paddingright': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '输入框右内边距', usage: '输入文字距离容器的右侧内边距' },
+    'spacing-input-prefix-suffix-marginx': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: 'prefix/suffix 水平外边距', usage: 'prefix/suffix 水平外边距' },
+    'spacing-input-prefix-icon-marginy': { value: '0', category: 'spacing', label: 'prefix 图标垂直边距', usage: 'prefix 图标垂直内边距' },
+    'spacing-input-prefix-icon-marginx': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: 'prefix 图标水平边距', usage: 'prefix 图标水平内边距' },
+    'spacing-input-clearbtn-withsuffix-marginleft': { value: 'calc(-1 * var(--cd-spacing-base-tight))', category: 'spacing', label: '清空按钮左边距', usage: '清空按钮左侧内边距' },
+    'spacing-input-prepend-paddingy': { value: '0', category: 'spacing', label: '前置标签垂直内边距', usage: '前置标签垂直内边距' },
+    'spacing-input-prepend-paddingx': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '前置标签水平内边距', usage: '前置标签水平内边距' },
+    'spacing-input-group-withtoplabel-margintop': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '组合带标签上外边距', usage: '输入框组合带顶部标签时的上外边距' },
+    'spacing-input-group-withtoplabel-marginbottom': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '组合带标签下外边距', usage: '输入框组合带顶部标签时的下外边距' },
+    'font-input-prefix-suffix-fontweight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: 'prefix/suffix 字重', usage: 'prefix/suffix 文字字重' },
+    // —— textarea ——
+    'spacing-textarea-paddingy': { value: '5px', category: 'spacing', label: '多行文本垂直内边距', usage: '多行文本垂直内边距' },
+    'spacing-textarea-paddingx': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '多行文本水平内边距', usage: '多行文本水平内边距' },
+    'spacing-textarea-counter-paddingtop': { value: '3px', category: 'spacing', label: '字数统计上内边距', usage: '多行文本字数统计顶部内边距' },
+    'spacing-textarea-counter-paddingright': { value: '12px', category: 'spacing', label: '字数统计右内边距', usage: '多行文本字数统计右侧内边距' },
+    'spacing-textarea-counter-paddingbottom': { value: '5px', category: 'spacing', label: '字数统计下内边距', usage: '多行文本字数统计底部内边距' },
+    'spacing-textarea-counter-paddingleft': { value: '12px', category: 'spacing', label: '字数统计左内边距', usage: '多行文本字数统计左侧内边距' },
+    'width-textarea-border': { value: 'var(--cd-border-thickness)', category: 'width', label: '多行文本描边宽度', usage: '多行文本描边宽度' },
+    'height-textarea-counter': { value: '24px', category: 'height', label: '字数统计最小高度', usage: '多行文本字数统计最小高度' },
+    'color-textarea-border-default': { value: 'transparent', category: 'color', label: '多行文本描边色', usage: '多行文本描边颜色' },
+    'color-textarea-border-hover': { value: 'var(--cd-color-textarea-border-default)', category: 'color', label: '多行文本描边色', usage: '多行文本描边颜色 - 悬浮' },
+    'color-textarea-icon-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '多行文本图标色', usage: '多行文本 clear 图标颜色' },
+    'color-textarea-icon-hover': { value: 'var(--cd-color-primary-hover)', category: 'color', label: '多行文本图标色', usage: '多行文本 clear 图标颜色 - 悬浮' },
+    'width-textarea-icon': { value: 'calc(var(--cd-width-icon-medium) + var(--cd-spacing-tight))', category: 'width', label: 'clear 图标最小宽度', usage: 'clear 图标最小宽度' },
+    'height-textarea-default': { value: '32px', category: 'height', label: 'clear 图标高度', usage: '多行文本 clear 图标的高度' },
+    'spacing-textarea-withshowclear-paddingright': { value: '36px', category: 'spacing', label: 'showClear 右内边距', usage: '多行文本设置 showClear 后的右内边距' },
+    'spacing-textarea-icon-right': { value: 'var(--cd-spacing-extra-tight)', category: 'spacing', label: 'clear 图标右边距', usage: '多行文本 clear 图标的右边距' },
+    // —— animation：过渡（bg/border/text × duration/function/delay，对齐 Semi animation.scss）——
+    // 默认无动画（duration/delay=0ms），主题或 DSM 可单独开启过渡。
+    'transition-duration-input-bg': { value: 'var(--cd-motion-duration-none)', category: 'animation', label: '输入框背景过渡时长', usage: '输入框-背景色-动画持续时间' },
+    'transition-function-input-bg': { value: 'var(--cd-motion-ease-in)', category: 'animation', label: '输入框背景过渡曲线', usage: '输入框-背景色-过渡曲线' },
+    'transition-delay-input-bg': { value: 'var(--cd-motion-delay-none)', category: 'animation', label: '输入框背景过渡延迟', usage: '输入框-背景色-延迟时间' },
+    'transition-duration-input-border': { value: 'var(--cd-motion-duration-none)', category: 'animation', label: '输入框边框过渡时长', usage: '输入框-边框-动画持续时间' },
+    'transition-function-input-border': { value: 'var(--cd-motion-ease-in)', category: 'animation', label: '输入框边框过渡曲线', usage: '输入框-边框-过渡曲线' },
+    'transition-delay-input-border': { value: 'var(--cd-motion-delay-none)', category: 'animation', label: '输入框边框过渡延迟', usage: '输入框-边框-延迟时间' },
+    'transition-duration-input-text': { value: 'var(--cd-motion-duration-none)', category: 'animation', label: '输入框文字过渡时长', usage: '输入框-文字或图标-动画持续时间' },
+    'transition-function-input-text': { value: 'var(--cd-motion-ease-in)', category: 'animation', label: '输入框文字过渡曲线', usage: '输入框-文字或图标-过渡曲线' },
+    'transition-delay-input-text': { value: 'var(--cd-motion-delay-none)', category: 'animation', label: '输入框文字过渡延迟', usage: '输入框-文字或图标-延迟时间' },
+    // —— other：按压放大（对齐 Semi transform token；归 other tab 对齐 Semi）——
+    'transform-scale-input': { value: 'var(--cd-motion-scale-none)', category: 'other', label: '输入框放大', usage: '输入框-变大' },
+    // 说明：Semi input 全部 token 一一镜像于此（variables.scss + animation.scss）。Semi 无组件级
+    //   中间层以外的「便利别名」，故本库亦不设 input-padding-x / input-border 等自造 token——
+    //   消费方（DatePicker/TreeSelect/TimePicker/Form 等）直接引用上面对齐 Semi 的组件级 token 或全局变量。
+    // InputNumber 步进器补充 token 见 components/input-number.ts（组件消费，Semi inputNumber）。
+    // InputGroup 严格对齐 Semi 后不设 inputgroup-* 中间层：分隔线直引
+    //   --cd-color-input-group-border-default / --cd-width-input-group-pseudo-border（Semi 同名），
+    //   首尾圆角直引 --cd-radius-input-wrapper，标签间距用 --cd-spacing-base-tight。
 };
 //# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,sBAAsB,EAAE,kCAAkC;IAC1D,oBAAoB,EAAE,gCAAgC;IACtD,oBAAoB,EAAE,gCAAgC;IACtD,iBAAiB,EAAE,8BAA8B;IACjD,8DAA8D;IAC9D,cAAc,EAAE,aAAa,EAAE,gCAAgC;IAC/D,cAAc,EAAE,+BAA+B,EAAE,oCAAoC;IACrF,gBAAgB,EAAE,wBAAwB,EAAE,yBAAyB;IACrE,gBAAgB,EAAE,wBAAwB,EAAE,cAAc;IAC1D,kBAAkB,EAAE,wBAAwB;IAC5C,yBAAyB,EAAE,wBAAwB;IACnD,qBAAqB,EAAE,8BAA8B,EAAE,uCAAuC;IAC9F,sBAAsB,EAAE,yBAAyB;IACjD,oBAAoB,EAAE,wBAAwB;IAC9C,iBAAiB,EAAE,6BAA6B;IAChD,oEAAoE;IACpE,yBAAyB,EAAE,MAAM,EAAE,gCAAgC;IACnE,sBAAsB,EAAE,sBAAsB,EAAE,yBAAyB;IACzE,4BAA4B,EAAE,wBAAwB,EAAE,uBAAuB;IAC/E,6BAA6B,EAAE,wBAAwB,EAAE,wBAAwB;IACjF,+BAA+B,EAAE,wBAAwB,EAAE,4CAA4C;IACvG,yBAAyB,EAAE,wBAAwB,EAAE,2BAA2B;IAChF,kCAAkC,EAAE,wBAAwB,EAAE,4BAA4B;IAC1F,0BAA0B,EAAE,wBAAwB,EAAE,6BAA6B;IACnF,0BAA0B,EAAE,+BAA+B,EAAE,0BAA0B;CAC/E,CAAC"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gBAAgB;IAChB,oCAAoC,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IACzH,gCAAgC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IAChI,kCAAkC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IAClI,8BAA8B,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IAC9H,kCAAkC,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IACvH,+BAA+B,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IAC/H,mCAAmC,EAAE,EAAE,KAAK,EAAE,yCAAyC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IACpJ,8BAA8B,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IAC9H,kCAAkC,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE;IACxI,0BAA0B,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE;IAC9I,oCAAoC,EAAE,EAAE,KAAK,EAAE,wCAAwC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAEtJ,cAAc;IACd,+BAA+B,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACjJ,mCAAmC,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrJ,6BAA6B,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC7I,iCAAiC,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACjJ,6BAA6B,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/I,iCAAiC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrI,8BAA8B,EAAE,EAAE,KAAK,EAAE,qCAAqC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/I,kCAAkC,EAAE,EAAE,KAAK,EAAE,qCAAqC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAEnJ,gBAAgB;IAChB,gCAAgC,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACnJ,oCAAoC,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACvJ,8BAA8B,EAAE,EAAE,KAAK,EAAE,qCAAqC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/I,kCAAkC,EAAE,EAAE,KAAK,EAAE,qCAAqC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACnJ,8BAA8B,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACjJ,kCAAkC,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACvI,+BAA+B,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACjJ,mCAAmC,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAErJ,iBAAiB;IACjB,qCAAqC,EAAE,EAAE,KAAK,EAAE,iCAAiC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;IAC7I,iCAAiC,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;IACvI,mCAAmC,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;IAEzI,oCAAoC;IACpC,sCAAsC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;IAClI,iCAAiC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACxI,0BAA0B,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;IAClH,wBAAwB,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE;IAC5H,yBAAyB,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE;IAE9H,sCAAsC;IACtC,kCAAkC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE;IACzI,yCAAyC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChJ,kCAAkC,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;IACnI,gDAAgD,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE;IACvJ,8CAA8C,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAErJ,eAAe;IACf,oBAAoB,EAAE,EAAE,KAAK,EAAE,4CAA4C,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC5I,oBAAoB,EAAE,EAAE,KAAK,EAAE,4CAA4C,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC5I,sBAAsB,EAAE,EAAE,KAAK,EAAE,8CAA8C,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE;IACjJ,4BAA4B,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE;IACrI,4BAA4B,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE;IACrI,8BAA8B,EAAE,EAAE,KAAK,EAAE,kCAAkC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAE1I,mBAAmB;IACnB,kBAAkB,EAAE,EAAE,KAAK,EAAE,iEAAiE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACzJ,sCAAsC,EAAE,EAAE,KAAK,EAAE,6DAA6D,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC/K,uCAAuC,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE;IAE3I,4CAA4C;IAC5C,0BAA0B,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACzG,4BAA4B,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE;IAE1G,qBAAqB;IACrB,2BAA2B,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACrI,4BAA4B,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACtI,iCAAiC,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE;IAC5I,4BAA4B,EAAE,EAAE,KAAK,EAAE,0CAA0C,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC1I,kCAAkC,EAAE,EAAE,KAAK,EAAE,0CAA0C,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE;IACtJ,0BAA0B,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE;IAC9G,gCAAgC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,4BAA4B,EAAE;IAE5H,yBAAyB;IACzB,sBAAsB,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;IACxH,+BAA+B,EAAE,EAAE,KAAK,EAAE,yCAAyC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE;IAChJ,2BAA2B,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACtI,4BAA4B,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACvI,qCAAqC,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,qBAAqB,EAAE;IACjK,mCAAmC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACzH,mCAAmC,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/I,8CAA8C,EAAE,EAAE,KAAK,EAAE,yCAAyC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;IAC/J,gCAAgC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC7G,gCAAgC,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IACxI,4CAA4C,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACrJ,+CAA+C,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACxJ,qCAAqC,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAExJ,iBAAiB;IACjB,2BAA2B,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC1G,2BAA2B,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IACnI,qCAAqC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE;IACvH,uCAAuC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE;IAC1H,wCAAwC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE;IAC1H,sCAAsC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE;IACzH,uBAAuB,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACzH,yBAAyB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE;IAC1G,+BAA+B,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;IACjH,6BAA6B,EAAE,EAAE,KAAK,EAAE,yCAAyC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE;IAChJ,6BAA6B,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACjI,2BAA2B,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAC3I,qBAAqB,EAAE,EAAE,KAAK,EAAE,6DAA6D,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IAChK,yBAAyB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAChH,6CAA6C,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,yBAAyB,EAAE;IAChJ,6BAA6B,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAEhJ,qFAAqF;IACrF,6CAA6C;IAC7C,8BAA8B,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/I,8BAA8B,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE;IACvI,2BAA2B,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE;IACvI,kCAAkC,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE;IAClJ,kCAAkC,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE;IAC1I,+BAA+B,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE;IAC1I,gCAAgC,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACnJ,gCAAgC,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC3I,6BAA6B,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAE3I,+DAA+D;IAC/D,uBAAuB,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;IAErH,2EAA2E;IAC3E,mEAAmE;IACnE,gFAAgF;IAChF,+EAA+E;IAC/E,kDAAkD;IAClD,2FAA2F;IAC3F,oEAAoE;CAChD,CAAC"}

package/dist/components/json-viewer.d.ts

@@ -0,0 +1,183 @@
+export declare const jsonViewerTokens: {
+    'color-json-viewer-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'radius-json-viewer': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'font-json-viewer-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-json-viewer-fontfamily': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'spacing-json-viewer-paddingY': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-key': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-string': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-number': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-keyword': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-punctuation': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-comment': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-bracket-0': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-bracket-1': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-bracket-2': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-line-number': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-line-number-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-search-highlight': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-search-current': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-folding-icon': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-error': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-toolbar-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-toolbar-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-toolbar-shadow': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'radius-json-viewer-toolbar': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'spacing-json-viewer-toolbar-gap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-json-viewer-toolbar-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-toolbar-btn-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-json-viewer-toolbar-btn-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+};
+//# sourceMappingURL=json-viewer.d.ts.map

package/dist/components/json-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.d.ts","sourceRoot":"","sources":["../../src/components/json-viewer.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CP,CAAC"}

package/dist/components/json-viewer.js

@@ -0,0 +1,41 @@
+export const jsonViewerTokens = {
+    // —— 容器（对齐 Semi variables.scss：background=color-default=grey-0，padding 12px/0） ——
+    'color-json-viewer-bg': { value: 'var(--cd-color-grey-0)', category: 'color', label: '背景', usage: '编辑器容器背景（对齐 Semi color-default=grey-0）' },
+    'color-json-viewer-text': { value: 'var(--cd-color-text-0)', category: 'color', label: '默认文字', usage: '编辑器默认文字色（标点等未着色内容）' },
+    'radius-json-viewer': { value: 'var(--cd-border-radius-medium)', category: 'radius', label: '圆角', usage: '编辑器容器圆角' },
+    'color-json-viewer-border': { value: 'var(--cd-color-border)', category: 'color', label: '边框', usage: '编辑器容器边框色' },
+    'font-json-viewer-fontsize': { value: 'var(--cd-font-size-regular)', category: 'font', label: '字号', usage: '编辑器文本字号' },
+    'font-json-viewer-fontfamily': { value: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace", category: 'font', label: '字体', usage: '编辑器等宽字体' },
+    'spacing-json-viewer-paddingY': { value: '12px', category: 'spacing', label: '纵向内边距', usage: '编辑器容器纵向内边距（对齐 Semi 12px）' },
+    // —— JSON 语法着色（严格对齐 Semi variables.scss 色板阶梯值，rgba(--semi-X-N,1)→var(--cd-color-X-N)） ——
+    'color-json-viewer-key': { value: 'var(--cd-color-red-5)', category: 'color', label: '键名', usage: 'string-key：对象键名（对齐 Semi red-5）' },
+    'color-json-viewer-string': { value: 'var(--cd-color-blue-5)', category: 'color', label: '字符串', usage: 'string-value：字符串值（对齐 Semi value=blue-5）' },
+    'color-json-viewer-number': { value: 'var(--cd-color-green-5)', category: 'color', label: '数字', usage: 'number：数字值（对齐 Semi green-5）' },
+    'color-json-viewer-keyword': { value: 'var(--cd-color-blue-5)', category: 'color', label: '布尔/null', usage: 'keyword：布尔与 null（对齐 Semi blue-5）' },
+    'color-json-viewer-punctuation': { value: 'var(--cd-color-blue-6)', category: 'color', label: '标点', usage: 'delimiter-comma 等标点（对齐 Semi delimiter-comma=blue-6）' },
+    'color-json-viewer-comment': { value: 'var(--cd-color-text-3)', category: 'color', label: '注释', usage: 'comment-*：JSONC 注释（Semi 无此 token，取中性灰）' },
+    // 彩虹括号（对齐 Semi jsonViewer.scss delimiter-bracket/array 0/1/2 硬编码 blue-7/green-7/orange-7）。
+    'color-json-viewer-bracket-0': { value: 'var(--cd-color-blue-7)', category: 'color', label: '括号层级 0', usage: 'delimiter-bracket-0/array-0（对齐 Semi blue-7）' },
+    'color-json-viewer-bracket-1': { value: 'var(--cd-color-green-7)', category: 'color', label: '括号层级 1', usage: 'delimiter-bracket-1/array-1（对齐 Semi green-7）' },
+    'color-json-viewer-bracket-2': { value: 'var(--cd-color-orange-7)', category: 'color', label: '括号层级 2', usage: 'delimiter-bracket-2/array-2（对齐 Semi orange-7）' },
+    // —— 行号列（对齐 Semi line-number=grey-5） ——
+    'color-json-viewer-line-number': { value: 'var(--cd-color-grey-5)', category: 'color', label: '行号', usage: 'line-number：行号文字色（对齐 Semi grey-5）' },
+    'color-json-viewer-line-number-bg': { value: 'var(--cd-color-grey-0)', category: 'color', label: '行号列背景', usage: 'line-number-container：行号列背景' },
+    // —— 搜索命中（对齐 Semi search-result=green-2、current=yellow-4） ——
+    'color-json-viewer-search-highlight': { value: 'var(--cd-color-green-2)', category: 'color', label: '搜索命中背景', usage: 'search-result：搜索命中底色（对齐 Semi green-2）' },
+    'color-json-viewer-search-current': { value: 'var(--cd-color-yellow-4)', category: 'color', label: '当前命中背景', usage: 'current-search-result：当前命中底色（对齐 Semi yellow-4）' },
+    // —— 折叠图标（对齐 Semi folding-icon=blue-7） ——
+    'color-json-viewer-folding-icon': { value: 'var(--cd-color-blue-7)', category: 'color', label: '折叠图标', usage: 'folding-icon：折叠图标色（对齐 Semi blue-7）' },
+    // —— 错误行（对齐 Semi error 波浪线 danger） ——
+    'color-json-viewer-error': { value: 'var(--cd-color-danger)', category: 'color', label: '错误提示', usage: 'error：语法错误波浪线色' },
+    // —— 自研搜索/替换工具条（Svelte 壳自渲染，内核仅提供 API；对齐 Semi 交互） ——
+    'color-json-viewer-toolbar-bg': { value: 'var(--cd-color-bg-0)', category: 'color', label: '工具条背景', usage: '搜索/替换工具条背景' },
+    'color-json-viewer-toolbar-border': { value: 'var(--cd-color-border)', category: 'color', label: '工具条边框', usage: '搜索/替换工具条边框' },
+    'color-json-viewer-toolbar-shadow': { value: 'var(--cd-shadow-elevated)', category: 'other', label: '工具条阴影', usage: '搜索/替换工具条浮层阴影' },
+    'radius-json-viewer-toolbar': { value: 'var(--cd-border-radius-small)', category: 'radius', label: '工具条圆角', usage: '搜索/替换工具条圆角' },
+    'spacing-json-viewer-toolbar-gap': { value: 'var(--cd-spacing-extra-tight)', category: 'spacing', label: '工具条间距', usage: '工具条控件间距' },
+    'spacing-json-viewer-toolbar-padding': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '工具条内边距', usage: '工具条内边距' },
+    'color-json-viewer-toolbar-btn-hover': { value: 'var(--cd-color-fill-1)', category: 'color', label: '工具按钮悬浮', usage: '工具条按钮悬浮背景' },
+    'color-json-viewer-toolbar-btn-active': { value: 'var(--cd-color-primary-light-default)', category: 'color', label: '工具按钮激活', usage: '搜索选项激活态背景' },
+};
+//# sourceMappingURL=json-viewer.js.map

package/dist/components/json-viewer.js.map

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

package/dist/components/list.d.ts

@@ -1,22 +1,147 @@
-/** Component tokens for List / Image / Highlight (M4 Show). */
 export declare const listTokens: {
-    readonly 'list-bg': "var(--cd-color-bg-0)";
-    readonly 'list-border': "var(--cd-color-border)";
-    readonly 'list-radius': "var(--cd-border-radius-medium)";
-    readonly 'list-item-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
-    readonly 'list-item-padding-small': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
-    readonly 'list-split-color': "var(--cd-color-border)";
-    readonly 'list-header-color': "var(--cd-color-text-0)";
-    readonly 'list-item-color': "var(--cd-color-text-1)";
-    readonly 'image-bg': "var(--cd-color-fill-0)";
-    readonly 'image-radius': "var(--cd-border-radius-small)";
-    readonly 'image-placeholder-color': "var(--cd-color-text-3)";
-    readonly 'image-mask-bg': "rgba(0, 0, 0, 0.5)";
-    readonly 'image-mask-color': "var(--cd-color-text-inverse)";
-    readonly 'image-preview-overlay': "rgba(0, 0, 0, 0.7)";
-    readonly 'image-preview-z': "var(--cd-z-modal)";
-    readonly 'highlight-bg': "var(--cd-color-highlight-bg)";
-    readonly 'highlight-color': "var(--cd-color-highlight)";
-    readonly 'highlight-weight': "var(--cd-font-weight-bold)";
+    'color-list-default-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-list-empty-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-empty-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-empty-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-footer-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-footer-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-item-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-item-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-small-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-small-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-large-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-large-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-header-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-header-marginleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-extra-marginleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-list-extra-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'image-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'image-radius': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'image-placeholder-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'image-mask-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'image-mask-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'image-mask-hover-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'image-preview-overlay': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'image-preview-z': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAsBb,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BD,CAAC"}