Fix clip-rule warning by converting the svg property into a React format of clipRule (#161)

* Fix clip-rule warning by converting the svg property into a React format of clipRule

* Add changelog

* Update packages/flame/CHANGELOG.md

Co-authored-by: Guillaume Lambert <[email protected]>

Co-authored-by: Guillaume Lambert <[email protected]>

Author: Tom Bertrand

packages/flame/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Refer to the [CONTRIBUTING guide](https://github.com/lightspeed/flame/blob/master/.github/CONTRIBUTING.md) for more info.
 
+## [Unreleased]
+
+### Fixed
+
+- Fix clip-rule warning by converting the svg property into a React format of clipRule ([#161](https://github.com/lightspeed/flame/pull/161))
+
 ## 2.3.1 - 2022-03-04
 
 ### Added

packages/flame/scripts/generate-icons.js

@@ -89,6 +89,7 @@ export { NextIcon as Icon${componentIconName} };`;
                 .replace(/<\/?svg(?:\s.+?)?>/g, '')
                 .replace(/id="((base|details)-\d)"/g, 'style="fill: var(--cr-icon-$1-fill)"')
                 .replace(/fill-rule=/g, 'fillRule=')
+                .replace(/clip-rule=/g, 'clipRule=')
                 .replace(/<g.*?>/, `<symbol id="cr-icon-${iconName}">`)
                 .replace(/<\/g>(?!.*<\/g>)/, '</symbol>')
                 .trim(),