From 31825151e5161a163f81f9b98b98d38ed27c3e4c Mon Sep 17 00:00:00 2001 From: Justineo Date: Tue, 21 Nov 2023 12:54:25 +0800 Subject: [PATCH] fix: fixed pagination font color --- packages/less-plugin-dls/CHANGELOG.md | 6 +++++- packages/less-plugin-dls/package.json | 2 +- .../less-plugin-dls/test/specs/pagination/pagination.css | 3 ++- .../less-plugin-dls/test/specs/pagination/pagination.less | 2 +- packages/less-plugin-dls/tokens/components/pagination.less | 2 +- 5 files changed, 10 insertions(+), 5 deletions(-) diff --git a/packages/less-plugin-dls/CHANGELOG.md b/packages/less-plugin-dls/CHANGELOG.md index 7f7a365..cc855c0 100644 --- 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 index dbec639..ec0dadc 100644 --- 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 index 1132750..c66d7a5 100644 --- 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 index 228a7e0..0a7395c 100644 --- 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 index 40a5f0f..6f6b7f0 100644 --- 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;