fix: fixed pagination font color

ecomfe · Nov 21, 2023 · 3182515 · 3182515
1 parent a01769a
commit 3182515
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/packages/less-plugin-dls/CHANGELOG.md b/packages/less-plugin-dls/CHANGELOG.md
@@ -1,8 +1,12 @@
 > ⚠️ - Breaking Changes
 
+## 11.8.2
+
+- Fix pagination font color.
+
 ## 11.8.1
 
-- Removed unnecessary tokens for pagination.
+- ⚠️ Removed unnecessary tokens for pagination.
 - Add font color token for pagination's current page.
 
 ## 11.8.0

diff --git a/packages/less-plugin-dls/package.json b/packages/less-plugin-dls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "less-plugin-dls",
-  "version": "11.8.1",
+  "version": "11.8.2",
   "description": "Less plugin for Baidu Light DLS.",
   "main": "dist/index.js",
   "scripts": {

diff --git a/packages/less-plugin-dls/test/specs/pagination/pagination.css b/packages/less-plugin-dls/test/specs/pagination/pagination.css
@@ -12,13 +12,14 @@ div {
   -dls-pagination-goto-input-padding-x: 8px;
   -dls-pagination-goto-input-digits: 3;
   -dls-pagination-goto-input-width: calc(3ch + 18px);
+  -dls-pagination-page-item-font-color: rgba(19, 22, 26, 0.9);
   -dls-pagination-page-item-font-color-disabled: rgba(83, 98, 128, 0.5);
   -dls-pagination-page-item-background-color: #fff;
   -dls-pagination-page-item-background-color-hover: #f6f7fa;
   -dls-pagination-page-item-background-color-focus: #f6f7fa;
   -dls-pagination-page-item-background-color-active: #e2e6f0;
   -dls-pagination-page-item-background-color-disabled: #fff;
-  -dls-pagination-page-item-font-color: #0054e6;
+  -dls-pagination-page-item-font-color-current: #0054e6;
   -dls-pagination-page-item-background-color-current: #ebf2ff;
   -dls-pagination-page-item-background-color-current-hover: #dce9ff;
   -dls-pagination-page-item-background-color-current-focus: #dce9ff;

diff --git a/packages/less-plugin-dls/test/specs/pagination/pagination.less b/packages/less-plugin-dls/test/specs/pagination/pagination.less
@@ -19,7 +19,7 @@ div {
   -dls-pagination-page-item-background-color-focus: @dls-pagination-page-item-background-color-focus;
   -dls-pagination-page-item-background-color-active: @dls-pagination-page-item-background-color-active;
   -dls-pagination-page-item-background-color-disabled: @dls-pagination-page-item-background-color-disabled;
-  -dls-pagination-page-item-font-color: @dls-pagination-page-item-font-color;
+  -dls-pagination-page-item-font-color-current: @dls-pagination-page-item-font-color-current;
   -dls-pagination-page-item-background-color-current: @dls-pagination-page-item-background-color-current;
   -dls-pagination-page-item-background-color-current-hover: @dls-pagination-page-item-background-color-current-hover;
   -dls-pagination-page-item-background-color-current-focus: @dls-pagination-page-item-background-color-current-focus;

diff --git a/packages/less-plugin-dls/tokens/components/pagination.less b/packages/less-plugin-dls/tokens/components/pagination.less
@@ -33,7 +33,7 @@
 @dls-pagination-page-item-background-color-active: @dls-background-color-pressable-active;
 @dls-pagination-page-item-background-color-disabled: @dls-pagination-page-item-background-color;
 
-@dls-pagination-page-item-font-color: @dls-foreground-color-primary;
+@dls-pagination-page-item-font-color-current: @dls-foreground-color-primary;
 @dls-pagination-page-item-background-color-current: @dls-background-color-current;
 @dls-pagination-page-item-background-color-current-hover: @dls-background-color-current-hover;
 @dls-pagination-page-item-background-color-current-focus: @dls-pagination-page-item-background-color-current-hover;