feat: Improve icon scaling by using viewBox and fontSize (#671)

* Use `ViewBox` for Icons. * ci: Format code * Use className instead of style * ci: Format code * Update format error * Apply suggestions from code review --------- Co-authored-by: Seam Bot <seambot@getseam.com> Co-authored-by: Evan Sosenko <evan@getseam.com>
seamapi · Jan 22, 2025 · 94ffcde · 94ffcde
1 parent 1f9ac7d
commit 94ffcde
Show file tree

Hide file tree

Showing 79 changed files with 258 additions and 141 deletions.
diff --git a/package.json b/package.json
@@ -97,7 +97,7 @@
     "examples:preview": "vite preview examples",
     "examples:storybook": "vite examples --host --clearScreen false --mode storybook",
     "preexamples:preview": "npm run examples:build",
-    "generate": "svgr --out-dir src/lib/icons -- assets/icons",
+    "generate": "svgr --icon --out-dir src/lib/icons -- assets/icons",
     "pregenerate": "del src/lib/icons",
     "postgenerate": "eslint --fix src/lib/icons",
     "format": "eslint --ignore-path .gitignore --fix .",

diff --git a/src/lib/icons/AccessCodeKey.tsx b/src/lib/icons/AccessCodeKey.tsx
diff --git a/src/lib/icons/Add.tsx b/src/lib/icons/Add.tsx
diff --git a/src/lib/icons/ArrowBack.tsx b/src/lib/icons/ArrowBack.tsx
diff --git a/src/lib/icons/ArrowRestart.tsx b/src/lib/icons/ArrowRestart.tsx
diff --git a/src/lib/icons/ArrowRight.tsx b/src/lib/icons/ArrowRight.tsx
diff --git a/src/lib/icons/BatteryLevelCritical.tsx b/src/lib/icons/BatteryLevelCritical.tsx
diff --git a/src/lib/icons/BatteryLevelFull.tsx b/src/lib/icons/BatteryLevelFull.tsx
diff --git a/src/lib/icons/BatteryLevelHigh.tsx b/src/lib/icons/BatteryLevelHigh.tsx
diff --git a/src/lib/icons/BatteryLevelLow.tsx b/src/lib/icons/BatteryLevelLow.tsx
diff --git a/src/lib/icons/BatteryLevelWired.tsx b/src/lib/icons/BatteryLevelWired.tsx
diff --git a/src/lib/icons/Bee.tsx b/src/lib/icons/Bee.tsx
diff --git a/src/lib/icons/Check.tsx b/src/lib/icons/Check.tsx
diff --git a/src/lib/icons/CheckBlack.tsx b/src/lib/icons/CheckBlack.tsx
diff --git a/src/lib/icons/CheckGreen.tsx b/src/lib/icons/CheckGreen.tsx
diff --git a/src/lib/icons/CheckboxBlank.tsx b/src/lib/icons/CheckboxBlank.tsx
diff --git a/src/lib/icons/CheckboxFilled.tsx b/src/lib/icons/CheckboxFilled.tsx
diff --git a/src/lib/icons/ChevronDown.tsx b/src/lib/icons/ChevronDown.tsx
diff --git a/src/lib/icons/ChevronRight.tsx b/src/lib/icons/ChevronRight.tsx
diff --git a/src/lib/icons/ChevronWide.tsx b/src/lib/icons/ChevronWide.tsx
diff --git a/src/lib/icons/ClimateSettingSchedule.tsx b/src/lib/icons/ClimateSettingSchedule.tsx
diff --git a/src/lib/icons/Clock.tsx b/src/lib/icons/Clock.tsx
diff --git a/src/lib/icons/Close.tsx b/src/lib/icons/Close.tsx
diff --git a/src/lib/icons/CloseWhite.tsx b/src/lib/icons/CloseWhite.tsx
diff --git a/src/lib/icons/Copy.tsx b/src/lib/icons/Copy.tsx
diff --git a/src/lib/icons/DotsEllipsisMore.tsx b/src/lib/icons/DotsEllipsisMore.tsx
diff --git a/src/lib/icons/Edit.tsx b/src/lib/icons/Edit.tsx
diff --git a/src/lib/icons/ExclamationCircle.tsx b/src/lib/icons/ExclamationCircle.tsx
diff --git a/src/lib/icons/ExclamationCircleOutline.tsx b/src/lib/icons/ExclamationCircleOutline.tsx
diff --git a/src/lib/icons/Fan.tsx b/src/lib/icons/Fan.tsx
diff --git a/src/lib/icons/FanOutline.tsx b/src/lib/icons/FanOutline.tsx