From a280261f2b5fd683bba5a20a1eb52624ea1fe9bb Mon Sep 17 00:00:00 2001
From: fpasquet <fab.pasquet@gmail.com>
Date: Wed, 18 Oct 2023 20:35:58 +0200
Subject: [PATCH] feat: add tuto icon (#48)

---
 package.json                            | 2 +-
 src/assets/svgs/tuto.svg                | 1 +
 src/components/Atoms/Icon/Icon.tsx      | 2 +-
 src/designTokens/asset/icon.tokens.json | 3 +++
 4 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/svgs/tuto.svg

diff --git a/package.json b/package.json
index 2af74fc5..8a5d7690 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"
diff --git a/src/assets/svgs/tuto.svg b/src/assets/svgs/tuto.svg
new file mode 100644
index 00000000..c53a201d
--- /dev/null
+++ b/src/assets/svgs/tuto.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="FlaconTest" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16"><defs><style>.cls-1{fill:#f4c93c;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#fff;}</style></defs><path class="cls-2" d="m13.98,14.25c-.04-.27-.14-.54-.28-.79l-4.65-7.91V1.54h-4.09v4.01L.3,13.47c-.15.25-.24.52-.28.79-.13.8.49,1.54,1.32,1.75h11.33c.83-.21,1.44-.95,1.32-1.75Z"/><rect class="cls-2" x="4" y="0" width="6.01" height="1.12" rx=".54" ry=".54"/><path class="cls-1" d="m12.07,13.01l-3.45-6.03h-3.21l-3.45,6.03c-.47.83-.19,1.79.75,2.14,0,0,.2.07.27.08.57.12,3.21.12,3.94.11h0s3.47.03,4.14-.11c.07-.01.27-.08.27-.08.94-.35,1.23-1.31.75-2.14Z"/></svg>
\ No newline at end of file
diff --git a/src/components/Atoms/Icon/Icon.tsx b/src/components/Atoms/Icon/Icon.tsx
index 0ac44458..af5ee544 100644
--- a/src/components/Atoms/Icon/Icon.tsx
+++ b/src/components/Atoms/Icon/Icon.tsx
@@ -7,7 +7,7 @@ import { pascalCase } from '@/helpers/stringHelper';
 import { colorSystemClassName, omitSystemProps, spacingSystemClassName } from '@/helpers/systemPropsHelper';
 import { ColorSystemProps, IconNameType, MarginSystemProps } from '@/types';
 
-export type IconProps = Omit<React.SVGProps<SVGSVGElement>, 'color'> &
+export type IconProps = Omit<React.SVGProps<SVGSVGElement>, 'name' | 'color'> &
   MarginSystemProps &
   Pick<ColorSystemProps, 'color'> & {
     name: IconNameType;
diff --git a/src/designTokens/asset/icon.tokens.json b/src/designTokens/asset/icon.tokens.json
index 63f6619d..92dac257 100644
--- a/src/designTokens/asset/icon.tokens.json
+++ b/src/designTokens/asset/icon.tokens.json
@@ -45,6 +45,9 @@
       },
       "github": {
         "value": "svgs/github.svg"
+      },
+      "tuto": {
+        "value": "svgs/tuto.svg"
       }
     }
   }