fix: fix rating selected symbol color token, add font size

ecomfe · Oct 19, 2023 · 5e6a194 · 5e6a194
1 parent 7bf9081
commit 5e6a194
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 7 deletions.
diff --git a/packages/less-plugin-dls/CHANGELOG.md b/packages/less-plugin-dls/CHANGELOG.md
@@ -1,5 +1,10 @@
 > ⚠️ - Breaking Changes
 
+## 11.7.1
+
+- Fix rating selected symbol color token.
+- Add rating font size.
+
 ## 11.7.0
 
 - Add tokens for rating.

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.7.0",
+  "version": "11.7.1",
   "description": "Less plugin for Baidu Light DLS.",
   "main": "dist/index.js",
   "scripts": {

diff --git a/packages/less-plugin-dls/test/specs/rating/rating.css b/packages/less-plugin-dls/test/specs/rating/rating.css
@@ -1,9 +1,10 @@
 div {
   -dls-rating-symbol-color: #d3d9e6;
-  -dls-rating-symbol-selected: #ff9448;
+  -dls-rating-symbol-color-selected: #ff9448;
   -dls-rating-symbol-gap: var(--dls-rating-symbol-gap, 2px);
-  -dls-rating-symbol-size: 1em;
+  -dls-rating-symbol-size: 14px;
   -dls-rating-symbol-scale-hover: 1.1;
   -dls-rating-label-spacing: var(--dls-rating-label-spacing, 16px);
   -dls-rating-label-font-color: rgba(19, 22, 26, 0.9);
+  -dls-rating-label-font-size: 14px;
 }
diff --git a/packages/less-plugin-dls/test/specs/rating/rating.less b/packages/less-plugin-dls/test/specs/rating/rating.less
@@ -1,9 +1,10 @@
 div {
   -dls-rating-symbol-color: @dls-rating-symbol-color;
-  -dls-rating-symbol-selected: @dls-rating-symbol-selected;
+  -dls-rating-symbol-color-selected: @dls-rating-symbol-color-selected;
   -dls-rating-symbol-gap: @dls-rating-symbol-gap;
   -dls-rating-symbol-size: @dls-rating-symbol-size;
   -dls-rating-symbol-scale-hover: @dls-rating-symbol-scale-hover;
   -dls-rating-label-spacing: @dls-rating-label-spacing;
   -dls-rating-label-font-color: @dls-rating-label-font-color;
+  -dls-rating-label-font-size: @dls-rating-label-font-size;
 }
diff --git a/packages/less-plugin-dls/tokens/components/rating.less b/packages/less-plugin-dls/tokens/components/rating.less
@@ -1,11 +1,11 @@
 @import "../global.less";
 
 @dls-rating-symbol-color: @dls-color-gray-4;
-@dls-rating-symbol-selected: @dls-foreground-color-warning-primary;
+@dls-rating-symbol-color-selected: @dls-foreground-color-warning-primary;
 @dls-rating-symbol-gap: var(--dls-rating-symbol-gap, @dls-padding-unit * 0.5);
-@dls-rating-symbol-size: 1em;
+@dls-rating-symbol-size: @dls-rating-label-font-size;
 @dls-rating-symbol-scale-hover: 1.1;
 
 @dls-rating-label-spacing: var(--dls-rating-label-spacing, @dls-padding-unit * 4);
 @dls-rating-label-font-color: @dls-foreground-color-neutral;
-
+@dls-rating-label-font-size: @dls-font-size-1;