@arco-design/mobile-react 2.24.0 → 2.24.1

package/tokens/app/arcodesign/default/index.js

@@ -29,14 +29,14 @@ var tokens = {
   "scroller-buffer": "10PX",
   "full-screen-z-index": "1000",
   "fixed-z-index": "100",
-  "popup-mask-background": "rgba(0, 0, 0, 0.6)",
-  "popup-content-background": "#ffffff",
+  "popup-mask-background": "var(--mask-background)",
+  "popup-content-background": "var(--mask-content-background)",
   "popup-enter-transition": "all 450ms cubic-bezier(0.34, 0.69, 0.1, 1)",
   "popup-exit-transition": "all 240ms cubic-bezier(0.34, 0.69, 0.1, 1)",
-  "dialog-mask-background": "rgba(0, 0, 0, 0.6)",
+  "dialog-mask-background": "var(--mask-background)",
   "dialog-content-width": "5.4rem",
   "dialog-content-android-width": "5.6rem",
-  "dialog-content-background": "#ffffff",
+  "dialog-content-background": "var(--mask-content-background)",
   "dialog-content-border-radius": "0.16rem",
   "dialog-content-android-border-radius": "0.08rem",
   "dialog-ios-horizontal-padding": "0.32rem",
@@ -46,28 +46,28 @@ var tokens = {
   "dialog-android-vertical-padding": "0.4rem",
   "dialog-android-header-body-gutter": "0.24rem",
   "dialog-android-body-footer-gutter": "0.48rem",
-  "dialog-body-ios-color": "#4e5969",
+  "dialog-body-ios-color": "var(--sub-font-color)",
   "dialog-body-ios-font-size": "0.3rem",
   "dialog-body-ios-line-height": "0.44rem",
-  "dialog-body-android-color": "#4e5969",
+  "dialog-body-android-color": "var(--sub-font-color)",
   "dialog-body-android-font-size": "0.3rem",
   "dialog-body-android-line-height": "0.48rem",
-  "dialog-header-ios-color": "#1d2129",
-  "dialog-header-android-color": "#1d2129",
+  "dialog-header-ios-color": "var(--font-color)",
+  "dialog-header-android-color": "var(--font-color)",
   "dialog-header-ios-font-size": "0.34rem",
   "dialog-header-ios-line-height": "0.52rem",
   "dialog-header-android-font-size": "0.34rem",
   "dialog-header-android-line-height": "0.56rem",
-  "dialog-footer-ios-color": "#165dff",
+  "dialog-footer-ios-color": "var(--primary-color)",
   "dialog-footer-ios-font-size": "0.32rem",
   "dialog-footer-ios-height": "0.88rem",
   "dialog-footer-android-color": "#1a74ff",
   "dialog-footer-android-font-size": "0.3rem",
   "dialog-footer-android-line-height": "0.4rem",
   "dialog-footer-android-button-gutter": "0.56rem",
-  "dialog-button-footer-primary-background": "#165dff",
+  "dialog-button-footer-primary-background": "var(--primary-color)",
   "dialog-button-footer-primary-color": "#ffffff",
-  "dialog-button-footer-color": "#86909c",
+  "dialog-button-footer-color": "var(--sub-info-font-color)",
   "dialog-button-footer-height": "0.72rem",
   "dialog-button-footer-border-radius": "0.6rem",
   "dialog-button-footer-gutter": "0.16rem",
@@ -75,8 +75,8 @@ var tokens = {
   "carousel-slide-transition": "cubic-bezier(0.32, 0.94, 0.6, 1)",
   "carousel-indicator-background": "rgba(255, 255, 255, 0.5)",
   "carousel-indicator-active-background": "#ffffff",
-  "carousel-indicator-inverse-background": "#e5e6eb",
-  "carousel-indicator-active-inverse-background": "#165dff",
+  "carousel-indicator-inverse-background": "var(--line-color)",
+  "carousel-indicator-active-inverse-background": "var(--primary-color)",
   "carousel-indicator-outside-padding": "0.16rem 0 0.1rem",
   "carousel-indicator-position": "0.24rem",
   "carousel-indicator-safe-padding": "0.32rem",
@@ -92,14 +92,14 @@ var tokens = {
   "carousel-item-text-font-size": "0.32rem",
   "input-height": "1.08rem",
   "input-disabled-background": "#fafbfc",
-  "input-disabled-color": "#c9cdd4",
-  "input-placeholder-color": "#c9cdd4",
-  "input-clear-icon-color": "#c9cdd4",
+  "input-disabled-color": "var(--disabled-color)",
+  "input-placeholder-color": "var(--disabled-color)",
+  "input-clear-icon-color": "var(--disabled-color)",
   "input-clear-icon-font-size": "16PX",
   "input-label-gutter": "0.48rem",
   "input-horizontal-padding": "0.32rem",
   "input-vertical-padding": "0.24rem",
-  "input-caret-color": "#165dff",
+  "input-caret-color": "var(--primary-color)",
   "input-label-min-width": "1.28rem",
   "input-text-font-size": "0.32rem",
   "input-text-line-height": "0.44rem",
@@ -107,7 +107,7 @@ var tokens = {
   "textarea-line-height": "0.44rem",
   "textarea-padding": "0.32rem",
   "textarea-has-stat-padding": "0.32rem 0.32rem 0.88rem",
-  "textarea-statistic-color": "#86909c",
+  "textarea-statistic-color": "var(--sub-info-font-color)",
   "textarea-statistic-font-size": "0.28rem",
   "avatar-size-map": "large, medium, small, smaller, ultra-small",
   "avatar-large-size": "1.12rem",
@@ -121,7 +121,7 @@ var tokens = {
   "avatar-default-overlap-smaller-size": "0.32rem",
   "avatar-default-overlap-ultra-small-size": "0.24rem",
   "avatar-background": "#4080FF",
-  "avatar-default-overlap-background": "#c9cdd4",
+  "avatar-default-overlap-background": "var(--disabled-color)",
   "avatar-text-font-color": "#fff",
   "avatar-large-text-font-size": "0.32rem",
   "avatar-medium-text-font-size": "0.32rem",
@@ -138,7 +138,7 @@ var tokens = {
   "avatar-group-smaller-size-border": "0.02rem",
   "avatar-group-ultra-small-size-offset": "-0.16rem",
   "avatar-group-ultra-small-size-border": "0.02rem",
-  "avatar-group-border-color": "#ffffff",
+  "avatar-group-border-color": "var(--background-color)",
   "avatar-info-box-large-size": "1.76rem",
   "avatar-info-box-medium-size": "1.6rem",
   "avatar-info-box-small-size": "1.6rem",
@@ -169,26 +169,26 @@ var tokens = {
   "avatar-desc-ultra-small-font-size": "0.2rem",
   "avatar-desc-ultra-small-line-height": "0.28rem",
   "avatar-desc-ultra-small-margin-top": "0.04rem",
-  "avatar-name-color": "#1d2129",
-  "avatar-desc-color": "#86909c",
+  "avatar-name-color": "var(--font-color)",
+  "avatar-desc-color": "var(--sub-info-font-color)",
   "button-line-height": "1.2",
   "button-radius": "2PX",
   "button-icon-text-gutter": "0.08rem",
-  "button-primary-background": "#165dff",
+  "button-primary-background": "var(--primary-color)",
   "button-primary-clicked-background": "#0E42D2",
-  "button-primary-disabled-background": "#94bfff",
+  "button-primary-disabled-background": "var(--primary-disabled-color)",
   "button-primary-text-color": "#fff",
   "button-primary-disabled-text-color": "#E8F3FF",
   "button-default-background": "#E8F3FF",
-  "button-default-clicked-background": "#94bfff",
+  "button-default-clicked-background": "var(--primary-disabled-color)",
   "button-default-disabled-background": "#E8F3FF",
-  "button-default-text-color": "#165dff",
-  "button-default-disabled-text-color": "#94bfff",
+  "button-default-text-color": "var(--primary-color)",
+  "button-default-disabled-text-color": "var(--primary-disabled-color)",
   "button-ghost-background": "transparent",
   "button-ghost-clicked-background": "#e8f3ff",
   "button-ghost-disabled-background": "transparent",
-  "button-ghost-text-color": "#165dff",
-  "button-ghost-disabled-text-color": "#94bfff",
+  "button-ghost-text-color": "var(--primary-color)",
+  "button-ghost-disabled-text-color": "var(--primary-disabled-color)",
   "button-huge-padding": "0 0.32rem",
   "button-huge-height": "0.88rem",
   "button-huge-text-size": "0.32rem",
@@ -205,10 +205,12 @@ var tokens = {
   "button-mini-height": "0.48rem",
   "button-mini-text-size": "0.24rem",
   "ellipsis-default-text-size": "0.32rem",
+  "ellipsis-float-ellipsis-node-background": "linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff)",
+  "ellipsis-float-ellipsis-node-padding-left": "20PX",
   "checkbox-icon-color": "#c2c6cc",
   "checkbox-icon-font-size": "20PX",
   "checkbox-icon-margin-right": "0.16rem",
-  "checkbox-icon-checked-color": "#165dff",
+  "checkbox-icon-checked-color": "var(--primary-color)",
   "checkbox-icon-disabled-color": "#f7f8fa",
   "checkbox-icon-checked-disabled-color": "rgba(51,112,255, .5)",
   "checkbox-disabled-color": "#c2c6cc",
@@ -216,25 +218,25 @@ var tokens = {
   "checkbox-text-disabled-opacity": "0.5",
   "checkbox-group-gutter": "0.48rem",
   "tabs-tab-bar-font-size": "0.3rem",
-  "tabs-tab-bar-background": "#ffffff",
+  "tabs-tab-bar-background": "var(--background-color)",
   "tabs-tab-bar-height": "0.84rem",
   "tabs-tab-bar-width": "1.56rem",
   "tabs-tab-bar-horizontal-height": "1.08rem",
   "tabs-tab-bar-card-height": "0.8rem",
-  "tabs-tab-bar-card-color": "#165dff",
+  "tabs-tab-bar-card-color": "var(--primary-color)",
   "tabs-tab-bar-card-text-color": "#ffffff",
   "tabs-tab-bar-card-border-radius": "2PX",
-  "tabs-tab-bar-line-active-color": "#165dff",
+  "tabs-tab-bar-line-active-color": "var(--primary-color)",
   "tabs-tab-bar-line-gutter": "0.8rem",
   "tabs-tab-bar-tag-gutter": "0.32rem",
   "tabs-tab-bar-tag-height": "1.2rem",
   "tabs-tab-bar-tag-vertical-padding": "0.24rem",
   "tabs-tab-bar-tag-background": "#f7f8fA",
-  "tabs-tab-bar-tag-text-color": "#1d2129",
-  "tabs-tab-bar-tag-active-background": "#165dff",
+  "tabs-tab-bar-tag-text-color": "var(--font-color)",
+  "tabs-tab-bar-tag-active-background": "var(--primary-color)",
   "tabs-tab-bar-tag-active-text-color": "#ffffff",
   "tabs-tab-bar-tag-padding": "0 0.32rem",
-  "tabs-underline-color": "#165dff",
+  "tabs-underline-color": "var(--primary-color)",
   "tabs-underline-thick": "2PX",
   "tabs-underline-size": "0.48rem",
   "tabs-underline-border-radius": "2PX",
@@ -242,16 +244,16 @@ var tokens = {
   "tab-bar-font-size": "0.2rem",
   "tab-bar-icon-size": "0.4rem",
   "tab-bar-only-title-font-size": "0.32rem",
-  "tab-bar-color": "#86909c",
-  "tab-bar-active-color": "#165dff",
+  "tab-bar-color": "var(--sub-info-font-color)",
+  "tab-bar-active-color": "var(--primary-color)",
   "tab-bar-title-line-height": "0.28rem",
   "tab-bar-only-title-line-height": "0.44rem",
   "tab-bar-title-margin": "0 0 0.1rem 0",
   "tab-bar-item-icon-margin": "0.14rem 0 0.08rem",
   "nav-bar-height": "0.88rem",
-  "nav-bar-bottom-border-color": "#e5e6eb",
-  "nav-bar-background": "#ffffff",
-  "nav-bar-font-color": "#1d2129",
+  "nav-bar-bottom-border-color": "var(--line-color)",
+  "nav-bar-background": "var(--background-color)",
+  "nav-bar-font-color": "var(--font-color)",
   "nav-bar-two-sides-font-size": "0.32rem",
   "nav-bar-two-sides-padding": "0 0.32rem",
   "nav-bar-title-font-size": "0.34rem",
@@ -261,11 +263,11 @@ var tokens = {
   "image-placeholder-background": "#f7f8fa",
   "image-loading-icon-color": "#e6e8eb",
   "image-retry-icon-color": "#e6e8eb",
-  "image-mask-background": "rgba(0, 0, 0, 0.6)",
+  "image-mask-background": "var(--mask-background)",
   "image-transition-function": "cubic-bezier(0.39, 0.575, 0.565, 1)",
   "image-inner-font-size": "0.32rem",
   "image-retry-font-size": "0.32rem",
-  "switch-text-color": "#4e5969",
+  "switch-text-color": "var(--sub-font-color)",
   "switch-text-checked-color": "#FFFFFF",
   "switch-inner-background": "#FFFFFF",
   "switch-inner-transition": "all .2s",
@@ -282,8 +284,8 @@ var tokens = {
   "switch-android-text-font-size": "12PX",
   "switch-android-text-gap-size": "5PX",
   "switch-android-background": "#E5E6EB",
-  "switch-android-checked-background": "#165dff",
-  "switch-android-disabled-checked-background": "#94bfff",
+  "switch-android-checked-background": "var(--primary-color)",
+  "switch-android-disabled-checked-background": "var(--primary-disabled-color)",
   "switch-android-disabled-background": "#F2F3F5",
   "switch-ios-width": "1.02rem",
   "switch-ios-height": "0.62rem",
@@ -317,8 +319,8 @@ var tokens = {
   "toast-vertical-padding": "0.32rem",
   "toast-vertical-icon-size": "0.48rem",
   "toast-vertical-icon-content-gutter": "0.16rem",
-  "loading-color": "#165dff",
-  "loading-arc-background-color": "#e5e6eb",
+  "loading-color": "var(--primary-color)",
+  "loading-arc-background-color": "var(--line-color)",
   "loading-dot-size": "6PX",
   "loading-dot-gutter": "0.12rem",
   "picker-view-font-size": "0.32rem",
@@ -326,17 +328,17 @@ var tokens = {
   "picker-view-wrapper-height": "4.4rem",
   "picker-view-mask-top-background": "linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 65%)",
   "picker-view-mask-bottom-background": "linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 65%)",
-  "picker-view-selection-border-color": "#e5e6eb",
+  "picker-view-selection-border-color": "var(--line-color)",
   "picker-wrapper-shadow": "0 2PX 8PX rgba(0, 0, 0, .15)",
   "picker-wrapper-border-radius": "0.08rem",
   "picker-header-height": "1.08rem",
-  "picker-header-background": "#ffffff",
+  "picker-header-background": "var(--mask-content-background)",
   "picker-title-font-size": "0.32rem",
   "picker-title-padding": "0 1.2rem",
   "picker-button-font-size": "0.3rem",
   "picker-button-padding": "0.32rem",
-  "picker-left-btn-color": "#165dff",
-  "picker-right-btn-color": "#165dff",
+  "picker-left-btn-color": "var(--primary-color)",
+  "picker-right-btn-color": "var(--primary-color)",
   "popover-arrow-size": "9PX",
   "popover-arrow-border-radius": "1PX",
   "popover-inner-border-radius": "4PX",
@@ -354,13 +356,13 @@ var tokens = {
   "popover-content-font-size": "0.28rem",
   "popover-content-line-height": "0.4rem",
   "popover-content-disabled-color": "rgba(255,255,255,0.3)",
-  "popover-content-white-theme-color": "#1d2129",
-  "popover-content-white-theme-disabled-color": "#c9cdd4",
+  "popover-content-white-theme-color": "var(--font-color)",
+  "popover-content-white-theme-disabled-color": "var(--disabled-color)",
   "popover-content-border-color": "rgba(247, 248, 250, 0.1)",
-  "popover-content-white-theme-border-color": "#e5e6eb",
+  "popover-content-white-theme-border-color": "var(--line-color)",
   "popover-shadow-color": "rgba(0,0,0,0.1)",
   "popover-menu-content-padding": "0 0.24rem",
-  "popover-menu-icon-white-theme-color": "#4e5969",
+  "popover-menu-icon-white-theme-color": "var(--sub-font-color)",
   "popover-menu-active-background": "#242425",
   "popover-menu-active-white-theme-background": "#F7F8FA",
   "popover-horizontal-menu-max-width": "5.76rem",
@@ -374,18 +376,18 @@ var tokens = {
   "popover-text-suffix-padding": "0 0.24rem 0 0",
   "popover-mask-background": "rgba(0, 0, 0, .6)",
   "load-more-font-size": "0.28rem",
-  "load-more-text-color": "#86909c",
-  "cell-text-color": "#86909c",
-  "cell-label-color": "#1d2129",
-  "cell-label-icon-color": "#4e5969",
-  "cell-desc-color": "#86909c",
+  "load-more-text-color": "var(--sub-info-font-color)",
+  "cell-text-color": "var(--sub-info-font-color)",
+  "cell-label-color": "var(--font-color)",
+  "cell-label-icon-color": "var(--sub-font-color)",
+  "cell-desc-color": "var(--sub-info-font-color)",
   "cell-desc-font-size": "0.28rem",
   "cell-desc-margin-top": "0.04rem",
   "cell-content-font-size": "0.28rem",
-  "cell-arrow-color": "#c9cdd4",
+  "cell-arrow-color": "var(--disabled-color)",
   "cell-arrow-gutter": "0.16rem",
   "cell-arrow-font-size": "0.24rem",
-  "cell-background-color": "#ffffff",
+  "cell-background-color": "var(--background-color)",
   "cell-font-size": "0.32rem",
   "cell-horizontal-padding": "0.32rem",
   "cell-item-height": "1.08rem",
@@ -408,14 +410,14 @@ var tokens = {
   "tag-large-size-padding": "0.12rem",
   "tag-filleted-padding": "0.16rem",
   "tag-border-radius": "2PX",
-  "tag-primary-color": "#165dff",
+  "tag-primary-color": "var(--primary-color)",
   "tag-primary-background-color": "#e8f3ff",
-  "tag-primary-border-color": "#165dff",
-  "tag-hollow-color": "#165dff",
-  "tag-hollow-border-color": "#165dff",
+  "tag-primary-border-color": "var(--primary-color)",
+  "tag-hollow-color": "var(--primary-color)",
+  "tag-hollow-border-color": "var(--primary-color)",
   "tag-solid-color": "#ffffff",
-  "tag-solid-background-color": "#165dff",
-  "tag-solid-border-color": "#165dff",
+  "tag-solid-background-color": "var(--primary-color)",
+  "tag-solid-border-color": "var(--primary-color)",
   "tag-list-horizontal-gutter": "0.16rem",
   "tag-list-vertical-gutter": "0",
   "tag-list-add-border-color": "#c2c6cc",
@@ -429,70 +431,70 @@ var tokens = {
   "dropdown-menu-padding": "0.3rem",
   "dropdown-menu-font-size": "0.32rem",
   "dropdown-menu-line-height": "0.44rem",
-  "dropdown-menu-color": "#1d2129",
-  "dropdown-menu-selected-color": "#165dff",
-  "dropdown-menu-disabled-color": "#c9cdd4",
+  "dropdown-menu-color": "var(--font-color)",
+  "dropdown-menu-selected-color": "var(--primary-color)",
+  "dropdown-menu-disabled-color": "var(--disabled-color)",
   "dropdown-menu-tip-color": "#707070",
   "dropdown-menu-tip-min-width": "0.36rem",
   "dropdown-menu-tip-padding-right": "0.32rem",
   "dropdown-menu-label-max-width": "1.92rem",
   "dropdown-menu-icon-size": "12PX",
-  "dropdown-menu-icon-color": "#c9cdd4",
-  "dropdown-menu-icon-selected-color": "#165dff",
+  "dropdown-menu-icon-color": "var(--disabled-color)",
+  "dropdown-menu-icon-selected-color": "var(--primary-color)",
   "dropdown-menu-icon-margin-left": "4PX",
   "dropdown-options-background-color": "#ffffff",
   "dropdown-options-item-padding": "0.32rem",
   "dropdown-options-item-font-size": "0.32rem",
   "dropdown-options-item-line-height": "0.44rem",
-  "dropdown-options-item-color": "#1d2129",
-  "dropdown-options-item-selected-color": "#165dff",
-  "dropdown-options-item-disabled-color": "#c9cdd4",
+  "dropdown-options-item-color": "var(--font-color)",
+  "dropdown-options-item-selected-color": "var(--primary-color)",
+  "dropdown-options-item-disabled-color": "var(--disabled-color)",
   "dropdown-options-item-icon-right": "0.32rem",
   "dropdown-mask-background-color": "rgba(0, 0, 0, 0.5)",
   "dropdown-multi-rows-options-gutter": "0.24rem",
   "dropdown-multi-rows-options-item-padding": "0.16rem",
   "dropdown-multi-rows-options-item-font-size": "0.28rem",
   "dropdown-multi-rows-options-item-line-height": "0.4rem",
-  "dropdown-multi-rows-options-item-color": "#4e5969",
+  "dropdown-multi-rows-options-item-color": "var(--sub-font-color)",
   "dropdown-multi-rows-options-item-border-radius": "2PX",
   "dropdown-multi-rows-options-item-background": "#f7f8fa",
   "dropdown-multi-rows-options-item-selected-background": "#E8F3FF",
-  "dropdown-multi-rows-options-item-selected-color": "#165dff",
+  "dropdown-multi-rows-options-item-selected-color": "var(--primary-color)",
   "dropdown-multi-rows-options-container-padding": "0.32rem",
   "dropdown-multi-rows-options-container-margin": "0 -0.24rem -0.24rem 0",
-  "collapse-disabled-header-color": "#c9cdd4",
-  "collapse-header-background": "#ffffff",
+  "collapse-disabled-header-color": "var(--disabled-color)",
+  "collapse-header-background": "var(--background-color)",
   "collapse-header-height": "1.08rem",
   "collapse-header-font-size": "0.32rem",
   "collapse-header-margin-left": "0.32rem",
   "collapse-header-padding": "0.32rem 0.32rem 0.32rem 0",
-  "collapse-header-color": "#1d2129",
+  "collapse-header-color": "var(--font-color)",
   "collapse-header-line-height": "0.44rem",
-  "collapse-header-icon-color": "#c9cdd4",
+  "collapse-header-icon-color": "var(--disabled-color)",
   "collapse-content-padding": "0.24rem 0.32rem",
   "collapse-content-font-size": "0.28rem",
-  "collapse-content-color": "#86909c",
+  "collapse-content-color": "var(--sub-info-font-color)",
   "collapse-content-line-height": "0.44rem",
   "pull-refresh-label-background-color": "#f7f8fa",
   "pull-refresh-label-font-size": "0.24rem",
-  "pull-refresh-content-background-color": "#ffffff",
+  "pull-refresh-content-background-color": "var(--background-color)",
   "pull-refresh-label-text-color": "#787878",
-  "pull-refresh-label-loading-color": "#86909c",
+  "pull-refresh-label-loading-color": "var(--sub-info-font-color)",
   "slider-padding": "0.22rem 0.32rem",
   "slider-mask-padding": "0.3rem",
   "slider-has-mark-padding-bottom": "0.7rem",
   "slider-label-font-size": "0.32rem",
   "slider-label-gutter": "0.24rem",
-  "slider-text-color": "#86909c",
-  "slider-line-color": "#e5e6eb",
+  "slider-text-color": "var(--sub-info-font-color)",
+  "slider-line-color": "var(--line-color)",
   "slider-line-border-radius": "0.08rem",
-  "slider-line-activated-color": "#165dff",
-  "slider-line-disabled-color": "#94bfff",
+  "slider-line-activated-color": "var(--primary-color)",
+  "slider-line-disabled-color": "var(--primary-disabled-color)",
   "slider-thumb-width": "0.48rem",
   "slider-thumb-height": "0.48rem",
   "slider-thumb-border-radius": "50%",
   "slider-thumb-box-shadow": "0 2PX 8PX rgba(0, 0, 0, .1)",
-  "slider-thumb-background": "#ffffff",
+  "slider-thumb-background": "var(--background-color)",
   "slider-popover-arrow-size": "6PX",
   "slider-popover-font-size": "0.24rem",
   "slider-popover-line-height": "0.34rem",
@@ -508,7 +510,7 @@ var tokens = {
   "swipe-load-label-border-radius": "50%",
   "swipe-load-label-text-margin-left": "0.4rem",
   "swipe-load-label-text-width": "0.4rem",
-  "swipe-load-label-text-color": "#1d2129",
+  "swipe-load-label-text-color": "var(--font-color)",
   "swipe-load-label-text-font-size": "0.24rem",
   "notice-bar-wrapper-padding": "0 0.32rem",
   "notice-bar-background": "#fff7e8",
@@ -525,41 +527,41 @@ var tokens = {
   "notify-error-background": "#F53F3F",
   "notify-warn-background": "#FF7D00",
   "notify-font-color": "#ffffff",
-  "notify-info-font-color": "#165dff",
+  "notify-info-font-color": "var(--primary-color)",
   "notify-font-size": "0.28rem",
   "notify-min-height": "0.72rem",
   "steps-padding": "0.32rem 0",
   "steps-tail-border-radius": "2PX",
   "steps-tail-horizontal-gutter": "18PX",
   "steps-tail-vertical-gutter": "14PX",
-  "steps-tail-horizontal-padding": "0 18PX",
-  "steps-tail-vertical-padding": "14PX 0",
+  "steps-tail-horizontal-padding": "0 var(--steps-tail-horizontal-gutter)",
+  "steps-tail-vertical-padding": "var(--steps-tail-vertical-gutter) 0",
   "steps-tail-horizontal-left": "9PX",
   "steps-tail-vertical-top": "9PX",
   "steps-tail-standard-size": "1PX",
-  "steps-tail-standard-background": "#e5e6eb",
-  "steps-tail-finish-background": "#165dff",
+  "steps-tail-standard-background": "var(--line-color)",
+  "steps-tail-finish-background": "var(--primary-color)",
   "steps-finish-icon-num-background": "#E8F3FF",
-  "steps-process-icon-num-background": "#165dff",
+  "steps-process-icon-num-background": "var(--primary-color)",
   "steps-wait-icon-num-background": "#F2F3F5",
   "steps-error-icon-num-background": "#F53F3F",
   "steps-icon-svg-standard-font-size": "10PX",
-  "steps-finish-icon-svg-color": "#165dff",
+  "steps-finish-icon-svg-color": "var(--primary-color)",
   "steps-error-icon-svg-color": "#FFFFFF",
   "steps-error-icon-svg-font-size": "8PX",
   "steps-icon-num-font-size": "12PX",
   "steps-icon-num-line-height": "18PX",
-  "steps-icon-num-color": "#86909c",
+  "steps-icon-num-color": "var(--sub-info-font-color)",
   "steps-process-icon-num-color": "#FFFFFF",
-  "steps-finish-dot-border-color": "#165dff",
-  "steps-process-dot-background": "#165dff",
-  "steps-wait-dot-border-color": "#86909c",
-  "steps-finish-title-color": "#1d2129",
+  "steps-finish-dot-border-color": "var(--primary-color)",
+  "steps-process-dot-background": "var(--primary-color)",
+  "steps-wait-dot-border-color": "var(--sub-info-font-color)",
+  "steps-finish-title-color": "var(--font-color)",
   "steps-error-title-color": "#F53F3F",
-  "steps-process-title-color": "#165dff",
-  "steps-wait-title-color": "#86909c",
-  "steps-description-color": "#4e5969",
-  "steps-wait-description-color": "#86909c",
+  "steps-process-title-color": "var(--primary-color)",
+  "steps-wait-title-color": "var(--sub-info-font-color)",
+  "steps-description-color": "var(--sub-font-color)",
+  "steps-wait-description-color": "var(--sub-info-font-color)",
   "steps-icon-width": "18PX",
   "steps-icon-height": "18PX",
   "steps-dot-width": "8PX",
@@ -597,16 +599,16 @@ var tokens = {
   "badge-border-radius": "100PX",
   "badge-border-color": "#FFFFFF",
   "circle-progress-font-size": "0.28rem",
-  "circle-progress-primary-color": "#165dff",
+  "circle-progress-primary-color": "var(--primary-color)",
   "circle-progress-track-color": "#F2F3F5",
-  "circle-progress-disabled-color": "#c9cdd4",
+  "circle-progress-disabled-color": "var(--disabled-color)",
   "circle-progress-mini-track-color": "#E8F3FF",
   "circle-progress-linear-gradient-start-color": "#4776E6",
   "circle-progress-linear-gradient-end-color": "#14CAFF",
   "circle-progress-linear-gradient-text-color": "#3C89EC",
-  "progress-primary-color": "#165dff",
+  "progress-primary-color": "var(--primary-color)",
   "progress-track-color": "#F2F3F5",
-  "progress-disabled-color": "#c9cdd4",
+  "progress-disabled-color": "var(--disabled-color)",
   "progress-disabled-text-color": "#86909C",
   "progress-linear-gradient-start-color": "#4776E6",
   "progress-linear-gradient-end-color": "#14CAFF",
@@ -625,18 +627,18 @@ var tokens = {
   "pagination-field-btn-text-font-size": "0.28rem",
   "pagination-field-btn-icon-text-gutter": "0.16rem",
   "pagination-field-btn-icon-side-margin": "-0.06rem",
-  "pagination-field-primary-background": "#165dff",
+  "pagination-field-primary-background": "var(--primary-color)",
   "pagination-field-primary-text-color": "#FFFFFF",
   "pagination-field-default-background": "#F7F8FA",
-  "pagination-field-default-text-color": "#1d2129",
+  "pagination-field-default-text-color": "var(--font-color)",
   "pagination-field-disabled-background": "#F7F8FA",
   "pagination-field-disabled-text-color": "#C9CDD4",
-  "pagination-field-text-color": "#1d2129",
-  "pagination-field-text-primary-text-color": "#165dff",
+  "pagination-field-text-color": "var(--font-color)",
+  "pagination-field-text-primary-text-color": "var(--primary-color)",
   "pagination-item-font-size": "0.36rem",
   "pagination-item-line-height": "0.44rem",
-  "pagination-item-primary-text-color": "#165dff",
-  "pagination-item-default-text-color": "#1d2129",
+  "pagination-item-primary-text-color": "var(--primary-color)",
+  "pagination-item-default-text-color": "var(--font-color)",
   "progress-text-inner-color": "#FFFFFF",
   "progress-text-gutter": "0.16rem",
   "progress-text-font-size": "0.28rem",
@@ -652,7 +654,7 @@ var tokens = {
   "rate-icon-disabled-active-color": "#C9CDD4",
   "count-down-font-size": "0.32rem",
   "count-down-line-height": "0.44rem",
-  "count-down-color": "#1d2129",
+  "count-down-color": "var(--font-color)",
   "grid-icon-width": "0.64rem",
   "grid-icon-height": "0.64rem",
   "grid-vertical-text-margin-top": "0.16rem",
@@ -663,7 +665,7 @@ var tokens = {
   "grid-vertical-content-line-height": "0.32rem",
   "grid-horizontal-text-margin-left": "0.24rem",
   "grid-horizontal-content-margin-top": "0",
-  "grid-border-color": "#e5e6eb",
+  "grid-border-color": "var(--line-color)",
   "grid-border-size": "66.66%",
   "action-sheet-item-height": "1.08rem",
   "action-sheet-item-font-size": "0.32rem",
@@ -682,21 +684,21 @@ var tokens = {
   "search-bar-input-wrapper-background-color": "#F2F3F5",
   "search-bar-input-wrapper-font-size": "0.28rem",
   "search-bar-input-height": "0.4rem",
-  "search-bar-input-caret-color": "#165dff",
-  "search-bar-input-placeholder-color": "#c9cdd4",
+  "search-bar-input-caret-color": "var(--primary-color)",
+  "search-bar-input-placeholder-color": "var(--disabled-color)",
   "search-bar-prefix-margin-right": "0.18rem",
   "search-bar-clear-icon-color": "#C9CDD4",
   "search-bar-search-icon-color": "#86909C",
   "search-bar-search-icon-font-size": "0.32rem",
-  "search-bar-cancel-btn-color": "#165dff",
+  "search-bar-cancel-btn-color": "var(--primary-color)",
   "search-bar-cancel-btn-font-size": "0.3rem",
   "search-bar-cancel-btn-margin-left": "0.32rem",
   "search-bar-association-background-color": "#FFFFFF",
   "search-bar-association-item-height": "1.04rem",
   "search-bar-association-item-padding": "0.32rem",
   "search-bar-association-item-font-size": "0.3rem",
-  "search-bar-association-item-color": "#1d2129",
-  "search-bar-association-item-highlight-color": "#165dff",
+  "search-bar-association-item-color": "var(--font-color)",
+  "search-bar-association-item-highlight-color": "var(--primary-color)",
   "image-picker-font-size": "0.28rem",
   "image-picker-disabled-opacity": "0.7",
   "image-picker-border-radius": "0.04rem",
@@ -704,7 +706,7 @@ var tokens = {
   "image-picker-add-icon-font-size": "0.6rem",
   "image-picker-add-icon-color": "#d8d8d8",
   "image-picker-add-text-font-size": "0.24rem",
-  "image-picker-add-text-color": "#86909c",
+  "image-picker-add-text-color": "var(--sub-info-font-color)",
   "image-picker-error-color": "#ffffff",
   "image-picker-error-background": "rgba(0, 0, 0, 0.5)",
   "image-picker-close-color": "#ffffff",

package/tokens/app/arcodesign/default/index.json

@@ -3155,6 +3155,30 @@
             "en": "Ellipsis default font size"
         }
     },
+    "ellipsisFloatEllipsisNodeBackground": {
+        "cssKey": "ellipsis-float-ellipsis-node-background",
+        "desc": "文字缩略组件浮动模式下的缩略符背景色",
+        "override": "",
+        "value": "linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff)",
+        "jsValue": "linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff)",
+        "staticValue": "linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff)",
+        "localeDesc": {
+            "ch": "文字缩略组件浮动模式下的缩略符背景色",
+            "en": "Background of floating ellipsis node"
+        }
+    },
+    "ellipsisFloatEllipsisNodePaddingLeft": {
+        "cssKey": "ellipsis-float-ellipsis-node-padding-left",
+        "desc": "文字缩略组件浮动模式下的缩略符左边距",
+        "override": "",
+        "value": "20PX",
+        "jsValue": "20PX",
+        "staticValue": "20PX",
+        "localeDesc": {
+            "ch": "文字缩略组件浮动模式下的缩略符左边距",
+            "en": "Padding left of floating ellipsis node"
+        }
+    },
     "fixedZIndex": {
         "cssKey": "fixed-z-index",
         "desc": "固定组件zIndex基础值",

package/tokens/app/arcodesign/default/index.less

@@ -193,6 +193,8 @@
 @button-mini-height: ~`pxtorem(24)`;
 @button-mini-text-size: ~`pxtorem(12)`;
 @ellipsis-default-text-size: ~`pxtorem(16)`;
+@ellipsis-float-ellipsis-node-background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff);
+@ellipsis-float-ellipsis-node-padding-left: 20PX;
 @checkbox-icon-color: #c2c6cc;
 @checkbox-icon-font-size: 20PX;
 @checkbox-icon-margin-right: ~`pxtorem(8)`;