fix: stepper style

arco-design · Jul 1, 2024 · 62a8b7e · 62a8b7e
1 parent 8586b4d
commit 62a8b7e
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/packages/arcodesign/tokens/app/arcodesign/default/css-variables.less b/packages/arcodesign/tokens/app/arcodesign/default/css-variables.less
@@ -963,14 +963,14 @@
     --index-bar-sidebar-toast-radius: ~`pxtorem(4)`;
     --index-bar-sidebar-toast-padding: 0 ~`pxtorem(8)`;
     --index-bar-sidebar-toast-font-size: ~`pxtorem(24)`;
+    --stepper-width: ~`pxtorem(98)`;
     --stepper-font-size: ~`pxtorem(14)`;
     --dark-stepper-square-border-color: var(--dark-lighter-line-color);
     --stepper-square-border-color: var(--lighter-line-color);
     --stepper-square-border-radius: ~`pxtorem(2)`;
     --stepper-square-background-color: transparent;
     --stepper-round-button-border-radius: 50%;
     --stepper-round-input-background-color: transparent;
-    --stepper-width: ~`pxtorem(98)`;
     --stepper-button-size: ~`pxtorem(28)`;
     --stepper-button-icon-size: ~`pxtorem(10)`;
     --dark-stepper-default-background-color: var(--dark-card-background-color);

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.d.ts b/packages/arcodesign/tokens/app/arcodesign/default/index.d.ts
@@ -962,14 +962,14 @@ export interface ArcodesignToken extends Record<string, string> {
     'index-bar-sidebar-toast-radius': string;
     'index-bar-sidebar-toast-padding': string;
     'index-bar-sidebar-toast-font-size': string;
+    'stepper-width': string;
     'stepper-font-size': string;
     'dark-stepper-square-border-color': string;
     'stepper-square-border-color': string;
     'stepper-square-border-radius': string;
     'stepper-square-background-color': string;
     'stepper-round-button-border-radius': string;
     'stepper-round-input-background-color': string;
-    'stepper-width': string;
     'stepper-button-size': string;
     'stepper-button-icon-size': string;
     'dark-stepper-default-background-color': string;

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.js b/packages/arcodesign/tokens/app/arcodesign/default/index.js
@@ -974,14 +974,14 @@ var tokens = {
   "index-bar-sidebar-toast-radius": "0.08rem",
   "index-bar-sidebar-toast-padding": "0 0.16rem",
   "index-bar-sidebar-toast-font-size": "0.48rem",
+  "stepper-width": "1.96rem",
   "stepper-font-size": "0.28rem",
   "dark-stepper-square-border-color": "var(--dark-lighter-line-color)",
   "stepper-square-border-color": "var(--lighter-line-color)",
   "stepper-square-border-radius": "0.04rem",
   "stepper-square-background-color": "transparent",
   "stepper-round-button-border-radius": "50%",
   "stepper-round-input-background-color": "transparent",
-  "stepper-width": "1.96rem",
   "stepper-button-size": "0.56rem",
   "stepper-button-icon-size": "0.2rem",
   "dark-stepper-default-background-color": "var(--dark-card-background-color)",

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.json b/packages/arcodesign/tokens/app/arcodesign/default/index.json
@@ -9420,7 +9420,7 @@
         "staticValue": "1.96rem",
         "localeDesc": {
             "ch": "步进器整体宽度",
-            "en": "Button size of Stepper"
+            "en": "Width of Stepper"
         }
     },
     "stepsDescriptionColor": {

diff --git a/packages/arcodesign/tokens/app/arcodesign/default/index.less b/packages/arcodesign/tokens/app/arcodesign/default/index.less
@@ -962,14 +962,14 @@
 @index-bar-sidebar-toast-radius: ~`pxtorem(4)`;
 @index-bar-sidebar-toast-padding: 0 ~`pxtorem(8)`;
 @index-bar-sidebar-toast-font-size: ~`pxtorem(24)`;
+@stepper-width: ~`pxtorem(98)`;
 @stepper-font-size: ~`pxtorem(14)`;
 @dark-stepper-square-border-color: @dark-lighter-line-color;
 @stepper-square-border-color: @lighter-line-color;
 @stepper-square-border-radius: ~`pxtorem(2)`;
 @stepper-square-background-color: transparent;
 @stepper-round-button-border-radius: 50%;
 @stepper-round-input-background-color: transparent;
-@stepper-width: ~`pxtorem(98)`;
 @stepper-button-size: ~`pxtorem(28)`;
 @stepper-button-icon-size: ~`pxtorem(10)`;
 @dark-stepper-default-background-color: @dark-card-background-color;

diff --git a/packages/arcodesign/tokens/src/arcodesign/default/index.js b/packages/arcodesign/tokens/src/arcodesign/default/index.js
@@ -3750,6 +3750,11 @@ function getCompTokens() {
          * @en IndexBar sidebar light prompt font size
          */
         indexBarSidebarToastFontSize: getRem(24),
+        /**
+         * 步进器整体宽度
+         * @en Width of Stepper
+         */
+        stepperWidth: getRem(98),
         /**
          * 步进器字体大小
          * @en Font size of Stepper
@@ -3780,11 +3785,6 @@ function getCompTokens() {
          * @en Rount input background color of Stepper
          */
         stepperRoundInputBackgroundColor: 'transparent',
-        /**
-         * 步进器整体宽度
-         * @en Width of Stepper
-         */
-        stepperWidth: getRem(98),
         /**
          * 步进器按钮尺寸
          * @en Button size of Stepper