#1485 Icons for screen sharing control in the calling screen

jay-howe · Jun 11, 2019 · 874153a · 874153a
1 parent eeb3825
commit 874153a
Show file tree

Hide file tree

Showing 7 changed files with 114 additions and 0 deletions.
diff --git a/.../react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-call-control-release.tsx b/.../react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-call-control-release.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path
+        d="M23,11.0816984l0.8432999-0.8432999
+     C23.9435902,10.4396133,24,10.6665344,24,10.9066315v6.4375h-0.0038681c-0.030756,0.246645-0.2411556,0.4375-0.4961319,0.4375
+     s-0.4653759-0.190855-0.4961319-0.4375H23V11.0816984z M19.5108528,10.4066315H9.5c-0.2761421,0-0.5,0.2238569-0.5,0.5v9
+     c0,0.2761421,0.2238579,0.5,0.5,0.5h0.0108538l-0.7850342,0.7850342C8.2908373,20.9290428,8,20.4518013,8,19.9066315v-9
+     c0-0.8284273,0.6715727-1.5,1.5-1.5h11.0108528L19.5108528,10.4066315z M16.1707726,13.7467136L14.875,15.0424852v-0.7671566
+     c0-0.1745424,0.0626001-0.343524,0.1768417-0.4773626c0.2688255-0.3149405,0.7470818-0.3565264,1.0682163-0.0928869
+     L16.1707726,13.7467136z M18.4575882,15.6241102l2.0208569,1.6590528C20.6505604,17.4244633,20.75,17.6332836,20.75,17.8534126
+     c0,0.4107227-0.3395042,0.743679-0.7583065,0.743679h-1.3556843l1.8609123,3.6433411
+     c0.2237434,0.4380474,0.0456886,0.9710884-0.3989677,1.1943989c-0.0017738,0.0008907-0.0035477,0.0017738-0.0053253,0.0026512
+     c-0.4420586,0.2183704-0.9809208,0.0439472-1.2035866-0.3895817l-1.8720703-3.6449432l-0.781147,1.0024796
+     c-0.1434631,0.1841164-0.3662395,0.2921276-0.6025181,0.2921276c-0.4188004,0-0.7583065-0.3329563-0.7583065-0.743681v-0.7471848
+     L18.4575882,15.6241102z M23.3751297,8.6148157c0.1952629,0.195262,0.1952629,0.5118446,0,0.7071066L9.3213835,23.3756695
+     c-0.195262,0.1952629-0.5118446,0.1952629-0.7071066,0s-0.195262-0.5118446,0-0.7071075L22.6680241,8.6148157
+     C22.8632851,8.4195538,23.1798687,8.4195538,23.3751297,8.6148157z"
+      />
+    </svg>
+  ),
+  styles: {},
+  exportedAs: 'call-control-release',
+} as TeamsProcessedSvgIconSpec
diff --git a/.../react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-call-control-request.tsx b/.../react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-call-control-request.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path
+        d="M12.125,20.4066315c0.2761421,0,0.5,0.2238579,0.5,0.5s-0.2238579,0.5-0.5,0.5H9.5
+        c-0.8284273,0-1.5-0.6715736-1.5-1.5v-9c0-0.8284273,0.6715727-1.5,1.5-1.5h13c0.8284264,0,1.5,0.6715727,1.5,1.5v6.4375h-0.0038681
+        c-0.030756,0.246645-0.2411556,0.4375-0.4961319,0.4375s-0.4653759-0.190855-0.4961319-0.4375H23v-6.4375
+        c0-0.2761431-0.2238579-0.5-0.5-0.5h-13c-0.2761421,0-0.5,0.2238569-0.5,0.5v9c0,0.2761421,0.2238579,0.5,0.5,0.5H12.125z
+          M14.875,14.2753286c0-0.1745424,0.0626001-0.343524,0.1768417-0.4773626
+        c0.2688246-0.3149405,0.7470818-0.3565264,1.0682163-0.0928869l4.358387,3.578084
+        C20.6505585,17.4244633,20.75,17.6332836,20.75,17.8534126c0,0.4107227-0.3395042,0.743679-0.7583065,0.743679h-1.3556843
+        l1.8609123,3.6433411c0.2237434,0.4380474,0.0456886,0.9710884-0.3989677,1.1943989
+        c-0.0017738,0.0008907-0.0035477,0.0017738-0.0053253,0.0026512c-0.4420586,0.2183704-0.9809208,0.0439472-1.2035866-0.3895817
+        l-1.8720703-3.6449432l-0.781147,1.0024796c-0.143465,0.1841164-0.3662395,0.2921276-0.6025181,0.2921276
+        c-0.4188013,0-0.7583065-0.3329563-0.7583065-0.743681V14.2753286z"
+      />
+    </svg>
+  ),
+  styles: {},
+  exportedAs: 'call-control-request',
+} as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/index-new.ts b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/index-new.ts
@@ -263,6 +263,8 @@ import processedIcons_callincomingvideo from './icons-call-incoming-video'
 import processedIcons_callhold from './icons-call-hold'
 import processedIcons_callend from './icons-call-end'
 import processedIcons_calldialpad from './icons-call-dialpad'
+import processedIcons_callcontrolrelease from './icons-call-control-release'
+import processedIcons_callcontrolrequest from './icons-call-control-request'
 import processedIcons_callcontrolstoppresentingnew from './icons-call-control-stop-presenting-new'
 import processedIcons_callcontrolpresentnew from './icons-call-control-present-new'
 import processedIcons_callblocked from './icons-call-blocked'
@@ -565,6 +567,8 @@ export default {
   processedIcons_callhold,
   processedIcons_callend,
   processedIcons_calldialpad,
+  processedIcons_callcontrolrelease,
+  processedIcons_callcontrolrequest,
   processedIcons_callcontrolstoppresentingnew,
   processedIcons_callcontrolpresentnew,
   processedIcons_callblocked,

diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/index.ts b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/index.ts
@@ -267,6 +267,8 @@ import processedIcons_callincomingvideo from './icons-call-incoming-video'
 import processedIcons_callhold from './icons-call-hold'
 import processedIcons_callend from './icons-call-end'
 import processedIcons_calldialpad from './icons-call-dialpad'
+import processedIcons_callcontrolrelease from './icons-call-control-release'
+import processedIcons_callcontrolrequest from './icons-call-control-request'
 import processedIcons_callcontrolstoppresentingnew from './icons-call-control-stop-presenting-new'
 import processedIcons_callcontrolpresentnew from './icons-call-control-present-new'
 import processedIcons_callblocked from './icons-call-blocked'
@@ -572,6 +574,8 @@ export default {
   processedIcons_callhold,
   processedIcons_callend,
   processedIcons_calldialpad,
+  processedIcons_callcontrolrelease,
+  processedIcons_callcontrolrequest,
   processedIcons_callcontrolstoppresentingnew,
   processedIcons_callcontrolpresentnew,
   processedIcons_callblocked,

diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/callControlRelease.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/callControlRelease.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path
+        d="M23,11.0816984l0.8432999-0.8432999
+     C23.9435902,10.4396133,24,10.6665344,24,10.9066315v6.4375h-0.0038681c-0.030756,0.246645-0.2411556,0.4375-0.4961319,0.4375
+     s-0.4653759-0.190855-0.4961319-0.4375H23V11.0816984z M19.5108528,10.4066315H9.5c-0.2761421,0-0.5,0.2238569-0.5,0.5v9
+     c0,0.2761421,0.2238579,0.5,0.5,0.5h0.0108538l-0.7850342,0.7850342C8.2908373,20.9290428,8,20.4518013,8,19.9066315v-9
+     c0-0.8284273,0.6715727-1.5,1.5-1.5h11.0108528L19.5108528,10.4066315z M16.1707726,13.7467136L14.875,15.0424852v-0.7671566
+     c0-0.1745424,0.0626001-0.343524,0.1768417-0.4773626c0.2688255-0.3149405,0.7470818-0.3565264,1.0682163-0.0928869
+     L16.1707726,13.7467136z M18.4575882,15.6241102l2.0208569,1.6590528C20.6505604,17.4244633,20.75,17.6332836,20.75,17.8534126
+     c0,0.4107227-0.3395042,0.743679-0.7583065,0.743679h-1.3556843l1.8609123,3.6433411
+     c0.2237434,0.4380474,0.0456886,0.9710884-0.3989677,1.1943989c-0.0017738,0.0008907-0.0035477,0.0017738-0.0053253,0.0026512
+     c-0.4420586,0.2183704-0.9809208,0.0439472-1.2035866-0.3895817l-1.8720703-3.6449432l-0.781147,1.0024796
+     c-0.1434631,0.1841164-0.3662395,0.2921276-0.6025181,0.2921276c-0.4188004,0-0.7583065-0.3329563-0.7583065-0.743681v-0.7471848
+     L18.4575882,15.6241102z M23.3751297,8.6148157c0.1952629,0.195262,0.1952629,0.5118446,0,0.7071066L9.3213835,23.3756695
+     c-0.195262,0.1952629-0.5118446,0.1952629-0.7071066,0s-0.195262-0.5118446,0-0.7071075L22.6680241,8.6148157
+     C22.8632851,8.4195538,23.1798687,8.4195538,23.3751297,8.6148157z"
+      />
+    </svg>
+  ),
+  styles: {},
+  exportedAs: 'call-control-release',
+} as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/callControlRequest.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/callControlRequest.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="0 0 32 32" className={classes.svg}>
+      <path
+        d="M12.125,20.4066315c0.2761421,0,0.5,0.2238579,0.5,0.5s-0.2238579,0.5-0.5,0.5H9.5
+        c-0.8284273,0-1.5-0.6715736-1.5-1.5v-9c0-0.8284273,0.6715727-1.5,1.5-1.5h13c0.8284264,0,1.5,0.6715727,1.5,1.5v6.4375h-0.0038681
+        c-0.030756,0.246645-0.2411556,0.4375-0.4961319,0.4375s-0.4653759-0.190855-0.4961319-0.4375H23v-6.4375
+        c0-0.2761431-0.2238579-0.5-0.5-0.5h-13c-0.2761421,0-0.5,0.2238569-0.5,0.5v9c0,0.2761421,0.2238579,0.5,0.5,0.5H12.125z
+          M14.875,14.2753286c0-0.1745424,0.0626001-0.343524,0.1768417-0.4773626
+        c0.2688246-0.3149405,0.7470818-0.3565264,1.0682163-0.0928869l4.358387,3.578084
+        C20.6505585,17.4244633,20.75,17.6332836,20.75,17.8534126c0,0.4107227-0.3395042,0.743679-0.7583065,0.743679h-1.3556843
+        l1.8609123,3.6433411c0.2237434,0.4380474,0.0456886,0.9710884-0.3989677,1.1943989
+        c-0.0017738,0.0008907-0.0035477,0.0017738-0.0053253,0.0026512c-0.4420586,0.2183704-0.9809208,0.0439472-1.2035866-0.3895817
+        l-1.8720703-3.6449432l-0.781147,1.0024796c-0.143465,0.1841164-0.3662395,0.2921276-0.6025181,0.2921276
+        c-0.4188013,0-0.7583065-0.3329563-0.7583065-0.743681V14.2753286z"
+      />
+    </svg>
+  ),
+  styles: {},
+  exportedAs: 'call-control-request',
+} as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts b/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts
@@ -12,6 +12,8 @@ import bullets from './bullets'
 import calendar from './calendar'
 import call from './call'
 import callParking from './callParking'
+import callControlRelease from './callControlRelease'
+import callControlRequest from './callControlRequest'
 import callControlPresentNew from './callControlPresentNew'
 import callControlStopPresentingNew from './callControlStopPresentingNew'
 import callControlShare from './callControlShare'
@@ -150,6 +152,8 @@ export default {
   'call-parking': callParking,
   'call-video': callVideo,
   'call-video-off': callVideoOff,
+  'call-control-release': callControlRelease,
+  'call-control-request': callControlRequest,
   'call-control-close-tray': callControlCloseTray,
   'call-control-present-new': callControlPresentNew,
   'call-control-stop-presenting-new': callControlStopPresentingNew,