From 438320ec0537757532ec831696060147f7e9c036 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Thu, 9 Feb 2023 22:30:17 +0100
Subject: [PATCH] fix #492: replace `stroke-width` to `strokeWidth` in React
 and Preact packages

---
 .build/build-icons.mjs          | 13 +++++++++----
 packages/icons-preact/build.mjs |  3 ++-
 packages/icons-react/build.mjs  |  3 ++-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/.build/build-icons.mjs b/.build/build-icons.mjs
index dca3c6003..966e9036b 100644
--- a/.build/build-icons.mjs
+++ b/.build/build-icons.mjs
@@ -7,8 +7,7 @@ import prettier from 'prettier'
 import bundleSize from '@atomico/rollup-plugin-sizes'
 import { visualizer } from 'rollup-plugin-visualizer'
 import license from 'rollup-plugin-license'
-import esbuild from 'rollup-plugin-esbuild';
-
+import esbuild from 'rollup-plugin-esbuild'
 
 /**
  * Build icons
@@ -29,7 +28,8 @@ export const buildIcons = ({
   indexTypeTemplate,
   extension = 'js',
   pretty = true,
-  key = true
+  key = true,
+  pascalCase = false
 }) => {
   const DIST_DIR = path.resolve(PACKAGES_DIR, name),
       svgFiles = readSvgs()
@@ -47,6 +47,11 @@ export const buildIcons = ({
             attributes.key = `svg-${i}`
           }
 
+          if(pascalCase) {
+            attributes.strokeWidth = attributes['stroke-width']
+            delete attributes['stroke-width']
+          }
+
           return [name, attributes]
         })
         .filter((i) => {
@@ -93,7 +98,7 @@ export const buildIcons = ({
 export const getRollupPlugins = (pkg, minify) => {
   return [
     esbuild({
-      minify,
+      minify
     }),
     license({
       banner: `${pkg.name} v${pkg.version} - ${pkg.license}`
diff --git a/packages/icons-preact/build.mjs b/packages/icons-preact/build.mjs
index 1c266f6bf..7dc82a451 100644
--- a/packages/icons-preact/build.mjs
+++ b/packages/icons-preact/build.mjs
@@ -37,5 +37,6 @@ buildIcons({
   componentTemplate,
   indexItemTemplate,
   typeDefinitionsTemplate,
-  indexTypeTemplate
+  indexTypeTemplate,
+  pascalCase: true
 })
diff --git a/packages/icons-react/build.mjs b/packages/icons-react/build.mjs
index 0fb8bd3a7..71c491cb5 100644
--- a/packages/icons-react/build.mjs
+++ b/packages/icons-react/build.mjs
@@ -42,5 +42,6 @@ buildIcons({
   componentTemplate,
   indexItemTemplate,
   typeDefinitionsTemplate,
-  indexTypeTemplate
+  indexTypeTemplate,
+  pascalCase: true
 })