chore(submodule): update common (#851)

tdesign-bot · web-flow · commit 523d88dda5aa · 2025-12-10T19:58:50.000+08:00
* chore(submodule): update common

* docs: update css vars
diff --git 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
@@ -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
@@ -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
@@ -25,8 +25,8 @@ onFinish | Function |  | Typescript：`() => void`<br/> | 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
@@ -25,8 +25,8 @@ onFinish | Function |  | TS 类型：`() => void`<br/>倒计时结束时触发 |
 组件提供了下列 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
@@ -27,6 +27,7 @@ onRightClick | Function |  | Typescript：`() => void`<br/> | 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
@@ -25,6 +25,7 @@ onRightClick | Function |  | TS 类型：`() => void`<br/>点击右侧区域时
 组件提供了下列 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`<br/>点击右侧区域时
 --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
@@ -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
@@ -43,8 +43,8 @@ onPick | Function |  | TS 类型：`(value: Array<PickerValue>,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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 | -
