feat(RatingField): use data attribute instead of svg tag

vtex · Feb 4, 2025 · fee26d8 · fee26d8
1 parent 76a6a23
commit fee26d8
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/packages/ui/src/components/molecules/RatingField/styles.scss b/packages/ui/src/components/molecules/RatingField/styles.scss
@@ -1,6 +1,6 @@
 [data-fs-rating-field] {
   // --------------------------------------------------------
-  // Design Tokens for RatingField
+  // Design Tokens for Rating Field
   // --------------------------------------------------------
 
   // Label
@@ -34,11 +34,9 @@
   //  --------------------------------------------------------
   // Variants Styles
   // --------------------------------------------------------
-  &[data-fs-rating-field-error='true'] {
-    [data-fs-rating] {
-      [data-fs-rating-item='empty'] svg {
-        color: var(--fs-rating-field-error-message-color);
-      }
+  &[data-fs-rating-field-error="true"] {
+    [data-fs-rating-item="empty"] [data-fs-icon] {
+      color: var(--fs-rating-field-error-message-color);
     }
   }
 }