docs: add theme documentations (#1754)

package.json

@@ -137,6 +137,7 @@
     "ts-node": "^10.9.1",
     "ts-toolbelt": "^9.6.0",
     "tslib": "^2.6.2",
+    "typedoc": "^0.25.4",
     "typescript": "^4.9.5",
     "unplugin-vue-components": "^0.22.12",
     "vite": "^4.4.9",

packages/components/alert/docs/Index.zh.md

@@ -3,7 +3,7 @@ category: components
 type: 反馈
 title: Alert
 subtitle: 警告提示
-theme: true
+ 
 ---
 
 告警提示，展现需要引起用户关注的信息。

packages/components/alert/docs/Theme.zh.md

@@ -1,17 +1,9 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@alert-height` | `var(--ix-height-md)` | - | - |
-| `@alert-border-radius` | `var(--ix-border-radius-md)` | `var(--ix-border-radius-sm)` | - |
-| `@alert-icon-color` | `var(--ix-text-color-secondary)` | - | - |
-| `@alert-icon-color-hover` | `var(--ix-color-primary)` | - | - |
-| `@alert-banner-border-color` | `var(--ix-border-color-secondary)` | - | - |
-| `@alert-success-color` | `var(--ix-color-turquoise)` | `var(--ix-color-turquoise-d10)` | - |
-| `@alert-info-color` | `var(--ix-color-primary)` | - | - |
-| `@alert-warning-color` | `var(--ix-color-brown)` | `#a35f40` | - |
-| `@alert-error-color` | `var(--ix-color-red)` | `var(--ix-color-red-d10)` | - |
-| `@alert-offline-color` | `var(--ix-text-color-info)` | - | - |
-| `@alert-success-background-color` | `#f1faf7` | - | - |
-| `@alert-info-background-color` | `#f2f7ff` | - | - |
-| `@alert-warning-background-color` | `#fffaf2` | - | - |
-| `@alert-error-background-color` | `#fff2f2` | - | - |
-| `@alert-offline-background-color` | `#f7f7f8` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `borderRadius` |  | `number` | `2` | `2` |
+| `errorBgColor` |  | `string` | `rgba(255, 87, 82, 0.1)` | `rgba(232, 81, 76, 0.2)` |
+| `height` |  | `number` | `32` | `32` |
+| `infoBgColor` |  | `string` | `rgba(28, 110, 255, 0.1)` | `rgba(64, 131, 232, 0.2)` |
+| `offlineBgColor` |  | `string` | `rgba(111, 119, 133, 0.1)` | `rgba(128, 137, 153, 0.2)` |
+| `successBgColor` |  | `string` | `rgba(18, 166, 121, 0.1)` | `rgba(64, 198, 149, 0.2)` |
+| `warningBgColor` |  | `string` | `rgba(253, 170, 29, 0.1)` | `rgba(253, 170, 29, 0.2)` |

packages/components/anchor/docs/Index.zh.md

@@ -3,6 +3,6 @@ category: components
 type: 导航
 title: Anchor
 subtitle: 锚点
-theme: true
+ 
 ---
 

packages/components/anchor/docs/Theme.zh.md

@@ -1,5 +1,4 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@anchor-color-active` | `var(--ix-color-primary)` | - | - |
-| `@anchor-ink-ball-width` | `2px` | - | - |
-| `@anchor-ink-ball-height` | `16px` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `inkBallHeight` |  | `number` | `16` | `16` |
+| `inkBallWidth` |  | `number` | `2` | `2` |

packages/components/avatar/docs/Index.zh.md

@@ -3,6 +3,6 @@ category: components
 type: 数据展示
 title: Avatar
 subtitle: 头像
-theme: true
+ 
 ---
 

packages/components/avatar/docs/Theme.zh.md

@@ -1,9 +1,6 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@avatar-size-sm` | `var(--ix-height-sm)` | - | - |
-| `@avatar-size-md` | `var(--ix-height-md)` | - | - |
-| `@avatar-size-lg` | `var(--ix-height-lg)` | - | - |
-| `@avatar-color` | `var(--ix-text-color-inverse)` | - | - |
-| `@avatar-background-color` | `var(--ix-background-color-deep)` | - | - |
-| `@avatar-border-radius-circle` | `50%` | - | - |
-| `@avatar-border-radius-square` | `var(--ix-border-radius-md)` | `var(--ix-border-radius-sm)` | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `borderRadiusSquare` |  | `number` | `2` | `2` |
+| `sizeLg` |  | `number` | `40` | `40` |
+| `sizeMd` |  | `number` | `32` | `32` |
+| `sizeSm` |  | `number` | `24` | `24` |

packages/components/back-top/docs/Index.zh.md

@@ -3,6 +3,6 @@ category: components
 type: 其他
 title: BackTop
 subtitle: 回到顶部
-theme: true
+ 
 ---
 

packages/components/back-top/docs/Theme.zh.md

@@ -1,10 +1,12 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@back-top-size-lg` | `64px` | - | - |
-| `@back-top-size-md` | `48px` | - | - |
-| `@back-top-size-sm` | `40px` | - | - |
-| `@back-top-border-radius` | `50%` | - | - |
-| `@back-top-box-shadow` | `0 2px 8px 0 rgba(0, 0, 0, 0.05)` | - | - |
-| `@back-top-color` | `var(--ix-color-primary-l30)` | - | - |
-| `@back-top-color-hover` | `var(--ix-color-primary)` | - | - |
-| `@back-top-background-color` | `var(--ix-background-color)` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `bgColor` |  | `string` | `#ffffff` | `#0A0C0F` |
+| `borderColor` |  | `string` | `none` | `#1F2329` |
+| `borderType` |  | `string` | `solid` | `solid` |
+| `borderWidth` |  | `number` | `0` | `1` |
+| `boxShadow` |  | `string` | `0 2px 8px 0 rgba(0, 0, 0, 0.05)` | `0 2px 8px 0 rgba(0, 0, 0, 0.05)` |
+| `color` |  | `string` | `#96c7ff` | `#173B7A` |
+| `colorHover` |  | `string` | `#1c6eff` | `#4083E8` |
+| `sizeLg` |  | `number` | `64` | `64` |
+| `sizeMd` |  | `number` | `48` | `48` |
+| `sizeSm` |  | `number` | `40` | `40` |

packages/components/badge/docs/Theme.zh.md

@@ -1,10 +1,4 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@badge-dot-size` | `6px` | - | - |
-| `@badge-count-size` | `16px` | - | - |
-| `@badge-font-size` | `var(--ix-font-size-sm)` | - | - |
-| `@badge-color` | `var(--ix-text-color-inverse)` | - | - |
-| `@badge-background-color-error` | `var(--ix-color-red)` | - | - |
-| `@badge-background-color-success` | `var(--ix-color-turquoise)` | - | - |
-| `@badge-background-color-info` | `var(--ix-color-primary)` | - | - |
-| `@badge-background-color-warning` | `var(--ix-color-brown)` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `countSize` |  | `number` | `16` | `16` |
+| `dotSize` |  | `number` | `6` | `6` |

packages/components/breadcrumb/docs/Theme.zh.md

@@ -1,9 +1,10 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@breadcrumb-base-color` | `@text-color-secondary` | `@color-graphite` | - |
-| `@breadcrumb-link-color` | `@color-graphite` | - | - |
-| `@breadcrumb-link-color-hover` | `@color-primary` | - | - |
-| `@breadcrumb-separator-color` | `@text-color-secondary` | `@color-graphite-l10` | - |
-| `@breadcrumb-last-item-color` | `@color-graphite-d40` | - | - |
-| `@breadcrumb-font-size` | `@font-size-base` | - | - |
-| `@breadcrumb-separator-margin` | `0 @margin-sm` | `0 @margin-xs` | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `fontSize` |  | `number` | `12` | `12` |
+| `itemColor` |  | `string` | `#6f7785` | `#808999` |
+| `lastItemColor` |  | `string` | `#2f3540` | `#F4F8FF` |
+| `linkColor` |  | `string` | `#6f7785` | `#808999` |
+| `linkColorHover` |  | `string` | `#1c6eff` | `#4083E8` |
+| `separatorColor` |  | `string` | `#bec3cc` | `#687080` |
+| `separatorFontSize` |  | `number` | `12` | `12` |
+| `separatorMargin` |  | `string | number` | `0 4px` | `0 4px` |

packages/components/button/docs/Index.zh.md

@@ -3,7 +3,7 @@ category: components
 type: 通用
 title: Button
 subtitle: 按钮
-theme: true
+ 
 ---
 
 按钮用于执行一个即时操作。

packages/components/button/docs/Theme.zh.md

@@ -1,41 +1,49 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@button-font-size-xs` | `var(--ix-font-size-sm)` | - | - |
-| `@button-font-size-sm` | `var(--ix-font-size-md)` | `var(--ix-font-size-sm)` | - |
-| `@button-font-size-md` | `var(--ix-font-size-md)` | - | - |
-| `@button-font-size-lg` | `var(--ix-font-size-lg)` | `var(--ix-font-size-md)` | - |
-| `@button-font-size-xl` | `var(--ix-font-size-xl)` | `var(--ix-font-size-lg)` | - |
-| `@button-min-width-xs` | `auto` | `56px` | - |
-| `@button-min-width-sm` | `auto` | `64px` | - |
-| `@button-min-width-md` | `auto` | `72px` | - |
-| `@button-min-width-lg` | `auto` | `120px` | - |
-| `@button-min-width-xl` | `auto` | `160px` | - |
-| `@button-height-xs` | `var(--ix-height-sm)` | - | - |
-| `@button-height-sm` | `var(--ix-height-md)` | - | - |
-| `@button-height-md` | `var(--ix-height-md)` | - | - |
-| `@button-height-lg` | `var(--ix-height-lg)` | - | - |
-| `@button-height-xl` | `var(--ix-height-xl)` | - | - |
-| `@button-padding-horizontal-xs` | `var(--ix-spacing-sm)` | - | - |
-| `@button-padding-horizontal-sm` | `var(--ix-spacing-md)` | - | - |
-| `@button-padding-horizontal-md` | `var(--ix-spacing-lg)` | - | - |
-| `@button-padding-horizontal-lg` | `var(--ix-spacing-xl)` | - | - |
-| `@button-padding-horizontal-xl` | `var(--ix-spacing-2xl)` | - | - |
-| `@button-color` | `var(--ix-text-color)` | - | - |
-| `@button-color-disabled` | `var(--ix-text-color-disabled)` | - | - |
-| `@button-background-color` | `var(--ix-background-color)` | - | - |
-| `@button-background-color-disabled` | `var(--ix-background-color-deep)` | - | - |
-| `@button-border-color` | `var(--ix-border-color)` | - | - |
-| `@button-border-radius` | `var(--ix-border-radius-md)` | `var(--ix-border-radius-sm)` | - |
-| `@button-primary-color` | `var(--ix-text-color-inverse)` | - | - |
-| `@button-primary-background-color` | `var(--ix-color-primary)` | - | - |
-| `@button-primary-background-color-hover` | `var(--ix-color-primary-l10)` | - | - |
-| `@button-primary-background-color-active` | `var(--ix-color-primary-d10)` | - | - |
-| `@button-danger-color` | `var(--ix-color-red)` | - | - |
-| `@button-danger-color-hover` | `var(--ix-color-red-l10)` | - | - |
-| `@button-danger-color-active` | `var(--ix-color-red-d10)` | - | - |
-| `@button-ghost-border-color` | `var(--ix-background-color)` | - | - |
-| `@button-ghost-background-color-hover` | `rgba(255, 255, 255, 0.2)` | - | - |
-| `@button-ghost-background-color-active` | `var(--ix-background-color)` | - | - |
-| `@button-ghost-background-color-disabled` | `rgba(255, 255, 255, 0.4)` | - | - |
-| `@button-icon-color` | `inherit` | `var(--ix-text-color-secondary)` | - |
-| `@button-icon-font-size` | `var(--ix-font-size-lg)` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `bgColor` |  | `string` | `#ffffff` | `#0A0C0F` |
+| `bgColorDisabled` |  | `string` | `#e1e5eb` | `#1F2329` |
+| `borderColor` |  | `string` | `#d3d7de` | `#3C424D` |
+| `borderRadius` |  | `number` | `2` | `2` |
+| `color` |  | `string` | `#2f3540` | `#F4F8FF` |
+| `colorDisabled` |  | `string` | `#bec3cc` | `#687080` |
+| `dangerBgColor` |  | `string` | `#ff5752` | `#E8514C` |
+| `dangerBgColorActive` |  | `string` | `#cf171d` | `#F37E75` |
+| `dangerBgColorHover` |  | `string` | `#ff837a` | `#D42525` |
+| `dangerColor` |  | `string` | `#cf171d` | `#E8514C` |
+| `dangerColorActive` |  | `string` | `#cf171d` | `#F37E75` |
+| `dangerColorHover` |  | `string` | `#f52727` | `#D42525` |
+| `fontSizeLg` |  | `number` | `16` | `16` |
+| `fontSizeMd` |  | `number` | `14` | `14` |
+| `fontSizeSm` |  | `number` | `12` | `12` |
+| `fontSizeXl` |  | `number` | `16` | `16` |
+| `fontSizeXs` |  | `number` | `12` | `12` |
+| `ghostBgColorActive` |  | `string` | `#ffffff` | `#fff` |
+| `ghostBgColorDisabled` |  | `string` | `rgba(255, 255, 255, 0.4)` | `rgba(255, 255, 255, 0.4)` |
+| `ghostBgColorHover` |  | `string` | `rgba(255, 255, 255, 0.2)` | `rgba(255, 255, 255, 0.2)` |
+| `ghostBorderColor` |  | `string` | `#ffffff` | `#fff` |
+| `ghostBorderColorActive` |  | `string` | `#ffffff` | `#fff` |
+| `ghostBorderColorHover` |  | `string` | `#ffffff` | `#fff` |
+| `ghostColor` |  | `string` | `#ffffff` | `#fff` |
+| `ghostColorActive` |  | `string` | `#595959` | `#595959` |
+| `ghostColorHover` |  | `string` | `#ffffff` | `#fff` |
+| `heightLg` |  | `number` | `40` | `40` |
+| `heightMd` |  | `number` | `32` | `32` |
+| `heightSm` |  | `number` | `32` | `32` |
+| `heightXl` |  | `number` | `48` | `48` |
+| `heightXs` |  | `number` | `24` | `24` |
+| `iconColor` |  | `string` | `inherit` | `inherit` |
+| `iconFontSize` |  | `number` | `16` | `16` |
+| `minWidthLg` |  | `string | number` | `120` | `120` |
+| `minWidthMd` |  | `string | number` | `72` | `72` |
+| `minWidthSm` |  | `string | number` | `64` | `64` |
+| `minWidthXl` |  | `string | number` | `160` | `160` |
+| `minWidthXs` |  | `string | number` | `56` | `56` |
+| `paddingSizeHorizontalLg` |  | `number` | `24` | `24` |
+| `paddingSizeHorizontalMd` |  | `number` | `16` | `16` |
+| `paddingSizeHorizontalSm` |  | `number` | `12` | `12` |
+| `paddingSizeHorizontalXl` |  | `number` | `32` | `32` |
+| `paddingSizeHorizontalXs` |  | `number` | `8` | `8` |
+| `primaryBgColor` |  | `string` | `#1c6eff` | `#4083E8` |
+| `primaryBgColorActive` |  | `string` | `#0d51d9` | `#6AA6F4` |
+| `primaryBgColorHover` |  | `string` | `#458fff` | `#1B61DD` |
+| `primaryColor` |  | `string` | `#ffffff` | `#fff` |

packages/components/card/docs/Theme.zh.md

@@ -1,28 +1,18 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@card-font-size-sm` | `@font-size-sm` | - | - |
-| `@card-font-size-md` | `@font-size-md` | `@font-size-sm` | - |
-| `@card-font-size-lg` | `@font-size-lg` | `@font-size-md` | - |
-| `@card-padding-sm` | `@spacing-md` | `@spacing-lg` | - |
-| `@card-padding-md` | `@spacing-lg` | - | - |
-| `@card-padding-lg` | `@spacing-xl` | - | - |
-| `@card-border-width` | `@border-width-sm` | - | - |
-| `@card-border-style` | `@border-style` | - | - |
-| `@card-border-color` | `@color-graphite-l30` | - | - |
-| `@card-border-color-hover` | `transparent` | - | - |
-| `@card-border-radius` | `@border-radius-sm` | - | - |
-| `@card-border-color-selectable` | `@color-graphite-l20` | - | - |
-| `@card-border-color-selectable-selected` | `@color-primary` | - | - |
-| `@card-border-color-selectable-hover` | `@color-primary-l10` | - | - |
-| `@card-icon-color` | `@color-graphite-l30` | - | - |
-| `@card-icon-width` | `@font-size-xl` | - | - |
-| `@card-icon-height` | `@font-size-lg` | - | - |
-| `@card-box-shadow` | `0px 2px 8px 0px rgba(30, 35, 43, 0.12)` | - | - |
-| `@card-gradient-min` | `fade(@color-grey, 20%)` | - | - |
-| `@card-gradient-max` | `fade(@color-grey, 60%)` | - | - |
-| `@card-header-padding` | `@spacing-sm` | - | - |
-| `@card-loading-spacing` | `@spacing-xs` | - | - |
-| `@card-loading-height` | `@font-size-md` | - | - |
-| `@card-loading-background-size` | `600%` | - | - |
-| `@card-loading-transition-duration` | `2s` | - | - |
-| `@card-grid-width` | `25%` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `fontSizeLg` |  | `number` | `14` | `14` |
+| `fontSizeMd` |  | `number` | `12` | `12` |
+| `fontSizeSm` |  | `number` | `12` | `12` |
+| `gridWidth` |  | `string | number` | `25%` | `25%` |
+| `headerPadding` |  | `string | number` | `8` | `8` |
+| `loadingBgSize` |  | `string | number` | `600%` | `600%` |
+| `loadingEndColor` |  | `string` | `#e1e5eb` | `#1F2329` |
+| `loadingHeight` |  | `number` | `14` | `14` |
+| `loadingSpacing` |  | `number` | `4` | `4` |
+| `loadingStartColor` |  | `string` | `#edf1f7` | `#171A1F` |
+| `markHeight` |  | `number` | `16` | `16` |
+| `markWidth` |  | `number` | `20` | `20` |
+| `paddingSizeLg` |  | `number` | `24` | `24` |
+| `paddingSizeMd` |  | `number` | `16` | `16` |
+| `paddingSizeSm` |  | `number` | `16` | `16` |
+| `showShadowBorderWidth` |  | `number` | `0` | `1` |

packages/components/carousel/docs/Theme.zh.md

@@ -1,16 +1,13 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@carousel-arrow-size` | `32px` | - | - |
-| `@carousel-arrow-color` | `@color-white` | - | - |
-| `@carousel-arrow-spacing` | `@spacing-gutter` | - | - |
-| `@carousel-dot-horizontal-width` | `32px` | - | - |
-| `@carousel-dot-horizontal-height` | `2px` | - | - |
-| `@carousel-dot-vertical-width` | `2px` | - | - |
-| `@carousel-dot-vertical-height` | `16px` | - | - |
-| `@carousel-dot-background-color` | `@color-white` | - | - |
-| `@carousel-dot-gap` | `@spacing-sm` | - | - |
-| `@carousel-dot-spacing` | `@spacing-sm` | - | - |
-| `@carousel-dot-border-radius` | `2px` | - | - |
-| `@carousel-icon-opacity` | `0.3` | - | - |
-| `@carousel-icon-hover-opacity` | `0.6` | - | - |
-| `@carousel-icon-active-opacity` | `0.8` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `arrowColor` |  | `string` | `#ffffff` | `#fff` |
+| `arrowSize` |  | `number` | `32` | `32` |
+| `dotBgColor` |  | `string` | `#ffffff` | `#fff` |
+| `dotBorderRadius` |  | `number` | `2` | `2` |
+| `horizontalDotHeight` |  | `number` | `2` | `2` |
+| `horizontalDotWidth` |  | `number` | `32` | `32` |
+| `iconOpacity` |  | `number` | `0.3` | `0.3` |
+| `iconOpacityActive` |  | `number` | `0.8` | `0.8` |
+| `iconOpacityHover` |  | `number` | `0.6` | `0.6` |
+| `verticalDotHeight` |  | `number` | `16` | `16` |
+| `verticalDotWidth` |  | `number` | `2` | `2` |

packages/components/cascader/docs/Theme.zh.md

@@ -1,27 +1,11 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@cascader-option-padding` | `@spacing-xs @spacing-xs @spacing-xs @spacing-md` | - | - |
-| `@cascader-option-height` | `@select-option-height` | - | - |
-| `@cascader-option-color` | `@select-option-color` | - | - |
-| `@cascader-option-font-size` | `@select-option-font-size` | - | - |
-| `@cascader-option-disabled-color` | `@select-option-disabled-color` | - | - |
-| `@cascader-option-active-background-color` | `@select-option-active-background-color` | - | - |
-| `@cascader-option-selected-color` | `@select-option-selected-color` | `@cascader-option-color` | - |
-| `@cascader-option-selected-background-color` | `@select-option-selected-background-color` | - | - |
-| `@cascader-option-selected-font-weight` | `@select-option-selected-font-weight` | `@font-weight-lg` | - |
-| `@cascader-option-expanded-color` | `@cascader-option-selected-color` | - | - |
-| `@cascader-option-expanded-background-color` | `@cascader-option-selected-background-color` | - | - |
-| `@cascader-option-expanded-font-weight` | `@cascader-option-selected-font-weight` | - | - |
-| `@cascader-option-label-margin-left` | `@select-option-label-margin-left` | - | - |
-| `@cascader-option-label-highlight-color` | `@color-primary` | - | - |
-| `@cascader-option-expanded-margin-left` | `@spacing-xs` | - | - |
-| `@cascader-option-expanded-icon-color` | `@text-color-secondary` | `@color-graphite-d20` | - |
-| `@cascader-option-expanded-icon-font-size` | `@select-icon-font-size` | - | - |
-| `@cascader-option-group-min-width` | `120px` | - | - |
-| `@cascader-option-group-min-height` | `180px` | - | - |
-| `@cascader-option-group-border` | `@border-width-sm solid @border-color-split` | - | - |
-| `@cascader-overlay-padding` | `@select-option-container-padding` | - | - |
-| `@cascader-overlay-background-color` | `@select-option-container-background-color` | - | - |
-| `@cascader-overlay-border-radius` | `@select-option-container-border-radius` | - | - |
-| `@cascader-overlay-box-shadow` | `@select-option-container-box-shadow` | - | - |
-| `@cascader-overlay-search-wrapper-padding` | `@select-overlay-search-wrapper-padding` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `optionContainerPadding` |  | `string | number` | `4px 0` | `4px 0` |
+| `optionFontSize` |  | `number` | `12` | `12` |
+| `optionGroupMinHeight` |  | `number` | `180` | `180` |
+| `optionGroupMinWidth` |  | `number` | `120` | `120` |
+| `optionHeight` |  | `number` | `32` | `32` |
+| `optionLabelHighlightColor` |  | `string` | `#1c6eff` | `#4083E8` |
+| `optionLabelMarginLeft` |  | `number` | `8` | `8` |
+| `optionPadding` |  | `string | number` | `8px 12px` | `8px 12px` |
+| `overlaySearchWrapperPadding` |  | `string | number` | `4px 12px 8px` | `4px 12px 8px` |

packages/components/checkbox/docs/Index.zh.md

@@ -3,6 +3,6 @@ category: components
 type: 数据录入
 title: Checkbox
 subtitle: 复选框
-theme: true
+ 
 ---
 

packages/components/checkbox/docs/Theme.zh.md

@@ -1,14 +1,5 @@
-| 名称 | default | seer | 备注 |
-| --- | --- | --- | --- |
-| `@checkbox-color` | `var(--ix-text-color)` | - | - |
-| `@checkbox-color-active` | `var(--ix-color-primary)` | - | - |
-| `@checkbox-color-disabled` | `var(--ix-text-color-disabled)` | - | - |
-| `@checkbox-background-color` | `var(--ix-background-color)` | - | - |
-| `@checkbox-background-color-disabled` | `var(--ix-background-color-deep)` | - | - |
-| `@checkbox-border-color` | `var(--ix-border-color)` | - | - |
-| `@checkbox-border-color-hover` | `var(--ix-color-primary)` | - | - |
-| `@checkbox-border-color-focus` | `var(--ix-color-primary)` | - | - |
-| `@checkbox-border-radius` | `var(--ix-border-radius-md)` | `var(--ix-border-radius-sm)` | - |
-| `@checkbox-label-padding` | `0 8px` | `0 4px` | - |
-| `@checkbox-fieldset-background-color` | `var(--ix-background-color-light)` | - | - |
-| `@checkbox-fieldset-border-color` | `var(--ix-border-color-secondary)` | - | - |
+| 名称 | 描述 | 类型 | default | dark |
+|---|---|---|---|---|
+| `fieldsetBgColor` |  | `string` | `#f7f9fc` | `#171A1F` |
+| `fieldsetBorderColor` |  | `string` | `#e1e5eb` | `#1F2329` |
+| `labelPadding` |  | `string | number` | `0 4px` | `0 4px` |