feat(icons): new icon left right arrow

scaleway · Jan 30, 2025 · 6df4bfb · 6df4bfb
1 parent ef98866
commit 6df4bfb
Show file tree

Hide file tree

Showing 9 changed files with 52 additions and 44 deletions.
diff --git a/.changeset/perfect-bags-itch.md b/.changeset/perfect-bags-itch.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/icons": minor
+---
+
+New icon `LeftRightArrow`
diff --git a/packages/icons/src/components/Icon/__generatedIcons__/CloseCircleOutlineIcon.tsx b/packages/icons/src/components/Icon/__generatedIcons__/CloseCircleOutlineIcon.tsx
@@ -11,6 +11,6 @@ export const CloseCircleOutlineIcon = ({
 }: Omit<IconProps, 'children'>) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   <Icon {...props}>
-    <path d="M10 16.67c-3.675 0-6.67-2.995-6.67-6.67s2.995-6.67 6.67-6.67 6.67 2.995 6.67 6.67-2.995 6.67-6.67 6.67m0-15C5.39 1.67 1.67 5.39 1.67 10s3.72 8.33 8.33 8.33 8.33-3.72 8.33-8.33S14.61 1.67 10 1.67m2.16 5L10 8.83 7.84 6.67 6.67 7.84 8.83 10 6.67 12.16 7.84 13.33 10 11.17l2.16 2.16 1.17-1.17L11.17 10l2.16-2.16z" />
+    <path d="M10 16.67c-3.675 0-6.67-2.995-6.67-6.67S6.325 3.33 10 3.33s6.67 2.995 6.67 6.67-2.995 6.67-6.67 6.67m0-15c-4.61 0-8.33 3.72-8.33 8.33s3.72 8.33 8.33 8.33 8.33-3.72 8.33-8.33S14.61 1.67 10 1.67m2.16 5L10 8.83 7.84 6.67 6.67 7.84 8.83 10l-2.16 2.16 1.17 1.17L10 11.17l2.16 2.16 1.17-1.17L11.17 10l2.16-2.16z" />
   </Icon>
 )
diff --git a/packages/icons/src/components/Icon/__generatedIcons__/CrossCircleIcon.tsx b/packages/icons/src/components/Icon/__generatedIcons__/CrossCircleIcon.tsx
@@ -10,10 +10,10 @@ export const CrossCircleIcon = ({ ...props }: Omit<IconProps, 'children'>) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   <Icon {...props}>
     <path
+      fill="#727683"
       fillRule="evenodd"
+      d="M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m-2.293 9.293a1 1 0 0 0-1.414 1.414L14.586 16l-2.293 2.293a1 1 0 0 0 1.414 1.414L16 17.414l2.293 2.293a1 1 0 0 0 1.414-1.414L17.414 16l2.293-2.293a1 1 0 0 0-1.414-1.414L16 14.586z"
       clipRule="evenodd"
-      d="M16 3C8.8203 3 3 8.8203 3 16C3 23.1797 8.8203 29 16 29C23.1797 29 29 23.1797 29 16C29 8.8203 23.1797 3 16 3ZM13.7071 12.2929C13.3166 11.9024 12.6834 11.9024 12.2929 12.2929C11.9024 12.6834 11.9024 13.3166 12.2929 13.7071L14.5858 16L12.2929 18.2929C11.9024 18.6834 11.9024 19.3166 12.2929 19.7071C12.6834 20.0976 13.3166 20.0976 13.7071 19.7071L16 17.4142L18.2929 19.7071C18.6834 20.0976 19.3166 20.0976 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L17.4142 16L19.7071 13.7071C20.0976 13.3166 20.0976 12.6834 19.7071 12.2929C19.3166 11.9024 18.6834 11.9024 18.2929 12.2929L16 14.5858L13.7071 12.2929Z"
-      fill="#727683"
     />
   </Icon>
 )
diff --git a/packages/icons/src/components/Icon/__generatedIcons__/CrossCircleOutlineIcon.tsx b/packages/icons/src/components/Icon/__generatedIcons__/CrossCircleOutlineIcon.tsx
@@ -12,10 +12,10 @@ export const CrossCircleOutlineIcon = ({
   // eslint-disable-next-line react/jsx-props-no-spreading
   <Icon {...props}>
     <path
+      fill="#727683"
       fillRule="evenodd"
+      d="M16 5.438C10.166 5.438 5.438 10.166 5.438 16S10.166 26.563 16 26.563 26.563 21.833 26.563 16 21.833 5.438 16 5.438M3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16m9.193-3.807a1.22 1.22 0 0 1 1.723 0L16 14.276l2.084-2.083a1.219 1.219 0 1 1 1.723 1.723L17.724 16l2.083 2.084a1.219 1.219 0 1 1-1.723 1.723L16 17.724l-2.084 2.083a1.219 1.219 0 1 1-1.723-1.723L14.276 16l-2.083-2.084a1.22 1.22 0 0 1 0-1.723"
       clipRule="evenodd"
-      d="M16 5.4375C10.1665 5.4375 5.4375 10.1665 5.4375 16C5.4375 21.8335 10.1665 26.5625 16 26.5625C21.8335 26.5625 26.5625 21.8335 26.5625 16C26.5625 10.1665 21.8335 5.4375 16 5.4375ZM3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16ZM12.1929 12.1929C12.6689 11.7169 13.4405 11.7169 13.9165 12.1929L16 14.2764L18.0835 12.1929C18.5595 11.7169 19.3311 11.7169 19.8071 12.1929C20.2831 12.6689 20.2831 13.4405 19.8071 13.9165L17.7236 16L19.8071 18.0835C20.2831 18.5595 20.2831 19.3311 19.8071 19.8071C19.3311 20.2831 18.5595 20.2831 18.0835 19.8071L16 17.7236L13.9165 19.8071C13.4405 20.2831 12.6689 20.2831 12.1929 19.8071C11.7169 19.3311 11.7169 18.5595 12.1929 18.0835L14.2764 16L12.1929 13.9165C11.7169 13.4405 11.7169 12.6689 12.1929 12.1929Z"
-      fill="#727683"
     />
   </Icon>
 )
diff --git a/packages/icons/src/components/Icon/__generatedIcons__/LeftRightArrowIcon.tsx b/packages/icons/src/components/Icon/__generatedIcons__/LeftRightArrowIcon.tsx
@@ -0,0 +1,20 @@
+/**
+ * Provide the icon component for the icon name.
+ * This file is automatically generated from /scripts/generateIconFiles.ts.
+ * PLEASE DO NOT EDIT HERE
+ */
+import { Icon } from '../Icon'
+import type { IconProps } from '../Icon'
+
+export const LeftRightArrowIcon = ({
+  ...props
+}: Omit<IconProps, 'children'>) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  <Icon {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.2004 2.23966C12.9185 2.5432 12.9361 3.01775 13.2397 3.2996L15.3401 5.25L6.75 5.25C6.33579 5.25 6 5.58579 6 6C6 6.41422 6.33579 6.75 6.75 6.75L15.3401 6.75L13.2397 8.70041C12.9361 8.98226 12.9185 9.45681 13.2004 9.76034C13.4823 10.0639 13.9568 10.0814 14.2603 9.7996L17.7603 6.5496C17.9132 6.40769 18 6.20855 18 6C18 5.79145 17.9132 5.59232 17.7603 5.45041L14.2603 2.20041C13.9568 1.91856 13.4823 1.93613 13.2004 2.23966ZM6.79959 10.2397C6.51774 9.93613 6.04319 9.91855 5.73966 10.2004L2.23966 13.4504C2.08684 13.5923 2 13.7914 2 14C2 14.2085 2.08684 14.4077 2.23966 14.5496L5.73966 17.7996C6.04319 18.0814 6.51774 18.0639 6.79959 17.7603C7.08145 17.4568 7.06387 16.9823 6.76034 16.7004L4.6599 14.75H13.25C13.6642 14.75 14 14.4142 14 14C14 13.5858 13.6642 13.25 13.25 13.25H4.6599L6.76034 11.2996C7.06387 11.0177 7.08145 10.5432 6.79959 10.2397Z"
+    />
+  </Icon>
+)
diff --git a/packages/icons/src/components/Icon/__generatedIcons__/index.ts b/packages/icons/src/components/Icon/__generatedIcons__/index.ts
@@ -34,6 +34,7 @@ export { ExpandMoreIcon } from './ExpandMoreIcon'
 export { ExpandIcon } from './ExpandIcon'
 export { GithubIcon } from './GithubIcon'
 export { InstagramIcon } from './InstagramIcon'
+export { LeftRightArrowIcon } from './LeftRightArrowIcon'
 export { LinkedinIcon } from './LinkedinIcon'
 export { LogoutIcon } from './LogoutIcon'
 export { MinusIcon } from './MinusIcon'

diff --git a/packages/icons/src/components/Icon/assets/default/left-right-arrow.svg b/packages/icons/src/components/Icon/assets/default/left-right-arrow.svg
diff --git a/packages/icons/src/components/Icon/assets/small/left-right-arrow.svg b/packages/icons/src/components/Icon/assets/small/left-right-arrow.svg
diff --git a/...components/ProductIcon/__generatedIcons__/EnvironmentalFootprintCalculatorProductIcon.tsx b/...components/ProductIcon/__generatedIcons__/EnvironmentalFootprintCalculatorProductIcon.tsx
@@ -13,52 +13,28 @@ export const EnvironmentalFootprintCalculatorProductIcon = ({
   <Icon {...props}>
     <g className="sentiment=primary, size=xlarge, disabled=false">
       <g className=".Square">
-        <g className="fillWeak">
+        <g fill="#F1EEFC" className="fillWeak">
+          <path d="M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48z" />
           <path
-            fill="#F1EEFC"
-            d="M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16Z"
-          />
-          <path
-            fill="#F1EEFC"
             fillRule="evenodd"
-            d="M48 2H16C8.268 2 2 8.268 2 16v32c0 7.732 6.268 14 14 14h32c7.732 0 14-6.268 14-14V16c0-7.732-6.268-14-14-14ZM16 0C7.163 0 0 7.163 0 16v32c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16H16Z"
+            d="M48 2H16C8.268 2 2 8.268 2 16v32c0 7.732 6.268 14 14 14h32c7.732 0 14-6.268 14-14V16c0-7.732-6.268-14-14-14M16 0C7.163 0 0 7.163 0 16v32c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16z"
             clipRule="evenodd"
           />
         </g>
       </g>
-      <g className="fillStrong">
-        <path
-          fill="#A060F6"
-          fillRule="evenodd"
-          d="M12.052 11.683a1 1 0 0 1 1.265-.631l4.553 1.522a1 1 0 0 1 .683.949v7.406l3.272 1.126a1 1 0 1 1-.65 1.89l-3.948-1.357a1 1 0 0 1-.674-.946v-7.4l-3.87-1.293a1 1 0 0 1-.631-1.266Zm27.415 20.971a1 1 0 0 1 1.379.313l3.969 6.294 6.425-1.727a1 1 0 0 1 1 .294l5 5.5a1 1 0 0 1-1.48 1.345l-4.59-5.049-6.548 1.76a1 1 0 0 1-1.105-.432l-4.363-6.918a1 1 0 0 1 .313-1.38Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="#A060F6"
-          fillRule="evenodd"
-          d="M8 11a1 1 0 0 1 1 1v39h48a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1Z"
-          clipRule="evenodd"
-        />
+      <g
+        fill="#A060F6"
+        fillRule="evenodd"
+        className="fillStrong"
+        clipRule="evenodd"
+      >
+        <path d="M12.052 11.683a1 1 0 0 1 1.265-.631l4.553 1.522a1 1 0 0 1 .683.949v7.406l3.272 1.126a1 1 0 1 1-.65 1.89l-3.948-1.357a1 1 0 0 1-.674-.946v-7.4l-3.87-1.293a1 1 0 0 1-.631-1.266m27.415 20.971a1 1 0 0 1 1.379.313l3.969 6.294 6.425-1.727a1 1 0 0 1 1 .294l5 5.5a1 1 0 0 1-1.48 1.345l-4.59-5.049-6.548 1.76a1 1 0 0 1-1.105-.432l-4.363-6.918a1 1 0 0 1 .313-1.38" />
+        <path d="M8 11a1 1 0 0 1 1 1v39h48a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1" />
       </g>
-      <g className="fill">
-        <path
-          fill="#521094"
-          fillRule="evenodd"
-          d="M32.149 35.893c5.44 0 9.852-4.41 9.852-9.852 0-5.44-4.411-9.852-9.852-9.852-5.442 0-9.852 4.411-9.852 9.852 0 5.441 4.41 9.852 9.852 9.852Zm0 2C38.694 37.893 44 32.587 44 26.041c0-6.545-5.307-11.851-11.852-11.851-6.546 0-11.852 5.306-11.852 11.851 0 6.546 5.306 11.852 11.852 11.852Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="#521094"
-          fillRule="evenodd"
-          d="M27.434 34.67a1 1 0 0 1 .415 1.352l-6.014 11.36a1 1 0 0 1-1.767-.936l6.014-11.36a1 1 0 0 1 1.352-.416Zm5.41-10.206a1 1 0 0 1-.308 1.38c-1.1.699-3.396 2.968-3.537 6.2A1 1 0 1 1 27 31.956c.179-4.105 3.029-6.89 4.463-7.8a1 1 0 0 1 1.38.308Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="#521094"
-          fillRule="evenodd"
-          d="M35.992 20.003c1.102-.01 2.036.892 1.986 2.04-.049 1.115-.196 2.561-.626 3.93-.427 1.356-1.171 2.76-2.501 3.62a4.844 4.844 0 0 0-.153.106c-.305.216-.86.61-1.714.89-1.026.336-2.462.52-4.618.341a1.848 1.848 0 0 1-1.434-.862c-.975-1.593-1.77-4.866.778-7.888.917-1.088 2.439-1.587 3.862-1.846 1.47-.268 3.084-.32 4.42-.331Zm-.014 2c-1.312.012-2.768.065-4.048.298-1.335.243-2.249.644-2.691 1.168-1.796 2.13-1.29 4.362-.65 5.473 1.943.156 3.08-.027 3.772-.254.543-.178.826-.376 1.128-.586.088-.062.177-.124.275-.188.776-.501 1.32-1.4 1.68-2.542.35-1.114.487-2.343.534-3.369Z"
-          clipRule="evenodd"
-        />
+      <g fill="#521094" fillRule="evenodd" className="fill" clipRule="evenodd">
+        <path d="M32.149 35.893c5.44 0 9.852-4.41 9.852-9.852 0-5.44-4.411-9.852-9.852-9.852s-9.852 4.411-9.852 9.852 4.41 9.852 9.852 9.852m0 2C38.694 37.893 44 32.587 44 26.041c0-6.545-5.307-11.851-11.852-11.851-6.546 0-11.852 5.306-11.852 11.851s5.306 11.852 11.852 11.852Z" />
+        <path d="M27.434 34.67a1 1 0 0 1 .415 1.352l-6.014 11.36a1 1 0 0 1-1.767-.936l6.014-11.36a1 1 0 0 1 1.352-.416m5.41-10.206a1 1 0 0 1-.308 1.38c-1.1.699-3.396 2.968-3.537 6.2A1 1 0 1 1 27 31.956c.179-4.105 3.029-6.89 4.463-7.8a1 1 0 0 1 1.38.308Z" />
+        <path d="M35.992 20.003c1.102-.01 2.036.892 1.986 2.04-.049 1.115-.196 2.561-.626 3.93-.427 1.356-1.171 2.76-2.501 3.62l-.153.106c-.305.216-.86.61-1.714.89-1.026.336-2.462.52-4.618.341a1.85 1.85 0 0 1-1.434-.862c-.975-1.593-1.77-4.866.778-7.888.917-1.088 2.439-1.587 3.862-1.846 1.47-.268 3.084-.32 4.42-.331m-.014 2c-1.312.012-2.768.065-4.048.298-1.335.243-2.249.644-2.691 1.168-1.796 2.13-1.29 4.362-.65 5.473 1.943.156 3.08-.027 3.772-.254.543-.178.826-.376 1.128-.586q.13-.093.275-.188c.776-.501 1.32-1.4 1.68-2.542.35-1.114.487-2.343.534-3.369" />
       </g>
     </g>
   </Icon>