@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.21

package/lib/theme/obTokenMeta.js

@@ -0,0 +1,943 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.obTokenMeta = exports.default = void 0;
+/**
+ * CSS Variables Metadata
+ * CSS 变量元数据定义，用于文档展示
+ */
+
+/**
+ * CSS 变量元数据
+ */
+const obTokenMeta = exports.obTokenMeta = [
+// ==================== 基础颜色 Token ====================
+// 中性色 Neutral
+{
+  name: 'white',
+  desc: '白色',
+  descEn: 'White',
+  category: 'color',
+  token: 'white'
+}, {
+  name: 'black',
+  desc: '黑色',
+  descEn: 'Black',
+  category: 'color',
+  token: 'black'
+}, {
+  name: 'gray-1',
+  desc: '页面底色',
+  descEn: 'Page background',
+  category: 'color',
+  token: 'gray1'
+}, {
+  name: 'gray-2',
+  desc: '侧边导航底色、悬停态、禁用态',
+  descEn: 'Side nav bg, hover, disabled',
+  category: 'color',
+  token: 'gray2'
+}, {
+  name: 'gray-3',
+  desc: '子表格悬停态',
+  descEn: 'Sub-table hover',
+  category: 'color',
+  token: 'gray3'
+}, {
+  name: 'gray-4',
+  desc: '二级边框色、分割线、卡片边框',
+  descEn: 'Secondary border, divider, card border',
+  category: 'color',
+  token: 'gray4'
+}, {
+  name: 'gray-5',
+  desc: '一级边框色',
+  descEn: 'Primary border',
+  category: 'color',
+  token: 'gray5'
+}, {
+  name: 'gray-6',
+  desc: '四级文本：输入框暗文、禁用文本',
+  descEn: 'Placeholder, disabled text',
+  category: 'color',
+  token: 'gray6'
+}, {
+  name: 'gray-7',
+  desc: '三级文本：表单提示信息',
+  descEn: 'Form hint text',
+  category: 'color',
+  token: 'gray7'
+}, {
+  name: 'gray-8',
+  desc: '二级文本：表头文字',
+  descEn: 'Table header',
+  category: 'color',
+  token: 'gray8'
+}, {
+  name: 'gray-9',
+  desc: '导航默认态文字色',
+  descEn: 'Nav default text',
+  category: 'color',
+  token: 'gray9'
+}, {
+  name: 'gray-10',
+  desc: '一级文本',
+  descEn: 'Primary text',
+  category: 'color',
+  token: 'colorText'
+},
+// 蓝色 Blue
+{
+  name: 'blue-1',
+  desc: '蓝色-填充',
+  descEn: 'Blue-fill',
+  category: 'color',
+  token: 'blue1'
+}, {
+  name: 'blue-2',
+  desc: '蓝色-备用色',
+  descEn: 'Blue-secondary',
+  category: 'color',
+  token: 'blue2'
+}, {
+  name: 'blue-3',
+  desc: '蓝色-描边',
+  descEn: 'Blue-border',
+  category: 'color',
+  token: 'blue3'
+}, {
+  name: 'blue-4',
+  desc: '蓝色-默认',
+  descEn: 'Blue-default',
+  category: 'color',
+  token: 'blue4'
+}, {
+  name: 'blue-5',
+  desc: '蓝色-悬停、激活',
+  descEn: 'Blue-hover, active',
+  category: 'color',
+  token: 'blue5'
+}, {
+  name: 'blue-6',
+  desc: '蓝色-文字',
+  descEn: 'Blue-text',
+  category: 'color',
+  token: 'blue6'
+},
+// 绿色 Green
+{
+  name: 'green-1',
+  desc: '绿色-填充',
+  descEn: 'Green-fill',
+  category: 'color',
+  token: 'green1'
+}, {
+  name: 'green-2',
+  desc: '绿色-备用色',
+  descEn: 'Green-secondary',
+  category: 'color',
+  token: 'green2'
+}, {
+  name: 'green-3',
+  desc: '绿色-描边',
+  descEn: 'Green-border',
+  category: 'color',
+  token: 'green3'
+}, {
+  name: 'green-4',
+  desc: '绿色-默认',
+  descEn: 'Green-default',
+  category: 'color',
+  token: 'green4'
+}, {
+  name: 'green-5',
+  desc: '绿色-备用色',
+  descEn: 'Green-secondary',
+  category: 'color',
+  token: 'green5'
+}, {
+  name: 'green-6',
+  desc: '绿色-文字',
+  descEn: 'Green-text',
+  category: 'color',
+  token: 'green6'
+},
+// 橙色 Orange
+{
+  name: 'orange-1',
+  desc: '橙色-填充',
+  descEn: 'Orange-fill',
+  category: 'color',
+  token: 'orange1'
+}, {
+  name: 'orange-2',
+  desc: '橙色-备用色',
+  descEn: 'Orange-secondary',
+  category: 'color',
+  token: 'orange2'
+}, {
+  name: 'orange-3',
+  desc: '橙色-描边',
+  descEn: 'Orange-border',
+  category: 'color',
+  token: 'orange3'
+}, {
+  name: 'orange-4',
+  desc: '橙色-默认',
+  descEn: 'Orange-default',
+  category: 'color',
+  token: 'orange4'
+}, {
+  name: 'orange-5',
+  desc: '橙色-备用色',
+  descEn: 'Orange-secondary',
+  category: 'color',
+  token: 'orange5'
+}, {
+  name: 'orange-6',
+  desc: '橙色-文字',
+  descEn: 'Orange-text',
+  category: 'color',
+  token: 'orange6'
+},
+// 红色 Red
+{
+  name: 'red-1',
+  desc: '红色-填充',
+  descEn: 'Red-fill',
+  category: 'color',
+  token: 'red1'
+}, {
+  name: 'red-2',
+  desc: '红色-备用色',
+  descEn: 'Red-secondary',
+  category: 'color',
+  token: 'red2'
+}, {
+  name: 'red-3',
+  desc: '红色-描边',
+  descEn: 'Red-border',
+  category: 'color',
+  token: 'red3'
+}, {
+  name: 'red-4',
+  desc: '红色-默认',
+  descEn: 'Red-default',
+  category: 'color',
+  token: 'red4'
+}, {
+  name: 'red-5',
+  desc: '红色-备用色',
+  descEn: 'Red-secondary',
+  category: 'color',
+  token: 'red5'
+}, {
+  name: 'red-6',
+  desc: '红色-文字',
+  descEn: 'Red-text',
+  category: 'color',
+  token: 'red6'
+},
+// 紫色 Fuchsia
+{
+  name: 'fuchsia-1',
+  desc: '紫红色-填充',
+  descEn: 'Fuchsia-fill',
+  category: 'color',
+  token: 'fuchsia1'
+}, {
+  name: 'fuchsia-2',
+  desc: '紫红色-备用色',
+  descEn: 'Fuchsia-secondary',
+  category: 'color',
+  token: 'fuchsia2'
+}, {
+  name: 'fuchsia-3',
+  desc: '紫红色-描边',
+  descEn: 'Fuchsia-border',
+  category: 'color',
+  token: 'fuchsia3'
+}, {
+  name: 'fuchsia-4',
+  desc: '紫红色-默认',
+  descEn: 'Fuchsia-default',
+  category: 'color',
+  token: 'fuchsia4'
+}, {
+  name: 'fuchsia-5',
+  desc: '紫红色-备用色',
+  descEn: 'Fuchsia-secondary',
+  category: 'color',
+  token: 'fuchsia5'
+}, {
+  name: 'fuchsia-6',
+  desc: '紫红色-文字',
+  descEn: 'Fuchsia-text',
+  category: 'color',
+  token: 'fuchsia6'
+},
+// ==================== 语义颜色 Token ====================
+// 填充色 Background
+{
+  name: 'color-bg-default',
+  desc: '默认背景色',
+  descEn: 'Default background',
+  category: 'color-bg',
+  token: 'white'
+}, {
+  name: 'color-bg-primary',
+  desc: '一级背景色',
+  descEn: 'Primary background',
+  category: 'color-bg',
+  token: 'gray1'
+}, {
+  name: 'color-bg-secondary',
+  desc: '二级背景色',
+  descEn: 'Secondary background',
+  category: 'color-bg',
+  token: 'gray2'
+}, {
+  name: 'color-bg-hover',
+  desc: '悬停背景色',
+  descEn: 'Hover background',
+  category: 'color-bg',
+  token: 'gray2'
+}, {
+  name: 'color-bg-hover-secondary',
+  desc: '二级悬停背景色',
+  descEn: 'Secondary hover bg',
+  category: 'color-bg',
+  token: 'gray3'
+}, {
+  name: 'color-bg-focus',
+  desc: '聚焦背景色',
+  descEn: 'Focus background',
+  category: 'color-bg',
+  token: 'gray3'
+}, {
+  name: 'color-bg-selected',
+  desc: '选中背景色',
+  descEn: 'Selected background',
+  category: 'color-bg',
+  token: 'blue4'
+}, {
+  name: 'color-bg-disabled',
+  desc: '禁用背景色',
+  descEn: 'Disabled background',
+  category: 'color-bg',
+  token: 'gray2'
+}, {
+  name: 'color-bg-info',
+  desc: '信息背景色',
+  descEn: 'Info background',
+  category: 'color-bg',
+  token: 'blue1'
+}, {
+  name: 'color-bg-success',
+  desc: '成功背景色',
+  descEn: 'Success background',
+  category: 'color-bg',
+  token: 'green1'
+}, {
+  name: 'color-bg-warning',
+  desc: '警告背景色',
+  descEn: 'Warning background',
+  category: 'color-bg',
+  token: 'orange1'
+}, {
+  name: 'color-bg-error',
+  desc: '错误背景色',
+  descEn: 'Error background',
+  category: 'color-bg',
+  token: 'red1'
+},
+// 边框色 Border
+{
+  name: 'color-divider',
+  desc: '分割线颜色',
+  descEn: 'Divider color',
+  category: 'color-border',
+  token: 'gray4'
+}, {
+  name: 'color-border-default',
+  desc: '默认边框色',
+  descEn: 'Default border',
+  category: 'color-border',
+  token: 'gray5'
+}, {
+  name: 'color-border-container',
+  desc: '容器边框色',
+  descEn: 'Container border',
+  category: 'color-border',
+  token: 'gray4'
+}, {
+  name: 'color-border-inverse',
+  desc: '反色边框',
+  descEn: 'Inverse border',
+  category: 'color-border',
+  token: 'white'
+}, {
+  name: 'color-border-hover',
+  desc: '悬停边框色',
+  descEn: 'Hover border',
+  category: 'color-border',
+  token: 'gray7'
+}, {
+  name: 'color-border-selected',
+  desc: '选中边框色',
+  descEn: 'Selected border',
+  category: 'color-border',
+  token: 'blue4'
+}, {
+  name: 'color-border-focus',
+  desc: '聚焦边框色',
+  descEn: 'Focus border',
+  category: 'color-border',
+  token: 'blue4'
+}, {
+  name: 'color-border-success',
+  desc: '成功边框色',
+  descEn: 'Success border',
+  category: 'color-border',
+  token: 'green4'
+}, {
+  name: 'color-border-error',
+  desc: '错误边框色',
+  descEn: 'Error border',
+  category: 'color-border',
+  token: 'red4'
+}, {
+  name: 'color-border-warning',
+  desc: '警告边框色',
+  descEn: 'Warning border',
+  category: 'color-border',
+  token: 'orange4'
+},
+// 文本色 Text
+{
+  name: 'color-text-default',
+  desc: '默认文本色',
+  descEn: 'Default text',
+  category: 'color-text',
+  token: 'colorText'
+}, {
+  name: 'color-text-navigation',
+  desc: '导航文本色',
+  descEn: 'Navigation text',
+  category: 'color-text',
+  token: 'gray9'
+}, {
+  name: 'color-text-label',
+  desc: '标签文本色',
+  descEn: 'Label text',
+  category: 'color-text',
+  token: 'gray8'
+}, {
+  name: 'color-text-description',
+  desc: '描述文本色',
+  descEn: 'Description text',
+  category: 'color-text',
+  token: 'gray7'
+}, {
+  name: 'color-text-disabled',
+  desc: '禁用文本色',
+  descEn: 'Disabled text',
+  category: 'color-text',
+  token: 'gray6'
+}, {
+  name: 'color-text-focus',
+  desc: '聚焦文本色',
+  descEn: 'Focus text',
+  category: 'color-text',
+  token: 'colorText'
+}, {
+  name: 'color-text-selected',
+  desc: '选中文本色',
+  descEn: 'Selected text',
+  category: 'color-text',
+  token: 'blue4'
+}, {
+  name: 'color-text-link',
+  desc: '链接文本色',
+  descEn: 'Link text',
+  category: 'color-text',
+  token: 'blue4'
+}, {
+  name: 'color-text-inverse',
+  desc: '反色文本',
+  descEn: 'Inverse text',
+  category: 'color-text',
+  token: 'white'
+}, {
+  name: 'color-text-disabled-selected',
+  desc: '禁用且选中时的文本色',
+  descEn: 'Disabled selected text',
+  category: 'color-text',
+  token: 'gray7'
+}, {
+  name: 'color-text-success',
+  desc: '成功文本色',
+  descEn: 'Success text',
+  category: 'color-text',
+  token: 'green4'
+}, {
+  name: 'color-text-error',
+  desc: '错误文本色',
+  descEn: 'Error text',
+  category: 'color-text',
+  token: 'red4'
+}, {
+  name: 'color-text-warning',
+  desc: '警告文本色',
+  descEn: 'Warning text',
+  category: 'color-text',
+  token: 'orange4'
+},
+// 图标色 Icon
+{
+  name: 'color-icon-default',
+  desc: '默认图标色',
+  descEn: 'Default icon',
+  category: 'color-icon',
+  token: 'gray8'
+}, {
+  name: 'color-icon-hover',
+  desc: '悬停图标色',
+  descEn: 'Hover icon',
+  category: 'color-icon',
+  token: 'blue4'
+}, {
+  name: 'color-icon-disabled',
+  desc: '禁用图标色',
+  descEn: 'Disabled icon',
+  category: 'color-icon',
+  token: 'gray6'
+}, {
+  name: 'color-icon-focus',
+  desc: '聚焦图标色',
+  descEn: 'Focus icon',
+  category: 'color-icon',
+  token: 'blue4'
+}, {
+  name: 'color-icon-inverse',
+  desc: '反色图标',
+  descEn: 'Inverse icon',
+  category: 'color-icon',
+  token: 'white'
+}, {
+  name: 'color-icon-info',
+  desc: '信息图标色',
+  descEn: 'Info icon',
+  category: 'color-icon',
+  token: 'blue4'
+}, {
+  name: 'color-icon-warning',
+  desc: '警告图标色',
+  descEn: 'Warning icon',
+  category: 'color-icon',
+  token: 'orange4'
+}, {
+  name: 'color-icon-success',
+  desc: '成功图标色',
+  descEn: 'Success icon',
+  category: 'color-icon',
+  token: 'green4'
+}, {
+  name: 'color-icon-error',
+  desc: '错误图标色',
+  descEn: 'Error icon',
+  category: 'color-icon',
+  token: 'red4'
+}, {
+  name: 'color-icon-critical',
+  desc: '严重/警示图标色',
+  descEn: 'Critical icon',
+  category: 'color-icon',
+  token: 'fuchsia4'
+},
+// ==================== 字体 Token ====================
+{
+  name: 'font-family-default',
+  desc: '默认字体',
+  descEn: 'Default font family',
+  category: 'font',
+  token: 'fontFamily'
+}, {
+  name: 'font-family-code',
+  desc: '代码字体',
+  descEn: 'Code font family',
+  category: 'font',
+  token: 'fontFamilyCode'
+}, {
+  name: 'font-weight-sm',
+  desc: '弱字重',
+  descEn: 'Light font weight',
+  category: 'font',
+  token: 'fontWeightWeak'
+}, {
+  name: 'font-weight-md',
+  desc: '默认字重',
+  descEn: 'Default font weight',
+  category: 'font',
+  token: 'fontWeight'
+}, {
+  name: 'font-weight-lg',
+  desc: '强字重',
+  descEn: 'Bold font weight',
+  category: 'font',
+  token: 'fontWeightStrong'
+}, {
+  name: 'font-size-300',
+  desc: '小号字体',
+  descEn: 'Small font size',
+  category: 'font',
+  token: 'fontSizeSM'
+}, {
+  name: 'font-size-325',
+  desc: '默认字体',
+  descEn: 'Default font size',
+  category: 'font',
+  token: 'fontSize'
+}, {
+  name: 'font-size-400',
+  desc: '大号字体',
+  descEn: 'Large font size',
+  category: 'font',
+  token: 'fontSizeLG'
+}, {
+  name: 'font-size-450',
+  desc: '标题3字体',
+  descEn: 'Heading 3 font size',
+  category: 'font',
+  token: 'fontSizeHeading3'
+}, {
+  name: 'font-size-500',
+  desc: '标题2字体',
+  descEn: 'Heading 2 font size',
+  category: 'font',
+  token: 'fontSizeHeading2'
+}, {
+  name: 'font-line-height-500',
+  desc: '行高500',
+  descEn: 'Line height 500',
+  category: 'font',
+  value: '20px'
+}, {
+  name: 'font-line-height-600',
+  desc: '行高600',
+  descEn: 'Line height 600',
+  category: 'font',
+  value: '24px'
+}, {
+  name: 'font-line-height-650',
+  desc: '行高650',
+  descEn: 'Line height 650',
+  category: 'font',
+  value: '26px'
+}, {
+  name: 'font-line-height-700',
+  desc: '行高700',
+  descEn: 'Line height 700',
+  category: 'font',
+  value: '28px'
+}, {
+  name: 'font-h1',
+  desc: '页容器一级标题',
+  descEn: 'Page heading 1',
+  category: 'font',
+  value: '500 20px/28px fontFamily'
+}, {
+  name: 'font-h2',
+  desc: '页容器二级标题、抽屉弹窗标题',
+  descEn: 'Page heading 2, drawer title',
+  category: 'font',
+  value: '500 18px/26px fontFamily'
+}, {
+  name: 'font-h3',
+  desc: '卡片标题、表单一级分组标题',
+  descEn: 'Card title, form group 1',
+  category: 'font',
+  value: '500 16px/24px fontFamily'
+}, {
+  name: 'font-h4',
+  desc: '表单二级分组标题',
+  descEn: 'Form group 2',
+  category: 'font',
+  value: '500 13px/20px fontFamily'
+}, {
+  name: 'font-body1',
+  desc: '常规正文',
+  descEn: 'Body text',
+  category: 'font',
+  value: '400 13px/20px fontFamily'
+}, {
+  name: 'font-body2',
+  desc: '表格文本',
+  descEn: 'Table text',
+  category: 'font',
+  value: '400 12px/20px fontFamily'
+}, {
+  name: 'font-caption',
+  desc: '描述',
+  descEn: 'Caption',
+  category: 'font',
+  value: '400 12px/20px fontFamily'
+}, {
+  name: 'font-body-code',
+  desc: '代码样式',
+  descEn: 'Code typography',
+  category: 'font',
+  value: '400 13px/20px fontFamilyCode'
+},
+// ==================== 阴影 Token ====================
+{
+  name: 'shadow-1-top',
+  desc: '顶部阴影',
+  descEn: 'Top shadow',
+  category: 'shadow',
+  value: '0px -1px 2px 0px hsla(219, 50%, 15%, 0.1)'
+}, {
+  name: 'shadow-1-bottom',
+  desc: '底部阴影',
+  descEn: 'Bottom shadow',
+  category: 'shadow',
+  value: '0px 1px 2px 0px hsla(219, 50%, 15%, 0.1)'
+}, {
+  name: 'shadow-1-left',
+  desc: '左侧阴影',
+  descEn: 'Left shadow',
+  category: 'shadow',
+  value: '-1px 0px 2px 0px hsla(219, 50%, 15%, 0.1)'
+}, {
+  name: 'shadow-1-right',
+  desc: '右侧阴影',
+  descEn: 'Right shadow',
+  category: 'shadow',
+  value: '1px 0px 2px 0px hsla(219, 50%, 15%, 0.1)'
+}, {
+  name: 'shadow-2',
+  desc: '二级阴影',
+  descEn: 'Secondary shadow',
+  category: 'shadow',
+  token: 'boxShadowSecondary'
+},
+// ==================== 圆角 Token ====================
+{
+  name: 'radius-sm',
+  desc: '小圆角',
+  descEn: 'Small radius',
+  category: 'radius',
+  token: 'borderRadius'
+}, {
+  name: 'radius-md',
+  desc: '中圆角',
+  descEn: 'Medium radius',
+  category: 'radius',
+  token: 'borderRadiusMD'
+}, {
+  name: 'radius-lg',
+  desc: '大圆角',
+  descEn: 'Large radius',
+  category: 'radius',
+  token: 'borderRadiusLG'
+},
+// ==================== 间距 Token ====================
+{
+  name: 'space-0',
+  desc: '间距 0',
+  descEn: 'Space 0',
+  category: 'space',
+  value: '0px'
+}, {
+  name: 'space-50',
+  desc: '间距 50',
+  descEn: 'Space 50',
+  category: 'space',
+  value: '2px'
+}, {
+  name: 'space-100',
+  desc: '间距 100',
+  descEn: 'Space 100',
+  category: 'space',
+  token: 'paddingXXS'
+}, {
+  name: 'space-150',
+  desc: '间距 150',
+  descEn: 'Space 150',
+  category: 'space',
+  value: '6px'
+}, {
+  name: 'space-200',
+  desc: '间距 200',
+  descEn: 'Space 200',
+  category: 'space',
+  token: 'paddingXS'
+}, {
+  name: 'space-300',
+  desc: '间距 300',
+  descEn: 'Space 300',
+  category: 'space',
+  token: 'paddingSM'
+}, {
+  name: 'space-400',
+  desc: '间距400',
+  descEn: 'Space 400',
+  category: 'space',
+  token: 'padding'
+}, {
+  name: 'space-500',
+  desc: '间距 500',
+  descEn: 'Space 500',
+  category: 'space',
+  token: 'paddingMD'
+}, {
+  name: 'space-600',
+  desc: '间距 600',
+  descEn: 'Space 600',
+  category: 'space',
+  token: 'paddingLG'
+}, {
+  name: 'space-800',
+  desc: '间距 800',
+  descEn: 'Space 800',
+  category: 'space',
+  token: 'paddingXL'
+},
+// ==================== 组件 Token ====================
+// 导航 Navigation
+{
+  name: 'navi-color-bg',
+  desc: '导航背景色',
+  descEn: 'Navigation bg',
+  category: 'component',
+  token: 'colorNaviBg'
+}, {
+  name: 'navi-color-bg-hover',
+  desc: '导航悬停背景色',
+  descEn: 'Navigation hover bg',
+  category: 'component',
+  token: 'colorNaviBgHover'
+}, {
+  name: 'navi-color-bg-focus',
+  desc: '导航聚焦背景色',
+  descEn: 'Navigation focus bg',
+  category: 'component',
+  token: 'colorNaviBgHover'
+},
+// 按钮 Button
+{
+  name: 'btn-color-primary-bg',
+  desc: '主按钮背景色',
+  descEn: 'Primary button bg',
+  category: 'component',
+  token: 'blue4'
+}, {
+  name: 'btn-color-primary-bg-hover',
+  desc: '主按钮悬停背景色',
+  descEn: 'Primary button hover bg',
+  category: 'component',
+  token: 'blue5'
+}, {
+  name: 'btn-color-primary-bg-disabled',
+  desc: '主按钮禁用背景色',
+  descEn: 'Primary button disabled bg',
+  category: 'component',
+  token: 'blue3'
+}, {
+  name: 'btn-color-primary-text',
+  desc: '主按钮文本色',
+  descEn: 'Primary button text',
+  category: 'component',
+  token: 'white'
+}, {
+  name: 'btn-color-primary-icon',
+  desc: '主按钮图标色',
+  descEn: 'Primary button icon',
+  category: 'component',
+  token: 'white'
+}, {
+  name: 'btn-color-secondary-border',
+  desc: '次按钮边框色',
+  descEn: 'Secondary button border',
+  category: 'component',
+  token: 'blue4'
+}, {
+  name: 'btn-color-secondary-text',
+  desc: '次按钮文本色',
+  descEn: 'Secondary button text',
+  category: 'component',
+  token: 'blue4'
+}, {
+  name: 'btn-color-secondary-icon',
+  desc: '次按钮图标色',
+  descEn: 'Secondary button icon',
+  category: 'component',
+  token: 'blue4'
+}, {
+  name: 'btn-color-danger-border',
+  desc: '危险按钮边框色',
+  descEn: 'Danger button border',
+  category: 'component',
+  token: 'red4'
+}, {
+  name: 'btn-color-danger-text',
+  desc: '危险按钮文本色',
+  descEn: 'Danger button text',
+  category: 'component',
+  token: 'red4'
+},
+// 进度条 Progress
+{
+  name: 'progress-color-bg-default',
+  desc: '进度条默认背景色',
+  descEn: 'Progress default bg',
+  category: 'component',
+  token: 'gray4'
+}, {
+  name: 'progress-color-bg-loading',
+  desc: '进度条加载背景色',
+  descEn: 'Progress loading bg',
+  category: 'component',
+  token: 'blue4'
+}, {
+  name: 'progress-color-bg-success',
+  desc: '进度条成功背景色',
+  descEn: 'Progress success bg',
+  category: 'component',
+  token: 'green4'
+}, {
+  name: 'progress-color-bg-error',
+  desc: '进度条错误背景色',
+  descEn: 'Progress error bg',
+  category: 'component',
+  token: 'red4'
+},
+// 开关 Switch
+{
+  name: 'switch-color-bg-default',
+  desc: '开关默认背景色',
+  descEn: 'Switch default bg',
+  category: 'component',
+  token: 'gray7'
+}, {
+  name: 'switch-color-bg-disabled',
+  desc: '开关禁用背景色',
+  descEn: 'Switch disabled bg',
+  category: 'component',
+  token: 'gray4'
+}, {
+  name: 'switch-color-bg-active',
+  desc: '开关激活背景色',
+  descEn: 'Switch active bg',
+  category: 'component',
+  token: 'blue4'
+}, {
+  name: 'switch-color-bg-disabled-selected',
+  desc: '开关禁用选中背景色',
+  descEn: 'Switch disabled selected bg',
+  category: 'component',
+  token: 'gray5'
+}];
+var _default = exports.default = obTokenMeta;