diff --git a/CHANGELOG.md b/CHANGELOG.md index c930de1..32f1306 100644 --- a/CHANGELOG.md +++ b/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 ------------------------------ diff --git a/package.json b/package.json index dbc3999..5a7774e 100644 --- a/package.json +++ b/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", diff --git a/src/scss/components/optional/_ratings.scss b/src/scss/components/optional/_ratings.scss index 47034cb..f3def8c 100644 --- a/src/scss/components/optional/_ratings.scss +++ b/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; } }