diff --git a/src/_common b/src/_common
index 6d70602c..7337bf69 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 6d70602ccc666df43c9c9da1b92daeb72f57264c
+Subproject commit 7337bf69e1a3ab011891a3722ae83b7c6c39611c
diff --git a/src/action-sheet/action-sheet.en-US.md b/src/action-sheet/action-sheet.en-US.md
index 11389d2f..36ad666f 100644
--- a/src/action-sheet/action-sheet.en-US.md
+++ b/src/action-sheet/action-sheet.en-US.md
@@ -30,15 +30,12 @@ Name | Default Value | Description
-- | -- | --
--td-action-sheet-border-color | @component-stroke | -
--td-action-sheet-border-radius | @radius-extraLarge | -
---td-action-sheet-cancel-height | 48px | -
+--td-action-sheet-cancel-color | @text-color-primary | -
--td-action-sheet-color | @text-color-primary | -
--td-action-sheet-description-color | @text-color-placeholder | -
--td-action-sheet-description-font | @font-body-medium | -
+--td-action-sheet-disabled-color | @text-color-disabled | -
--td-action-sheet-dot-active-color | @brand-color | -
--td-action-sheet-dot-color | @text-color-disabled | -
--td-action-sheet-dot-size | 8px | -
---td-action-sheet-gap-color | var(--td-bg-color-page, @component-stroke) | -
---td-action-sheet-list-item-disabled-color | @text-color-disabled | -
---td-action-sheet-list-item-height | 56px | -
---td-action-sheet-text-align | center | -
---td-action-sheet-text-weight | 400 | -
+--td-action-sheet-gap-color | @bg-color-page | -
diff --git a/src/action-sheet/action-sheet.md b/src/action-sheet/action-sheet.md
index 1672979e..7185894e 100644
--- a/src/action-sheet/action-sheet.md
+++ b/src/action-sheet/action-sheet.md
@@ -30,15 +30,12 @@ onSelected | Function | | TS 类型:`(selected: ActionSheetItem \| string, in
-- | -- | --
--td-action-sheet-border-color | @component-stroke | -
--td-action-sheet-border-radius | @radius-extraLarge | -
---td-action-sheet-cancel-height | 48px | -
+--td-action-sheet-cancel-color | @text-color-primary | -
--td-action-sheet-color | @text-color-primary | -
--td-action-sheet-description-color | @text-color-placeholder | -
--td-action-sheet-description-font | @font-body-medium | -
+--td-action-sheet-disabled-color | @text-color-disabled | -
--td-action-sheet-dot-active-color | @brand-color | -
--td-action-sheet-dot-color | @text-color-disabled | -
--td-action-sheet-dot-size | 8px | -
---td-action-sheet-gap-color | var(--td-bg-color-page, @component-stroke) | -
---td-action-sheet-list-item-disabled-color | @text-color-disabled | -
---td-action-sheet-list-item-height | 56px | -
---td-action-sheet-text-align | center | -
---td-action-sheet-text-weight | 400 | -
+--td-action-sheet-gap-color | @bg-color-page | -
diff --git a/src/count-down/count-down.en-US.md b/src/count-down/count-down.en-US.md
index d3aa1230..9d7b35e5 100644
--- a/src/count-down/count-down.en-US.md
+++ b/src/count-down/count-down.en-US.md
@@ -25,8 +25,8 @@ onFinish | Function | | Typescript:`() => void`
| N
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
+--td-countdown-bg-color | @error-color-6 | -
--td-countdown-default-color | @text-color-primary | -
--td-countdown-round-border-radius | @radius-circle | -
---td-countdown-square-border-radius | @radius-small | -
---td-countdown-bg-color | @error-color-6 | -
--td-countdown-round-color | @text-color-anti | -
+--td-countdown-square-border-radius | @radius-small | -
diff --git a/src/count-down/count-down.md b/src/count-down/count-down.md
index e135f0bf..73835b5b 100644
--- a/src/count-down/count-down.md
+++ b/src/count-down/count-down.md
@@ -25,8 +25,8 @@ onFinish | Function | | TS 类型:`() => void`
倒计时结束时触发 |
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
+--td-countdown-bg-color | @error-color-6 | -
--td-countdown-default-color | @text-color-primary | -
--td-countdown-round-border-radius | @radius-circle | -
---td-countdown-square-border-radius | @radius-small | -
---td-countdown-bg-color | @error-color-6 | -
--td-countdown-round-color | @text-color-anti | -
+--td-countdown-square-border-radius | @radius-small | -
diff --git a/src/navbar/navbar.en-US.md b/src/navbar/navbar.en-US.md
index 5a8065b6..49a0a725 100644
--- a/src/navbar/navbar.en-US.md
+++ b/src/navbar/navbar.en-US.md
@@ -27,6 +27,7 @@ onRightClick | Function | | Typescript:`() => void`
| N
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
+--td-navbar-right | 95px | -
--td-navbar-bg-color | @bg-color-container | -
--td-navbar-capsule-border-color | #e3e6ea | -
--td-navbar-capsule-border-radius | 16px | -
@@ -36,5 +37,4 @@ Name | Default Value | Description
--td-navbar-height | 48px | -
--td-navbar-left-arrow-size | 24px | -
--td-navbar-padding-top | 0 | -
---td-navbar-right | 95px | -
--td-navbar-title-font | @font-title-large | -
diff --git a/src/navbar/navbar.md b/src/navbar/navbar.md
index 70a2c645..b88ab206 100644
--- a/src/navbar/navbar.md
+++ b/src/navbar/navbar.md
@@ -25,6 +25,7 @@ onRightClick | Function | | TS 类型:`() => void`
点击右侧区域时
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
+--td-navbar-right | 95px | -
--td-navbar-bg-color | @bg-color-container | -
--td-navbar-capsule-border-color | #e3e6ea | -
--td-navbar-capsule-border-radius | 16px | -
@@ -34,5 +35,4 @@ onRightClick | Function | | TS 类型:`() => void`
点击右侧区域时
--td-navbar-height | 48px | -
--td-navbar-left-arrow-size | 24px | -
--td-navbar-padding-top | 0 | -
---td-navbar-right | 95px | -
--td-navbar-title-font | @font-title-large | -
diff --git a/src/picker/picker.en-US.md b/src/picker/picker.en-US.md
index d9dd3cef..f1905128 100644
--- a/src/picker/picker.en-US.md
+++ b/src/picker/picker.en-US.md
@@ -43,8 +43,8 @@ Name | Default Value | Description
--td-picker-item-color | @text-color-secondary | -
--td-picker-item-disabled-color | @text-color-disabled | -
--td-picker-item-height | 40px | -
---td-picker-mask-color-bottom | hsla(0, 0%, 100%, .4) | -
---td-picker-mask-color-top | hsla(0, 0%, 100%, .92) | -
+--td-picker-mask-color-bottom | hsla(0, 0%, 100%, 0.4) | -
+--td-picker-mask-color-top | hsla(0, 0%, 100%, 0.92) | -
--td-picker-title-color | @text-color-primary | -
--td-picker-title-font | @font-title-large | -
--td-picker-toolbar-height | 58px | -
diff --git a/src/picker/picker.md b/src/picker/picker.md
index 5b68874e..03038af7 100644
--- a/src/picker/picker.md
+++ b/src/picker/picker.md
@@ -43,8 +43,8 @@ onPick | Function | | TS 类型:`(value: Array,context: PickerCo
--td-picker-item-color | @text-color-secondary | -
--td-picker-item-disabled-color | @text-color-disabled | -
--td-picker-item-height | 40px | -
---td-picker-mask-color-bottom | hsla(0, 0%, 100%, .4) | -
---td-picker-mask-color-top | hsla(0, 0%, 100%, .92) | -
+--td-picker-mask-color-bottom | hsla(0, 0%, 100%, 0.4) | -
+--td-picker-mask-color-top | hsla(0, 0%, 100%, 0.92) | -
--td-picker-title-color | @text-color-primary | -
--td-picker-title-font | @font-title-large | -
--td-picker-toolbar-height | 58px | -
diff --git a/src/side-bar/side-bar.en-US.md b/src/side-bar/side-bar.en-US.md
index 1533945f..a208bb2b 100644
--- a/src/side-bar/side-bar.en-US.md
+++ b/src/side-bar/side-bar.en-US.md
@@ -32,15 +32,15 @@ value | String / Number | - | \- | N
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
---td-side-bar-disabled-color | @text-color-disabled | -
---td-side-bar-prefix-bg-color | @bg-color-container | -
--td-side-bar-active-color | @brand-color | -
--td-side-bar-bg-color | @bg-color-secondarycontainer | -
--td-side-bar-border-radius | 9px | -
--td-side-bar-color | @text-color-primary | -
+--td-side-bar-disabled-color | @text-color-disabled | -
--td-side-bar-font | @font-body-large | -
--td-side-bar-height | 100% | -
--td-side-bar-icon-size | 20px | -
--td-side-bar-item-height | 56px | -
--td-side-bar-item-padding | @spacer-2 | -
+--td-side-bar-prefix-bg-color | @bg-color-container | -
--td-side-bar-width | 103px | -
diff --git a/src/side-bar/side-bar.md b/src/side-bar/side-bar.md
index eda2ab1a..5ea6f951 100644
--- a/src/side-bar/side-bar.md
+++ b/src/side-bar/side-bar.md
@@ -32,15 +32,15 @@ value | String / Number | - | 当前选项的值 | N
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
---td-side-bar-disabled-color | @text-color-disabled | -
---td-side-bar-prefix-bg-color | @bg-color-container | -
--td-side-bar-active-color | @brand-color | -
--td-side-bar-bg-color | @bg-color-secondarycontainer | -
--td-side-bar-border-radius | 9px | -
--td-side-bar-color | @text-color-primary | -
+--td-side-bar-disabled-color | @text-color-disabled | -
--td-side-bar-font | @font-body-large | -
--td-side-bar-height | 100% | -
--td-side-bar-icon-size | 20px | -
--td-side-bar-item-height | 56px | -
--td-side-bar-item-padding | @spacer-2 | -
+--td-side-bar-prefix-bg-color | @bg-color-container | -
--td-side-bar-width | 103px | -
diff --git a/src/skeleton/skeleton.en-US.md b/src/skeleton/skeleton.en-US.md
index 7064dd01..804f18d3 100644
--- a/src/skeleton/skeleton.en-US.md
+++ b/src/skeleton/skeleton.en-US.md
@@ -20,7 +20,7 @@ theme | String | text | options: avatar/image/text/paragraph | N
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
---td-skeleton-animation-flashed | rgba(90%, 90%, 90%, .3) | -
+--td-skeleton-animation-flashed | rgba(90%, 90%, 90%, 0.3) | -
--td-skeleton-animation-gradient | @text-color-placeholder | -
--td-skeleton-bg-color | @bg-color-secondarycontainer | -
--td-skeleton-circle-border-radius | @radius-circle | -
diff --git a/src/skeleton/skeleton.md b/src/skeleton/skeleton.md
index f9f7c818..97db0659 100644
--- a/src/skeleton/skeleton.md
+++ b/src/skeleton/skeleton.md
@@ -20,7 +20,7 @@ theme | String | text | 骨架图风格,有基础、头像组合等两大类
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
---td-skeleton-animation-flashed | rgba(90%, 90%, 90%, .3) | -
+--td-skeleton-animation-flashed | rgba(90%, 90%, 90%, 0.3) | -
--td-skeleton-animation-gradient | @text-color-placeholder | -
--td-skeleton-bg-color | @bg-color-secondarycontainer | -
--td-skeleton-circle-border-radius | @radius-circle | -
diff --git a/src/swiper/swiper.en-US.md b/src/swiper/swiper.en-US.md
index f9d89344..44a84afe 100644
--- a/src/swiper/swiper.en-US.md
+++ b/src/swiper/swiper.en-US.md
@@ -38,10 +38,10 @@ type | String | - | Typescript:`SwiperNavigationType` `type SwiperNavigationTy
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
---td-swiper-placement-outside-padding | calc(@spacer-1 + @swiper-nav-dot-size) | -
--td-swiper-border-radius | 8px | -
--td-swiper-item-left-padding | 6px | -
--td-swiper-item-right-padding | 6px | -
+--td-swiper-placement-outside-padding | calc(@spacer-1 + @swiper-nav-dot-size) | -
--td-swiper-nav-btn-bg-color | @font-gray-3 | -
--td-swiper-nav-btn-color | @font-white-1 | -
--td-swiper-nav-btn-size | 24px | -
diff --git a/src/swiper/swiper.md b/src/swiper/swiper.md
index 920d3e28..d13f8e0a 100644
--- a/src/swiper/swiper.md
+++ b/src/swiper/swiper.md
@@ -38,10 +38,10 @@ type | String | - | 导航器类型,点状(dots)、点条状(dots-bar)、分
组件提供了下列 CSS 变量,可用于自定义样式。
名称 | 默认值 | 描述
-- | -- | --
---td-swiper-placement-outside-padding | calc(@spacer-1 + @swiper-nav-dot-size) | -
--td-swiper-border-radius | 8px | -
--td-swiper-item-left-padding | 6px | -
--td-swiper-item-right-padding | 6px | -
+--td-swiper-placement-outside-padding | calc(@spacer-1 + @swiper-nav-dot-size) | -
--td-swiper-nav-btn-bg-color | @font-gray-3 | -
--td-swiper-nav-btn-color | @font-white-1 | -
--td-swiper-nav-btn-size | 24px | -
diff --git a/src/tab-bar/tab-bar.en-US.md b/src/tab-bar/tab-bar.en-US.md
index 9d85ddbb..ff5e7e42 100644
--- a/src/tab-bar/tab-bar.en-US.md
+++ b/src/tab-bar/tab-bar.en-US.md
@@ -44,6 +44,6 @@ Name | Default Value | Description
--td-tab-bar-active-color | @brand-color | -
--td-tab-bar-color | @text-color-primary | -
--td-tab-bar-height | 40px | -
---td-tab-bar-hover-bg-color | rgba(0, 0, 0, .05) | -
+--td-tab-bar-hover-bg-color | rgba(0, 0, 0, 0.05) | -
--td-tab-bar-spread-border-color | @border-color | -
--td-tab-bar-spread-shadow | @shadow-3 | -
diff --git a/src/tab-bar/tab-bar.md b/src/tab-bar/tab-bar.md
index 44863a3c..7e53c2c6 100644
--- a/src/tab-bar/tab-bar.md
+++ b/src/tab-bar/tab-bar.md
@@ -44,6 +44,6 @@ value | String / Number | - | 标识符 | N
--td-tab-bar-active-color | @brand-color | -
--td-tab-bar-color | @text-color-primary | -
--td-tab-bar-height | 40px | -
---td-tab-bar-hover-bg-color | rgba(0, 0, 0, .05) | -
+--td-tab-bar-hover-bg-color | rgba(0, 0, 0, 0.05) | -
--td-tab-bar-spread-border-color | @border-color | -
--td-tab-bar-spread-shadow | @shadow-3 | -