v10.1.0 - Adds rating styles back in. (#398)

* v10.1.0 - Adds rating styles back in.

* v10.1.0 - Remove yalc reference

CHANGELOG.md

@@ -8,6 +8,13 @@ Future Todo List
 - Make typography and utility classes silent extenders (so that they can be extended by components without importing all utility classes).
 - Update to use latest v2 PIE design tokens
 
+v10.1.0
+------------------------------
+*September 15, 2022*
+
+### Added
+- Ratings `extend` back in as a short term fix for consuming applications.
+
 
 v10.0.0
 ------------------------------

package.json

@@ -2,7 +2,7 @@
   "name": "@justeat/fozzie",
   "title": "Fozzie – Just Eat UI Web Framework",
   "description": "UI Web Framework for the Just Eat Global Platform",
-  "version": "10.0.0",
+  "version": "10.1.0",
   "main": "dist/js/index.js",
   "files": [
     "dist/js",

src/scss/components/optional/_ratings.scss

@@ -21,12 +21,8 @@
     $star-size--medium          : 28px;
     $star-size--large           : 42px;
 
-  // https://github.com/justeat/f-icons/blob/master/icons/star-filled.svg
-  @warn 'To use the rating component you will need to add references to the SVGs in f-icons';
-
     .c-rating {
-        // Leaving this @extend in so people can port over from the old icon repo easily.
-        // @extend %c-icon--star--empty !optional;
+        @extend %c-icon--star--empty !optional;
         background-repeat: repeat-x;
         display: inline-block;
         height: $star-size--default;
@@ -129,8 +125,7 @@
     }
 
     .c-rating--fill {
-        // Leaving this @extend in so people can port over from the old icon repo easily.
-        // @extend %c-icon--star--fill !optional;
+        @extend %c-icon--star--fill !optional;
         vertical-align: top;
         background-repeat: repeat-x;
         display: inline-block;
@@ -154,7 +149,7 @@
         &:checked {
             & + label,
             & ~ input + label {
-                // @extend %c-icon--star--fill !optional;
+                @extend %c-icon--star--fill !optional;
             }
        }
     }
@@ -170,14 +165,12 @@
     .c-icon--star {
         display: block;
         cursor: pointer;
-        // Leaving this @extend in so people can port over from the old icon repo easily.
-        // @extend %c-icon--star--empty !optional;
+        @extend %c-icon--star--empty !optional;
         @extend %u-hideText;
 
         &:hover,
         &:hover ~ label {
-            // Leaving this @extend in so people can port over from the old icon repo easily.
-            // @extend %c-icon--star--fill !optional;
+            @extend %c-icon--star--fill !optional;
         }
     }