feat(chore): generate sprite from svg folder

1024pix · Sep 12, 2024 · cdce2a0 · cdce2a0
1 parent 6ce0132
commit cdce2a0
Show file tree

Hide file tree

Showing 123 changed files with 1,238 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -45,6 +45,10 @@
     "test": "ember test",
     "test:ember": "ember test",
     "test:ember-compatibility": "ember try:each",
+    "svg:generate-sprite": "npm run svg:compile && npm run svg:optimize && npm run svg:rename-id",
+    "svg:compile": "svg-sprite -C 'svgs/svg-sprite.config.json' 'svgs/icons/*.svg'",
+    "svg:optimize": "svgo --config='svgs/svgo.config.js' -i 'public/svg/' -o 'public/svg/'",
+    "svg:rename-id": "bash ./svgs/rename-icon-id-in-sprite.sh",
     "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN --only-changed"
   },
   "dependencies": {
@@ -123,6 +127,8 @@
     "sass": "^1.56.1",
     "storybook": "^8.0.0",
     "stylelint": "^16.0.2",
+    "svg-sprite": "^2.0.4",
+    "svgo": "^3.3.2",
     "webpack": "^5.75.0"
   },
   "bugs": {

diff --git a/public/svg/pix-sprite.svg b/public/svg/pix-sprite.svg
diff --git a/svgs/icons/account_circle_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/account_circle_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/account_circle_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg b/svgs/icons/account_circle_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/add_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/add_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/airline_seat_recline_normal_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/airline_seat_recline_normal_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_back_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_back_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_back_ios_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_back_ios_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_downward_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_downward_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_drop_down_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_drop_down_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_drop_up_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_drop_up_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_forward_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_forward_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_forward_ios_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_forward_ios_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/arrow_upward_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/arrow_upward_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/assignment_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/assignment_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/assignment_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg b/svgs/icons/assignment_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/bookmark_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/bookmark_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/bookmark_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg b/svgs/icons/bookmark_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/campaign_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/campaign_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/campaign_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg b/svgs/icons/campaign_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/cancel_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/cancel_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/cancel_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg b/svgs/icons/cancel_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/check_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/check_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/check_circle_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/check_circle_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/check_circle_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg b/svgs/icons/check_circle_24dp_E8EAED_FILL1_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/check_indeterminate_small_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/check_indeterminate_small_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/chevron_left_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/chevron_left_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg
diff --git a/svgs/icons/chevron_right_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg b/svgs/icons/chevron_right_24dp_E8EAED_FILL0_wght500_GRAD0_opsz24.svg