feat(icons): sync and connect icons with figma library (#1783)

New icons: bold, code, italic, list-numbers Co-authored-by: matthewferry <895885+matthewferry@users.noreply.github.com> Co-authored-by: emilianos <egonzalez@launchdarkly.com>

Author: 3 people

.changeset/lemon-cars-thank.md

@@ -0,0 +1,7 @@
+---
+"@launchpad-ui/icons": patch
+---
+
+feat(icons): sync and connect icons with figma library
+
+New icons: bold, code, italic, list-numbers

packages/icons/figma/Icon.figma.tsx

@@ -53,13 +53,6 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7676
 example: () => <Icon name="upload" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7081-18', {
-props: {
-name: 'tokens',
-},
-example: () => <Icon name="tokens" />,
-});
-
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-142078', {
 props: {
 name: 'triangle-square-circle',
@@ -74,6 +67,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="tools" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7081-18', {
+props: {
+name: 'tokens',
+},
+example: () => <Icon name="tokens" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-142076', {
 props: {
 name: 'toggle-stack',
@@ -109,18 +109,18 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="timeline-text" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=20642-291', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7081-6', {
 props: {
-name: 'thumb-up',
+name: 'thumb-up-outline',
 },
-example: () => <Icon name="thumb-up" />,
+example: () => <Icon name="thumb-up-outline" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7081-6', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=20642-291', {
 props: {
-name: 'thumb-up-outline',
+name: 'thumb-up',
 },
-example: () => <Icon name="thumb-up-outline" />,
+example: () => <Icon name="thumb-up" />,
 });
 
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7081-12', {
@@ -627,18 +627,18 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="person-add" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6817-42', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141906', {
 props: {
-name: 'percentage',
+name: 'person',
 },
-example: () => <Icon name="percentage" />,
+example: () => <Icon name="person" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141906', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6817-42', {
 props: {
-name: 'person',
+name: 'percentage',
 },
-example: () => <Icon name="person" />,
+example: () => <Icon name="percentage" />,
 });
 
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141905', {
@@ -809,18 +809,18 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=2432
 example: () => <Icon name="menu" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7084-12', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7084-6', {
 props: {
-name: 'markdown-off',
+name: 'markdown-on',
 },
-example: () => <Icon name="markdown-off" />,
+example: () => <Icon name="markdown-on" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7084-6', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=7084-12', {
 props: {
-name: 'markdown-on',
+name: 'markdown-off',
 },
-example: () => <Icon name="markdown-on" />,
+example: () => <Icon name="markdown-off" />,
 });
 
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141813', {
@@ -872,6 +872,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="lock" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=21147-281', {
+props: {
+name: 'list-numbers',
+},
+example: () => <Icon name="list-numbers" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141807', {
 props: {
 name: 'list',
@@ -928,6 +935,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=2064
 example: () => <Icon name="json" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=21147-283', {
+props: {
+name: 'italic',
+},
+example: () => <Icon name="italic" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141764', {
 props: {
 name: 'info-circle-outline',
@@ -1194,18 +1208,18 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="flask" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141682', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=4166-38', {
 props: {
-name: 'flag-outline',
+name: 'flag-heart',
 },
-example: () => <Icon name="flag-outline" />,
+example: () => <Icon name="flag-heart" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=4166-38', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141682', {
 props: {
-name: 'flag-heart',
+name: 'flag-outline',
 },
-example: () => <Icon name="flag-heart" />,
+example: () => <Icon name="flag-outline" />,
 });
 
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141681', {
@@ -1467,6 +1481,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="code-circle" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=21147-279', {
+props: {
+name: 'code',
+},
+example: () => <Icon name="code" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141587', {
 props: {
 name: 'cloud-search',
@@ -1488,18 +1509,18 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="cloud" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141584', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=5698-12', {
 props: {
-name: 'clock-history',
+name: 'clock-x',
 },
-example: () => <Icon name="clock-history" />,
+example: () => <Icon name="clock-x" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=5698-12', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141584', {
 props: {
-name: 'clock-x',
+name: 'clock-history',
 },
-example: () => <Icon name="clock-x" />,
+example: () => <Icon name="clock-history" />,
 });
 
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141544', {
@@ -1551,6 +1572,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="circle" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=20672-216', {
+props: {
+name: 'chip-ai',
+},
+example: () => <Icon name="chip-ai" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141537', {
 props: {
 name: 'chevrons-right',
@@ -1635,13 +1663,6 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="check" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=20672-216', {
-props: {
-name: 'chip-ai',
-},
-example: () => <Icon name="chip-ai" />,
-});
-
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141525', {
 props: {
 name: 'chat-bubble-outline',
@@ -1950,6 +1971,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="bolt" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=21147-285', {
+props: {
+name: 'bold',
+},
+example: () => <Icon name="bold" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141406', {
 props: {
 name: 'binary',
@@ -1985,13 +2013,6 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="arrow-up-thin" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=20642-229', {
-props: {
-name: 'arrow-up-right',
-},
-example: () => <Icon name="arrow-up-right" />,
-});
-
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141376', {
 props: {
 name: 'arrow-up-right-circle-outline',
@@ -2006,6 +2027,13 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="arrow-up-right-circle" />,
 });
 
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=20642-229', {
+props: {
+name: 'arrow-up-right',
+},
+example: () => <Icon name="arrow-up-right" />,
+});
+
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141374', {
 props: {
 name: 'arrow-undo',
@@ -2020,18 +2048,18 @@ figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-14
 example: () => <Icon name="arrow-right-thin" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141372', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=15005-144', {
 props: {
-name: 'arrow-left-thin',
+name: 'arrow-merge',
 },
-example: () => <Icon name="arrow-left-thin" />,
+example: () => <Icon name="arrow-merge" />,
 });
 
-figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=15005-144', {
+figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141372', {
 props: {
-name: 'arrow-merge',
+name: 'arrow-left-thin',
 },
-example: () => <Icon name="arrow-merge" />,
+example: () => <Icon name="arrow-left-thin" />,
 });
 
 figma.connect(Icon, 'https://figma.com/file/98HKKXL2dTle29ikJ3tzk7/?node-id=6-141371', {