fix: fix viewbox

justdlabs · Dec 23, 2024 · e26dcea · e26dcea
1 parent 6f86439
commit e26dcea
Show file tree

Hide file tree

Showing 1,025 changed files with 1,026 additions and 1,025 deletions.
diff --git a/dist/cjs/index.js b/dist/cjs/index.js
diff --git a/dist/es/index.js b/dist/es/index.js
diff --git a/dist/esm/index.js b/dist/esm/index.js
diff --git a/dist/umd/index.js b/dist/umd/index.js
diff --git a/package.json b/package.json
@@ -15,7 +15,8 @@
     "prebuild": "rimraf src && rimraf dist",
     "optimize-svg": "npx svgo -f ../justd-svg -o ../optimized-svg",
     "build": "npm run optimize-svg && npm run svgr && node scripts/add-custom-attr.js && node scripts/generate-declarations.js && rollup -c",
-    "svgr": "svgr --icon --replace-attr-values '#000=none' --replace-attr-values 1em=16 --replace-attr-values 24=16 -d src -- ../optimized-svg",
+    "scale:16": "find ../optimized-svg -type f -name \"*.svg\" -exec sed -i '' 's/viewBox=\"0 0 24 24\"/viewBox=\"0 0 16 16\"/g' {} +",
+    "svgr": "npm run scale:16 && svgr --icon --replace-attr-values '#000=none' --replace-attr-values '1em=16' --replace-attr-values '24=16' -d src -- ../optimized-svg",
     "analyze": "rollup -c --bundleConfigAsCjs && npx rollup-plugin-visualizer",
     "pr": "npm run build && git commit -a",
     "release": "export GITHUB_TOKEN=$(cat .github_token) && release-it"

diff --git a/src/Icon4K.js b/src/Icon4K.js
@@ -5,7 +5,7 @@ const SvgIcon4K = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/Icon4KFill.js b/src/Icon4KFill.js
@@ -5,7 +5,7 @@ const SvgIcon4KFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAcademicCap.js b/src/IconAcademicCap.js
@@ -5,7 +5,7 @@ const SvgIconAcademicCap = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAcademicCapFill.js b/src/IconAcademicCapFill.js
@@ -5,7 +5,7 @@ const SvgIconAcademicCapFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAccessible.js b/src/IconAccessible.js
@@ -5,7 +5,7 @@ const SvgIconAccessible = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAccessibleFill.js b/src/IconAccessibleFill.js
@@ -5,7 +5,7 @@ const SvgIconAccessibleFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconActionCam.js b/src/IconActionCam.js
@@ -5,7 +5,7 @@ const SvgIconActionCam = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconActionCamFill.js b/src/IconActionCamFill.js
@@ -5,7 +5,7 @@ const SvgIconActionCamFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAdapter.js b/src/IconAdapter.js
@@ -5,7 +5,7 @@ const SvgIconAdapter = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAdapterFill.js b/src/IconAdapterFill.js
@@ -5,7 +5,7 @@ const SvgIconAdapterFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAddToCart.js b/src/IconAddToCart.js
@@ -5,7 +5,7 @@ const SvgIconAddToCart = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAddToCartFill.js b/src/IconAddToCartFill.js
@@ -5,7 +5,7 @@ const SvgIconAddToCartFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAdjustment.js b/src/IconAdjustment.js
@@ -5,7 +5,7 @@ const SvgIconAdjustment = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAdjustmentFill.js b/src/IconAdjustmentFill.js
@@ -5,7 +5,7 @@ const SvgIconAdjustmentFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAirpodGen3Left.js b/src/IconAirpodGen3Left.js
@@ -5,7 +5,7 @@ const SvgIconAirpodGen3Left = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAirpodGen3Right.js b/src/IconAirpodGen3Right.js
@@ -5,7 +5,7 @@ const SvgIconAirpodGen3Right = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAirpodsGen3.js b/src/IconAirpodsGen3.js
@@ -5,7 +5,7 @@ const SvgIconAirpodsGen3 = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAirpodsGen3Chargingcase.js b/src/IconAirpodsGen3Chargingcase.js
@@ -5,7 +5,7 @@ const SvgIconAirpodsGen3Chargingcase = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlbum.js b/src/IconAlbum.js
@@ -5,7 +5,7 @@ const SvgIconAlbum = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlbumFill.js b/src/IconAlbumFill.js
@@ -5,7 +5,7 @@ const SvgIconAlbumFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentCenter.js b/src/IconAlignmentCenter.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentCenter = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentCenterFill.js b/src/IconAlignmentCenterFill.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentCenterFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentJustify.js b/src/IconAlignmentJustify.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentJustify = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentJustifyFill.js b/src/IconAlignmentJustifyFill.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentJustifyFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentLeft.js b/src/IconAlignmentLeft.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentLeft = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentLeftFill.js b/src/IconAlignmentLeftFill.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentLeftFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentRight.js b/src/IconAlignmentRight.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentRight = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlignmentRightFill.js b/src/IconAlignmentRightFill.js
@@ -5,7 +5,7 @@ const SvgIconAlignmentRightFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAlt.js b/src/IconAlt.js
@@ -5,7 +5,7 @@ const SvgIconAlt = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAltFill.js b/src/IconAltFill.js
@@ -5,7 +5,7 @@ const SvgIconAltFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path fill="currentColor" d="M8.082 12.589H6.667l.68-2.308h.034z" />

diff --git a/src/IconAnonymous.js b/src/IconAnonymous.js
@@ -5,7 +5,7 @@ const SvgIconAnonymous = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAnonymousFill.js b/src/IconAnonymousFill.js
@@ -5,7 +5,7 @@ const SvgIconAnonymousFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconApple.js b/src/IconApple.js
@@ -5,7 +5,7 @@ const SvgIconApple = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconAppleFill.js b/src/IconAppleFill.js
@@ -5,7 +5,7 @@ const SvgIconAppleFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArchive.js b/src/IconArchive.js
@@ -5,7 +5,7 @@ const SvgIconArchive = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArchive2.js b/src/IconArchive2.js
@@ -5,7 +5,7 @@ const SvgIconArchive2 = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArchive2Fill.js b/src/IconArchive2Fill.js
@@ -5,7 +5,7 @@ const SvgIconArchive2Fill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArchiveFill.js b/src/IconArchiveFill.js
@@ -5,7 +5,7 @@ const SvgIconArchiveFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArrowDown.js b/src/IconArrowDown.js
@@ -5,7 +5,7 @@ const SvgIconArrowDown = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArrowDownFill.js b/src/IconArrowDownFill.js
@@ -5,7 +5,7 @@ const SvgIconArrowDownFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArrowDownLeft.js b/src/IconArrowDownLeft.js
@@ -5,7 +5,7 @@ const SvgIconArrowDownLeft = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArrowDownLeftFill.js b/src/IconArrowDownLeftFill.js
@@ -5,7 +5,7 @@ const SvgIconArrowDownLeftFill = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path

diff --git a/src/IconArrowDownRight.js b/src/IconArrowDownRight.js
@@ -5,7 +5,7 @@ const SvgIconArrowDownRight = (props) => (
     width="16"
     height="16"
     fill="none"
-    viewBox="0 0 24 24"
+    viewBox="0 0 16 16"
     {...props}
    className={`justd-icons ${props.className || "size-4"}`} data-slot={props["data-slot"] || "icon"} aria-hidden="true">
     <path