fix: fix viewBox

depromeet · Jul 19, 2024 · 4c6cf0e · 4c6cf0e
1 parent 7568c22
commit 4c6cf0e
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git a/packages/core/sds/src/components/Icon/assets/AngleDown.tsx b/packages/core/sds/src/components/Icon/assets/AngleDown.tsx
@@ -4,7 +4,7 @@ export const AngleDownIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M1.50996 6.07922C1.70694 6.07896 1.90203 6.1177 2.08396 6.19322C2.26589 6.26874 2.43107 6.37954 2.56996 6.51922L10.243 14.1912C10.4751 14.4234 10.7507 14.6076 11.0541 14.7333C11.3575 14.859 11.6826 14.9237 12.011 14.9237C12.3393 14.9237 12.6645 14.859 12.9678 14.7333C13.2712 14.6076 13.5468 14.4234 13.779 14.1912L21.44 6.52922C21.5783 6.38596 21.7438 6.27168 21.9269 6.19307C22.1099 6.11446 22.3067 6.07308 22.5059 6.07135C22.705 6.06961 22.9025 6.10757 23.0869 6.18299C23.2712 6.25841 23.4387 6.36979 23.5795 6.51063C23.7204 6.65147 23.8318 6.81894 23.9072 7.00329C23.9826 7.18763 24.0206 7.38515 24.0188 7.58432C24.0171 7.78349 23.9757 7.98032 23.8971 8.16333C23.8185 8.34633 23.7042 8.51185 23.561 8.65022L15.9 16.3122C14.8679 17.3424 13.4692 17.921 12.011 17.921C10.5527 17.921 9.15405 17.3424 8.12196 16.3122L0.448958 8.64022C0.239042 8.43044 0.0960714 8.1631 0.0381373 7.87204C-0.0197968 7.58098 0.00990933 7.27928 0.123497 7.0051C0.237084 6.73093 0.429448 6.49661 0.676247 6.3318C0.923045 6.16699 1.21319 6.07909 1.50996 6.07922Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/AngleLeft.tsx b/packages/core/sds/src/components/Icon/assets/AngleLeft.tsx
@@ -4,7 +4,7 @@ export const AngleLeftIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M17.9209 1.50508C17.9206 1.90277 17.7623 2.28404 17.4809 2.56508L9.80895 10.2371C9.57673 10.4692 9.39252 10.7449 9.26684 11.0482C9.14117 11.3516 9.07648 11.6767 9.07648 12.0051C9.07648 12.3334 9.14117 12.6586 9.26684 12.9619C9.39252 13.2653 9.57673 13.5409 9.80895 13.7731L17.4709 21.4351C17.7442 21.718 17.8954 22.0969 17.892 22.4902C17.8885 22.8835 17.7308 23.2597 17.4527 23.5378C17.1746 23.8159 16.7983 23.9737 16.405 23.9771C16.0118 23.9805 15.6329 23.8293 15.3499 23.5561L7.68795 15.9001C6.65771 14.8678 6.0791 13.469 6.0791 12.0106C6.0791 10.5522 6.65771 9.15334 7.68795 8.12108L15.3599 0.444075C15.5697 0.234159 15.8371 0.0911886 16.1281 0.0332545C16.4192 -0.0246796 16.7209 0.00502652 16.9951 0.118614C17.2692 0.232202 17.5036 0.424565 17.6684 0.671364C17.8332 0.918163 17.9211 1.2083 17.9209 1.50508Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/AngleRight.tsx b/packages/core/sds/src/components/Icon/assets/AngleRight.tsx
@@ -4,7 +4,7 @@ export const AngleRightIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M6.0791 22.5C6.07945 22.1023 6.23772 21.7211 6.5191 21.44L14.1911 13.768C14.4233 13.5359 14.6075 13.2602 14.7332 12.9569C14.8589 12.6535 14.9236 12.3284 14.9236 12C14.9236 11.6717 14.8589 11.3465 14.7332 11.0432C14.6075 10.7398 14.4233 10.4642 14.1911 10.232L6.5291 2.56502C6.25586 2.28211 6.10467 1.90321 6.10809 1.50992C6.11151 1.11662 6.26926 0.740401 6.54737 0.462289C6.82549 0.184177 7.2017 0.0264236 7.595 0.0230059C7.9883 0.0195883 8.3672 0.17078 8.6501 0.444017L16.3121 8.10502C17.3423 9.13728 17.9209 10.5361 17.9209 11.9945C17.9209 13.4529 17.3423 14.8518 16.3121 15.884L8.6401 23.556C8.43062 23.7656 8.16374 23.9085 7.87315 23.9666C7.58255 24.0247 7.28126 23.9954 7.00729 23.8824C6.73332 23.7695 6.49895 23.5779 6.33376 23.3319C6.16857 23.0858 6.07995 22.7964 6.0791 22.5Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/AngleSmallDown.tsx b/packages/core/sds/src/components/Icon/assets/AngleSmallDown.tsx
@@ -4,7 +4,7 @@ export const AngleSmallDownIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M19.0611 7.85374C18.9218 7.71435 18.7564 7.60378 18.5744 7.52834C18.3923 7.45289 18.1972 7.41406 18.0001 7.41406C17.8031 7.41406 17.6079 7.45289 17.4259 7.52834C17.2438 7.60378 17.0784 7.71435 16.9391 7.85374L12.3531 12.4387C12.2594 12.5325 12.1322 12.5851 11.9996 12.5851C11.867 12.5851 11.7399 12.5325 11.6461 12.4387L7.06113 7.85374C6.77986 7.57235 6.39834 7.41421 6.00048 7.41411C5.60262 7.41402 5.22102 7.57198 4.93963 7.85324C4.65823 8.1345 4.50009 8.51603 4.5 8.91389C4.49991 9.31175 4.65786 9.69335 4.93913 9.97474L9.52513 14.5607C9.85014 14.8858 10.236 15.1436 10.6607 15.3195C11.0853 15.4955 11.5405 15.586 12.0001 15.586C12.4598 15.586 12.9149 15.4955 13.3396 15.3195C13.7643 15.1436 14.1501 14.8858 14.4751 14.5607L19.0611 9.97474C19.3423 9.69345 19.5003 9.31199 19.5003 8.91424C19.5003 8.5165 19.3423 8.13503 19.0611 7.85374Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/AngleSmallRight.tsx b/packages/core/sds/src/components/Icon/assets/AngleSmallRight.tsx
@@ -4,7 +4,7 @@ export const AngleSmallRightIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M15.7501 9.52513L11.1641 4.93913C10.8827 4.65786 10.5011 4.49991 10.1033 4.5C9.70543 4.50009 9.3239 4.65823 9.04264 4.93963C8.76138 5.22102 8.60342 5.60262 8.60352 6.00048C8.60361 6.39834 8.76175 6.77986 9.04314 7.06113L13.6291 11.6461C13.6757 11.6926 13.7126 11.7477 13.7378 11.8085C13.7631 11.8692 13.776 11.9344 13.776 12.0001C13.776 12.0659 13.7631 12.131 13.7378 12.1918C13.7126 12.2525 13.6757 12.3077 13.6291 12.3541L9.04314 16.9391C8.76175 17.2204 8.60361 17.6019 8.60352 17.9998C8.60342 18.3976 8.76138 18.7792 9.04264 19.0606C9.3239 19.342 9.70543 19.5002 10.1033 19.5003C10.5011 19.5003 10.8827 19.3424 11.1641 19.0611L15.7501 14.4751C16.4054 13.8181 16.7733 12.928 16.7733 12.0001C16.7733 11.0722 16.4054 10.1822 15.7501 9.52513Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/AngleSmallUp.tsx b/packages/core/sds/src/components/Icon/assets/AngleSmallUp.tsx
@@ -4,7 +4,7 @@ export const AngleSmallUpIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M19.061 13.439L14.475 8.85401C13.8084 8.21718 12.9219 7.86182 12 7.86182C11.0781 7.86182 10.1916 8.21718 9.52499 8.85401L4.93899 13.439C4.6576 13.7204 4.49951 14.1021 4.49951 14.5C4.49951 14.898 4.6576 15.2796 4.93899 15.561C5.22039 15.8424 5.60204 16.0005 5.99999 16.0005C6.39794 16.0005 6.7796 15.8424 7.06099 15.561L11.647 10.975C11.7408 10.8813 11.8679 10.8286 12.0005 10.8286C12.1331 10.8286 12.2602 10.8813 12.354 10.975L16.939 15.561C17.2204 15.8424 17.602 16.0005 18 16.0005C18.3979 16.0005 18.7796 15.8424 19.061 15.561C19.3424 15.2796 19.5005 14.898 19.5005 14.5C19.5005 14.1021 19.3424 13.7204 19.061 13.439Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/AngleUp.tsx b/packages/core/sds/src/components/Icon/assets/AngleUp.tsx
@@ -4,7 +4,7 @@ export const AngleUpIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M22.5004 17.9999C22.3033 17.9999 22.1082 17.961 21.9261 17.8855C21.7441 17.81 21.5787 17.6994 21.4394 17.5599L13.7684 9.88893C13.5362 9.65672 13.2606 9.47251 12.9572 9.34683C12.6539 9.22115 12.3287 9.15647 12.0004 9.15647C11.672 9.15647 11.3469 9.22115 11.0435 9.34683C10.7402 9.47251 10.4645 9.65672 10.2324 9.88893L2.57039 17.5509C2.28748 17.8242 1.90858 17.9754 1.51529 17.9719C1.12199 17.9685 0.745772 17.8108 0.46766 17.5327C0.189548 17.2545 0.0317946 16.8783 0.028377 16.485C0.0249594 16.0917 0.176151 15.7128 0.449388 15.4299L8.11139 7.76794C9.14348 6.73776 10.5421 6.15918 12.0004 6.15918C13.4586 6.15918 14.8573 6.73776 15.8894 7.76794L23.5614 15.4399C23.771 15.6498 23.9136 15.917 23.9714 16.2079C24.0291 16.4988 23.9993 16.8003 23.8858 17.0742C23.7722 17.3482 23.58 17.5824 23.3334 17.7471C23.0868 17.9119 22.797 17.9999 22.5004 17.9999Z"
         fill={color}

diff --git a/packages/core/sds/src/components/Icon/assets/CaretDown.tsx b/packages/core/sds/src/components/Icon/assets/CaretDown.tsx
@@ -4,7 +4,7 @@ export const CaretDownIcon = (props: IconAssetProps) => {
   const { color, size } = props;
 
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M6.40987 9H17.5899C17.7876 9.00083 17.9807 9.06028 18.1447 9.17085C18.3087 9.28141 18.4362 9.43811 18.5111 9.62115C18.5861 9.80418 18.605 10.0053 18.5656 10.1991C18.5263 10.3929 18.4303 10.5707 18.2899 10.71L12.7099 16.29C12.6169 16.3837 12.5063 16.4581 12.3844 16.5089C12.2626 16.5596 12.1319 16.5858 11.9999 16.5858C11.8679 16.5858 11.7372 16.5596 11.6153 16.5089C11.4934 16.4581 11.3828 16.3837 11.2899 16.29L5.70987 10.71C5.56945 10.5707 5.47348 10.3929 5.43409 10.1991C5.39471 10.0053 5.41368 9.80418 5.4886 9.62115C5.56353 9.43811 5.69104 9.28141 5.85503 9.17085C6.01901 9.06028 6.2121 9.00083 6.40987 9Z"
         fill={color}