feat(Icon): add robot, plugs and tabs icons to Teams theme

CHANGELOG.md

@@ -17,6 +17,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+### Features
+- Export `robot`, `tabs` and `plugs` icon to Teams theme @codepretty ([#2026](https://github.com/stardust-ui/react/pull/2026))
+
 ### Fixes
 - Correctly handle RTL in `Alert` component @miroslavstastny ([#2018](https://github.com/stardust-ui/react/pull/2018))
 

packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-bot.tsx

@@ -15,4 +15,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'robot',
 } as TeamsProcessedSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-connector-badge.tsx

@@ -8,4 +8,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'plugs',
 } as TeamsProcessedSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-tab-badge.tsx

@@ -8,4 +8,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'tabs',
 } as TeamsProcessedSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/icons/index.ts

@@ -118,6 +118,7 @@ import participantRemove from './participantRemove'
 import phoneClock from './phoneClock'
 import phoneArrow from './phoneArrow'
 import play from './play'
+import plugs from './plugs'
 import poll from './poll'
 import presenceAvailable from './presenceAvailable'
 import presenceStroke from './presenceStroke'
@@ -130,6 +131,7 @@ import redo from './redo'
 import removeFormat from './removeFormat'
 import reply from './reply'
 import retry from './retry'
+import robot from './robot'
 import shareAlt from './shareAlt'
 import skypeLogo from './skypeLogo'
 import snooze from './snooze'
@@ -142,6 +144,7 @@ import stardustCircle from './stardustCircle'
 import sticker from './sticker'
 import strike from './strike'
 import sync from './sync'
+import tabs from './tabs'
 import table from './table'
 import tableAdd from './tableAdd'
 import tableDelete from './tableDelete'
@@ -276,6 +279,7 @@ export default {
   'phone-clock': phoneClock,
   'phone-arrow': phoneArrow,
   play,
+  plugs,
   poll,
   'presence-available': presenceAvailable,
   'presence-stroke': presenceStroke,
@@ -288,6 +292,7 @@ export default {
   'remove-format': removeFormat,
   reply,
   retry,
+  robot,
   search,
   send,
   settings,
@@ -296,6 +301,7 @@ export default {
   sticker,
   strike,
   sync,
+  tabs,
   table,
   'table-add': tableAdd,
   'table-delete': tableDelete,

packages/react/src/themes/teams/components/Icon/svg/icons/plugs.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import cx from 'classnames'
+import { TeamsProcessedSvgIconSpec } from '../types'
+import { teamsIconClassNames } from '../teamsIconClassNames'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path
+        className={cx(teamsIconClassNames.outline, classes.outlinePart)}
+        d="M22 9a1 1 0 011 1v3h1v4a4 4 0 01-1.18 3c-.21.2-.42.38-.63.59A.45.45 0 0022 21v2h-1v-2c0-1.47 2-1.45 2-4v-3h-6v3c0 2.57 2 2.54 2 4v2h-1v-2a.43.43 0 00-.19-.39c-.21-.21-.43-.38-.63-.59A4.1 4.1 0 0116 17v-4h1v-3a1 1 0 011-1zm-7 7.41V20h-1.5v2.5a.5.5 0 01-.5.5.51.51 0 01-.5-.5V20h-2v2.5a.5.5 0 01-.5.5.51.51 0 01-.5-.5V20H8v-3.59a1.48 1.48 0 01.45-1.06l1.41-1.41a.5.5 0 00.14-.35V9h1v4.59a1.52 1.52 0 01-.44 1.06l-1.41 1.41a.49.49 0 00-.15.35V19h5v-2.59a.49.49 0 00-.15-.35l-1.41-1.41a1.52 1.52 0 01-.44-1.06V9h1v4.59a.49.49 0 00.15.35l1.41 1.41a1.54 1.54 0 01.44 1.06zM18 10v3h4v-3z"
+      />
+      <path
+        className={cx(teamsIconClassNames.filled, classes.filledPart)}
+        d="M22 9a1 1 0 011 1v3h1v4a4.86 4.86 0 01-.4 1.92 4.79 4.79 0 01-1.41 1.69.45.45 0 00-.19.39v2h-4v-2a.45.45 0 00-.19-.39A4.33 4.33 0 0116 17v-4h1v-3a1 1 0 011-1zm-7 7.41V20h-1.5v2.5a.5.5 0 01-1 0V20h-2v2.5a.5.5 0 01-1 0V20H8v-3.59a1.54 1.54 0 01.44-1.06l1.41-1.41a.49.49 0 00.15-.35V9h3v4.59a.49.49 0 00.15.35l1.41 1.41a1.54 1.54 0 01.44 1.06zM18 10v3h4v-3z"
+      />
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/icons/robot.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import cx from 'classnames'
+import { TeamsProcessedSvgIconSpec } from '../types'
+import { teamsIconClassNames } from '../teamsIconClassNames'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path
+        className={cx(teamsIconClassNames.outline, classes.outlinePart)}
+        d="M16 8a.51.51 0 01.5.5V10h3a1.53 1.53 0 011.5 1.5v4a1.53 1.53 0 01-1.5 1.5h-7a1.54 1.54 0 01-1.5-1.5v-4a1.54 1.54 0 011.5-1.5h3V8.5A.51.51 0 0116 8zm6.5 10a.51.51 0 01.5.5v.58c0 3-4.76 3.67-7 3.67S9 22 9 19.08v-.58a.51.51 0 01.5-.5zM10 19c0 2.26 4.35 2.75 6 2.75s6-.45 6-2.75zm4-7a1 1 0 11-1 1 1 1 0 011-1zm-1.5-1a.51.51 0 00-.5.5v4a.51.51 0 00.5.5h7a.51.51 0 00.5-.5v-4a.51.51 0 00-.5-.5zm5.5 1a1 1 0 11-1 1 1 1 0 011-1z"
+      />
+      <path
+        className={cx(teamsIconClassNames.filled, classes.filledPart)}
+        d="M16 8a.51.51 0 01.5.5V10h3a1.53 1.53 0 011.5 1.5v4a1.53 1.53 0 01-1.5 1.5h-7a1.54 1.54 0 01-1.5-1.5v-4a1.54 1.54 0 011.5-1.5h3V8.5A.51.51 0 0116 8zm6.5 10a.51.51 0 01.5.5v.58c0 3-4.76 3.67-7 3.67S9 22 9 19.08v-.58a.51.51 0 01.5-.5zM14 12a1 1 0 101 1 1 1 0 00-1-1zm4 0a1 1 0 101 1 1 1 0 00-1-1z"
+      />
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/icons/tabs.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import cx from 'classnames'
+import { TeamsProcessedSvgIconSpec } from '../types'
+import { teamsIconClassNames } from '../teamsIconClassNames'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path
+        className={cx(teamsIconClassNames.outline, classes.outlinePart)}
+        d="M21.5 10a1.51 1.51 0 011.5 1.5v10a1.51 1.51 0 01-1.5 1.5h-12A1.51 1.51 0 018 21.5v-9A1.5 1.5 0 019.5 11h7.59a1.5 1.5 0 011.41-1zm-12 2a.51.51 0 00-.5.5V14h2v-2zm9-1a.51.51 0 00-.5.5V15H9v6.5a.51.51 0 00.5.5h12a.51.51 0 00.5-.5v-10a.51.51 0 00-.5-.5zM12 12v2h2v-2zm3 0v2h2v-2z"
+      />
+      <path
+        className={cx(teamsIconClassNames.filled, classes.filledPart)}
+        d="M21.5 10a1.51 1.51 0 011.5 1.5v10a1.51 1.51 0 01-1.5 1.5h-12A1.51 1.51 0 018 21.5v-9A1.5 1.5 0 019.5 11h7.59a1.5 1.5 0 011.41-1zm-12 2a.51.51 0 00-.5.5V14h2v-2zm2.5 0v2h2v-2zm3 0v2h2v-2z"
+      />
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec