antd-mobile 5.32.1 → 5.32.3

package/2x/es/components/checkbox/checkbox.css

@@ -47,7 +47,7 @@
 }
 
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
-  color: #b7b7b7;
+  color: var(--adm-color-light);
   border-color: var(--adm-color-light);
   background-color: var(--adm-color-fill-content);
 }

package/2x/es/components/ellipsis/ellipsis.js

@@ -45,7 +45,6 @@ export const Ellipsis = p => {
     container.style.minHeight = 'auto';
     container.style.maxHeight = 'auto';
     container.style.textOverflow = 'clip';
-    container.style.whiteSpace = 'normal';
     container.style.webkitLineClamp = 'unset';
     container.style.display = 'block';
     const lineHeight = pxToNumber(originStyle.lineHeight);

package/2x/es/components/footer/footer.css

@@ -51,7 +51,7 @@
 
 .adm-footer-chip-link {
   cursor: pointer;
-  background-color: #e7f1ff;
+  background-color: var(--adm-color-wathet);
   color: var(--adm-color-primary);
 }
 

package/2x/es/components/image-viewer/image-viewer.css

@@ -70,6 +70,6 @@
   left: 50%;
   top: 24px;
   transform: translateX(-50%);
-  color: #e6e6e6;
+  color: var(--adm-color-border);
   font-size: var(--adm-font-size-6);
 }

package/2x/es/components/notice-bar/notice-bar.css

@@ -1,5 +1,5 @@
 .adm-notice-bar {
-  --background-color: #ababab;
+  --background-color: var(--adm-color-weak);
   --border-color: var(--adm-color-weak);
   --text-color: var(--adm-color-text-light-solid);
   --font-size: var(--adm-font-size-7);
@@ -26,11 +26,11 @@
 .adm-notice-bar.adm-notice-bar-alert {
   --background-color: #fff9ed;
   --border-color: #fff3e9;
-  --text-color: #ff6010;
+  --text-color: var(--adm-color-orange);
 }
 
 .adm-notice-bar.adm-notice-bar-error {
-  --background-color: #ff3b30;
+  --background-color: var(--adm-color-danger);
   --border-color: #d9281e;
   --text-color: #ffffff;
 }

package/2x/es/components/page-indicator/page-indicator.css

@@ -1,7 +1,7 @@
 .adm-page-indicator {
   display: flex;
   width: auto;
-  --dot-color: #dddddd;
+  --dot-color: var(--adm-color-light);
   --active-dot-color: var(--adm-color-primary);
   --dot-size: 6px;
   --active-dot-size: 26px;

package/2x/es/components/passcode-input/passcode-input.css

@@ -4,7 +4,7 @@
   --cell-size: 80px;
   --cell-gap: 12px;
   --dot-size: 20px;
-  --border-color: #e5e5e5;
+  --border-color: var(--adm-color-border);
   --border-radius: 16px;
 }
 

package/2x/es/components/progress-bar/progress-bar.css

@@ -1,6 +1,6 @@
 .adm-progress-bar {
   --track-width: var(--adm-progress-bar-track-width, 16px);
-  --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
+  --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
   --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
   --text-width: var(--adm-progress-bar-text-width, 80px);
   display: flex;

package/2x/es/components/progress-circle/progress-circle.css

@@ -3,7 +3,7 @@
 .adm-progress-circle {
   --track-width: var(--adm-progress-circle-track-width, 6px);
   --size: var(--adm-progress-circle-size, 100px);
-  --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
+  --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
   --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
   --percent: 0;
   --pi: 3.14159265;

package/2x/es/components/radio/radio.css

@@ -47,7 +47,7 @@
 }
 
 .adm-radio.adm-radio-disabled .adm-radio-icon {
-  color: #b7b7b7;
+  color: var(--adm-color-light);
   border-color: var(--adm-color-light);
   background-color: var(--adm-color-fill-content);
 }

package/2x/es/components/rate/rate.css

@@ -1,8 +1,8 @@
 .adm-rate {
   --star-size: 48px;
-  --active-color: #ffd21e;
-  --inactive-color: #e5e5e5;
-  --inactive-color-half: #dbdbdb;
+  --active-color: var(--adm-color-yellow);
+  --inactive-color: var(--adm-color-border);
+  --inactive-color-half: var(--adm-color-border);
   display: inline-flex;
   touch-action: pan-y;
   -webkit-user-select: none;

package/2x/es/components/selector/selector.css

@@ -1,6 +1,6 @@
 .adm-selector {
   --color: var(--adm-color-fill-content);
-  --checked-color: #e7f1ff;
+  --checked-color: var(--adm-color-wathet);
   --text-color: var(--adm-color-text);
   --checked-text-color: var(--adm-color-primary);
   --border: none;

package/2x/es/components/steps/steps.css

@@ -1,6 +1,6 @@
 .adm-step {
-  --line-to-next-color: #e5e5e5;
-  --icon-color: #e5e5e5;
+  --line-to-next-color: var(--adm-color-border);
+  --icon-color: var(--adm-color-border);
   position: relative;
   z-index: 0;
 }
@@ -35,7 +35,7 @@
 }
 
 .adm-step-status-wait {
-  --icon-color: #e5e5e5;
+  --icon-color: var(--adm-color-border);
 }
 
 .adm-step-status-wait .adm-step-title {

package/2x/es/components/toast/toast.css

@@ -24,6 +24,7 @@
   font-size: var(--adm-font-size-7);
   line-height: 1.5;
   box-sizing: border-box;
+  text-align: initial;
 }
 
 .adm-toast-mask .adm-toast-main-text {

package/2x/es/components/tree-select/tree-select.css

@@ -20,7 +20,7 @@
 
 .adm-tree-select-column:nth-child(2),
 .adm-tree-select-multiple-column:nth-child(2) {
-  background-color: #fafafa;
+  background-color: var(--adm-color-box);
 }
 
 .adm-tree-select-item,

package/2x/es/global/global.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);
@@ -39,6 +43,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;
@@ -51,6 +58,11 @@ html[data-prefers-color-scheme='dark'] {
 
 :root {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  --adm-color-background-body: var(--adm-color-background);
+}
+
+html {
+  background-color: var(--adm-color-background-body);
 }
 
 body {

package/2x/es/global/theme-dark.css

@@ -3,6 +3,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;

package/2x/es/global/theme-default.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.32.1",
+  "version": "5.32.3",
   "dependencies": {
     "@floating-ui/dom": "^1.4.2",
     "@rc-component/mini-decimal": "^1.1.0",

package/bundle/antd-mobile.cjs.development.js

@@ -13697,7 +13697,6 @@ const Ellipsis$1 = (p) => {
     container.style.minHeight = "auto";
     container.style.maxHeight = "auto";
     container.style.textOverflow = "clip";
-    container.style.whiteSpace = "normal";
     container.style.webkitLineClamp = "unset";
     container.style.display = "block";
     const lineHeight = pxToNumber(originStyle.lineHeight);