feat(icon): export bell-slash and bell-snooze icon (#1921)

* Adding snooze icon and exporting bell-mute icon * Updating changelog * Resolving PR comments * Resolving PR comments
microsoft · Sep 11, 2019 · 723d5dd · 723d5dd
1 parent 44db252
commit 723d5dd
Show file tree

Hide file tree

Showing 7 changed files with 73 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -26,6 +26,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ### Features
 - Add `TextArea` component @lucivpav ([#1897](https://github.com/stardust-ui/react/pull/1897))
+- Export `bell-slash` and `bell-snooze` icon to Teams theme @musingh ([#1921](https://github.com/stardust-ui/react/pull/1921))
 
 ### Documentation
 - Fix broken code editor in some doc site examples and improve error experience @levithomason ([#1906](https://github.com/stardust-ui/react/pull/1906))

diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-bell-mute.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-bell-mute.tsx
@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'bell-slash',
 } as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-snooze.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-snooze.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react'
+import { TeamsSvgIconSpec } from '../types'
+import cx from 'classnames'
+import { teamsIconClassNames } from '../teamsIconClassNames'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <g>
+        <path
+          className={cx(teamsIconClassNames.outline, classes.outlinePart)}
+          d="M22.5 20.25a.96.96 0 01-.078.39.977.977 0 01-.215.317.987.987 0 01-.317.215.972.972 0 01-.39.078h-12a.974.974 0 01-.39-.078 1.018 1.018 0 01-.532-.531 1.016 1.016 0 010-.782 1.018 1.018 0 01.532-.53.974.974 0 01.39-.079.976.976 0 00.39-.078 1.018 1.018 0 00.532-.531.976.976 0 00.078-.391v-4a4.886 4.886 0 01.39-1.95 5 5 0 012.661-2.66 4.89 4.89 0 011.949-.39c.078 0 .183.003.312.008.131.005.27.018.418.039.149.02.3.048.45.082a1.972 1.972 0 01.41.137.94.94 0 01.297.207.412.412 0 01.113.293.508.508 0 01-.137.359.458.458 0 01-.355.148.385.385 0 01-.094-.011.682.682 0 01-.086-.028 6.969 6.969 0 00-.652-.168 3.375 3.375 0 00-.676-.066 3.876 3.876 0 00-1.547.312 4.03 4.03 0 00-2.136 2.13 3.881 3.881 0 00-.317 1.558v4a1.91 1.91 0 01-.16.777 2.118 2.118 0 01-.43.637 1.974 1.974 0 01-.632.43 1.941 1.941 0 01-.778.156h12a1.943 1.943 0 01-.778-.156 2.035 2.035 0 01-.636-.43 2.057 2.057 0 01-.43-.637 1.956 1.956 0 01-.156-.777v-2a.507.507 0 01.5-.5.507.507 0 01.5.5v2a.993.993 0 00.078.39 1.043 1.043 0 00.215.317 1.032 1.032 0 00.316.215.98.98 0 00.39.078.972.972 0 01.391.078.987.987 0 01.317.215.977.977 0 01.215.316.96.96 0 01.078.391zm-8.5 2a1.453 1.453 0 00.117.578 1.522 1.522 0 00.805.805 1.485 1.485 0 001.156 0 1.52 1.52 0 00.805-.805A1.453 1.453 0 0017 22.25zm4.5-7.398a.4.4 0 01-.399.398h-2.203a.376.376 0 01-.285-.121.41.41 0 01-.113-.285.348.348 0 01.031-.149.699.699 0 01.086-.125l1.516-1.523h-1.235a.398.398 0 010-.797h2.203a.372.372 0 01.285.121.401.401 0 01.114.285.374.374 0 01-.117.274l-1.516 1.523H18.1a.4.4 0 01.399.399zm5-3.102a.507.507 0 01-.5.5h-3a.497.497 0 01-.352-.852l2.149-2.148H20a.5.5 0 010-1h3a.497.497 0 01.351.852l-2.148 2.148H23a.507.507 0 01.5.5z"
+        />
+        <path
+          className={cx(teamsIconClassNames.filled, classes.filledPart)}
+          d="M22.5 20.25a.976.976 0 01-.078.39 1.018 1.018 0 01-.531.532.976.976 0 01-.391.078h-12a.976.976 0 01-.39-.078 1.018 1.018 0 01-.532-.531 1.016 1.016 0 010-.782 1.018 1.018 0 01.531-.53.976.976 0 01.391-.079.967.967 0 00.39-.078 1.018 1.018 0 00.532-.531.974.974 0 00.078-.391v-4a4.886 4.886 0 01.39-1.95 5 5 0 012.66-2.66 4.955 4.955 0 015.419 1.024.506.506 0 00-.106.106 1.538 1.538 0 00-.11.16 1.872 1.872 0 00-.089.172 7.199 7.199 0 00-.062.14q-.125-.039-.246-.066a1.16 1.16 0 00-.254-.028h-2.204a1.453 1.453 0 00-.578.118 1.52 1.52 0 00-.804.804 1.453 1.453 0 00-.118.578 1.426 1.426 0 00.13.602 1.63 1.63 0 00.355.5.905.905 0 00-.207.215 1.584 1.584 0 00-.278.879 1.47 1.47 0 00.118.586 1.494 1.494 0 00.32.476 1.552 1.552 0 00.477.324 1.428 1.428 0 00.585.122h2.204a1.453 1.453 0 00.578-.118 1.52 1.52 0 00.804-.804 1.486 1.486 0 00-.011-1.184 1.531 1.531 0 00-.356-.496 1.444 1.444 0 00.23-.273 1.848 1.848 0 00.16-.32 1.339 1.339 0 00.231.066 1.4 1.4 0 00.207.023c.068.003.138.004.211.004h.242c.032.167.056.333.075.5a4.522 4.522 0 01.027.5v4a.974.974 0 00.078.39 1.018 1.018 0 00.531.532.967.967 0 00.391.078.976.976 0 01.39.078 1.018 1.018 0 01.532.531.976.976 0 01.078.391zm-8.5 2a1.453 1.453 0 00.117.578 1.52 1.52 0 00.805.805 1.485 1.485 0 001.156 0 1.52 1.52 0 00.805-.805A1.453 1.453 0 0017 22.25zm4.5-7.398a.4.4 0 01-.398.398h-2.204a.373.373 0 01-.285-.121.405.405 0 01-.113-.285.375.375 0 01.117-.274l1.516-1.523h-1.235a.398.398 0 010-.797h2.204a.375.375 0 01.285.121.406.406 0 01.113.285.374.374 0 01-.117.274l-1.516 1.523h1.235a.4.4 0 01.398.399zm5-3.102a.507.507 0 01-.5.5h-3a.497.497 0 01-.352-.852l2.149-2.148H20a.5.5 0 010-1h3a.497.497 0 01.352.852l-2.149 2.148H23a.507.507 0 01.5.5z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+  exportedAs: 'bell-snooze',
+} as TeamsSvgIconSpec
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
@@ -41,6 +41,7 @@ import processedIcons_starred from './icons-starred'
 import processedIcons_star from './icons-star'
 import processedIcons_speakerslashed from './icons-speaker-slashed'
 import processedIcons_speakeroff from './icons-speaker-off'
+import processedIcons_snooze from './icons-snooze'
 import processedIcons_sketch from './icons-sketch'
 import processedIcons_shareobject from './icons-share-object'
 import processedIcons_share from './icons-share'
@@ -351,6 +352,7 @@ export default {
   processedIcons_speakerslashed,
   processedIcons_speakeroff,
   processedIcons_speakermute,
+  processedIcons_snooze,
   processedIcons_sketch,
   processedIcons_shareobject,
   processedIcons_share,

diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/bellMute.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/bellMute.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="M23.86 8.148c.098.1.148.217.148.352a.48.48 0 0 1-.149.352l-2.937 2.937c.13.49.195.959.195 1.406V17c0 .23.046.41.137.54.09.13.22.231.387.304.13.062.289.115.476.156.402.084.685.232.852.445.098.131.148.316.148.555a.95.95 0 0 1-.297.695c-.093.094-.203.168-.328.223s-.25.082-.375.082h-9.406l-3.852 3.852a.487.487 0 0 1-.707-.004A.478.478 0 0 1 8 23.5c0-.13.044-.24.133-.328L22.969 8.344c.12-.125.214-.214.281-.266A.411.411 0 0 1 23.508 8a.48.48 0 0 1 .351.148zm-5.602.375c.687.35 1.26.816 1.719 1.399l-.711.703a4.05 4.05 0 0 0-1.383-1.18 3.84 3.84 0 0 0-3.215-.172 4.058 4.058 0 0 0-1.246.766 4.003 4.003 0 0 0-.961 1.344A3.938 3.938 0 0 0 12.109 13v4c0 .323-.077.633-.23.93s-.36.53-.621.703c-.34.24-.722.362-1.149.367h.782l-.977.977a1.035 1.035 0 0 1-.57-.356.937.937 0 0 1-.235-.621c0-.224.047-.402.141-.535s.221-.236.383-.309c.13-.062.289-.114.476-.156.401-.083.685-.231.852-.445.099-.12.148-.305.148-.555v-4c0-.896.23-1.731.688-2.508.219-.37.481-.708.789-1.015a5.12 5.12 0 0 1 1.016-.79A4.852 4.852 0 0 1 16.109 8c.745 0 1.461.175 2.149.523zm.207 12.625c.101.1.152.217.152.352a2.503 2.503 0 0 1-.734 1.758c-.23.23-.497.41-.805.543s-.628.199-.96.199-.652-.064-.954-.195a2.653 2.653 0 0 1-.812-.547 2.45 2.45 0 0 1-.743-1.758c0-.135.051-.252.153-.352a.494.494 0 0 1 .355-.148h4c.13 0 .246.05.348.148zM13.71 19h8.406c-.265 0-.52-.052-.762-.156a2.068 2.068 0 0 1-1.082-1.082 1.902 1.902 0 0 1-.156-.762v-3.805c0-.172-.013-.356-.039-.554L13.711 19zm.984 3c.099.287.284.526.555.719.26.187.55.281.867.281.313 0 .599-.094.86-.281.27-.193.456-.432.554-.719h-2.836z"
+      />
+      <path
+        className={cx(teamsIconClassNames.filled, classes.filledPart)}
+        d="M23.855 8.148c.102.1.153.217.153.352a.48.48 0 0 1-.149.352l-2.937 2.937c.125.459.187.927.187 1.406V17c0 .23.046.41.137.54.09.13.22.231.387.304.13.062.289.115.476.156.402.084.685.232.852.445.099.12.148.305.148.555a.95.95 0 0 1-.297.695c-.093.094-.203.168-.328.223s-.25.082-.375.082h-9.398l-3.852 3.852c-.099.1-.216.148-.351.148a.485.485 0 0 1-.352-.145.466.466 0 0 1-.148-.347c0-.135.039-.242.117-.32L22.969 8.344l.129-.133a.843.843 0 0 1 .199-.156.441.441 0 0 1 .21-.055c.13 0 .247.05.348.148zm-5.597.375c.687.35 1.26.816 1.719 1.399L9.914 19.977a1.134 1.134 0 0 1-.574-.36.912.912 0 0 1-.23-.617c0-.229.045-.408.136-.54.09-.129.22-.23.387-.304.13-.062.289-.114.476-.156.401-.083.685-.231.852-.445.099-.12.148-.305.148-.555v-4c0-.89.23-1.729.688-2.516a5.024 5.024 0 0 1 1.805-1.796A4.852 4.852 0 0 1 16.109 8c.745 0 1.461.175 2.149.523zm.203 12.625c.099.1.148.217.148.352 0 .339-.065.66-.195.96a2.562 2.562 0 0 1-1.344 1.344c-.301.132-.622.196-.96.196-.334 0-.652-.064-.954-.195-.302-.13-.57-.313-.804-.547s-.417-.502-.547-.805a2.385 2.385 0 0 1-.196-.953c0-.135.05-.252.149-.352a.48.48 0 0 1 .351-.148h4a.48.48 0 0 1 .352.148z"
+      />
+    </svg>
+  ),
+  styles: {},
+} 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
@@ -9,6 +9,7 @@ import arrowLeft from './arrowLeft'
 import arrowRight from './arrowRight'
 import audioOff from './audioOff'
 import ban from './ban'
+import bellMute from './bellMute'
 import bold from './bold'
 import bookmark from './bookmark'
 import broadcast from './broadcast'
@@ -126,6 +127,7 @@ import reply from './reply'
 import retry from './retry'
 import shareAlt from './shareAlt'
 import skypeLogo from './skypeLogo'
+import snooze from './snooze'
 import search from './search'
 import send from './send'
 import settings from './settings'
@@ -166,6 +168,7 @@ export default {
   'arrow-right': arrowRight,
   'audio-off': audioOff,
   ban,
+  'bell-slash': bellMute,
   bold,
   bookmark,
   broadcast,
@@ -280,6 +283,7 @@ export default {
   send,
   settings,
   'share-alt': shareAlt,
+  'bell-snooze': snooze,
   star,
   sticker,
   strike,

diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/snooze.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/snooze.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react'
+import { TeamsSvgIconSpec } from '../types'
+import cx from 'classnames'
+import { teamsIconClassNames } from '../teamsIconClassNames'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <g>
+        <path
+          className={cx(teamsIconClassNames.outline, classes.outlinePart)}
+          d="M22.5 20.25a.96.96 0 01-.078.39.977.977 0 01-.215.317.987.987 0 01-.317.215.972.972 0 01-.39.078h-12a.974.974 0 01-.39-.078 1.018 1.018 0 01-.532-.531 1.016 1.016 0 010-.782 1.018 1.018 0 01.532-.53.974.974 0 01.39-.079.976.976 0 00.39-.078 1.018 1.018 0 00.532-.531.976.976 0 00.078-.391v-4a4.886 4.886 0 01.39-1.95 5 5 0 012.661-2.66 4.89 4.89 0 011.949-.39c.078 0 .183.003.312.008.131.005.27.018.418.039.149.02.3.048.45.082a1.972 1.972 0 01.41.137.94.94 0 01.297.207.412.412 0 01.113.293.508.508 0 01-.137.359.458.458 0 01-.355.148.385.385 0 01-.094-.011.682.682 0 01-.086-.028 6.969 6.969 0 00-.652-.168 3.375 3.375 0 00-.676-.066 3.876 3.876 0 00-1.547.312 4.03 4.03 0 00-2.136 2.13 3.881 3.881 0 00-.317 1.558v4a1.91 1.91 0 01-.16.777 2.118 2.118 0 01-.43.637 1.974 1.974 0 01-.632.43 1.941 1.941 0 01-.778.156h12a1.943 1.943 0 01-.778-.156 2.035 2.035 0 01-.636-.43 2.057 2.057 0 01-.43-.637 1.956 1.956 0 01-.156-.777v-2a.507.507 0 01.5-.5.507.507 0 01.5.5v2a.993.993 0 00.078.39 1.043 1.043 0 00.215.317 1.032 1.032 0 00.316.215.98.98 0 00.39.078.972.972 0 01.391.078.987.987 0 01.317.215.977.977 0 01.215.316.96.96 0 01.078.391zm-8.5 2a1.453 1.453 0 00.117.578 1.522 1.522 0 00.805.805 1.485 1.485 0 001.156 0 1.52 1.52 0 00.805-.805A1.453 1.453 0 0017 22.25zm4.5-7.398a.4.4 0 01-.399.398h-2.203a.376.376 0 01-.285-.121.41.41 0 01-.113-.285.348.348 0 01.031-.149.699.699 0 01.086-.125l1.516-1.523h-1.235a.398.398 0 010-.797h2.203a.372.372 0 01.285.121.401.401 0 01.114.285.374.374 0 01-.117.274l-1.516 1.523H18.1a.4.4 0 01.399.399zm5-3.102a.507.507 0 01-.5.5h-3a.497.497 0 01-.352-.852l2.149-2.148H20a.5.5 0 010-1h3a.497.497 0 01.351.852l-2.148 2.148H23a.507.507 0 01.5.5z"
+        />
+        <path
+          className={cx(teamsIconClassNames.filled, classes.filledPart)}
+          d="M22.5 20.25a.976.976 0 01-.078.39 1.018 1.018 0 01-.531.532.976.976 0 01-.391.078h-12a.976.976 0 01-.39-.078 1.018 1.018 0 01-.532-.531 1.016 1.016 0 010-.782 1.018 1.018 0 01.531-.53.976.976 0 01.391-.079.967.967 0 00.39-.078 1.018 1.018 0 00.532-.531.974.974 0 00.078-.391v-4a4.886 4.886 0 01.39-1.95 5 5 0 012.66-2.66 4.955 4.955 0 015.419 1.024.506.506 0 00-.106.106 1.538 1.538 0 00-.11.16 1.872 1.872 0 00-.089.172 7.199 7.199 0 00-.062.14q-.125-.039-.246-.066a1.16 1.16 0 00-.254-.028h-2.204a1.453 1.453 0 00-.578.118 1.52 1.52 0 00-.804.804 1.453 1.453 0 00-.118.578 1.426 1.426 0 00.13.602 1.63 1.63 0 00.355.5.905.905 0 00-.207.215 1.584 1.584 0 00-.278.879 1.47 1.47 0 00.118.586 1.494 1.494 0 00.32.476 1.552 1.552 0 00.477.324 1.428 1.428 0 00.585.122h2.204a1.453 1.453 0 00.578-.118 1.52 1.52 0 00.804-.804 1.486 1.486 0 00-.011-1.184 1.531 1.531 0 00-.356-.496 1.444 1.444 0 00.23-.273 1.848 1.848 0 00.16-.32 1.339 1.339 0 00.231.066 1.4 1.4 0 00.207.023c.068.003.138.004.211.004h.242c.032.167.056.333.075.5a4.522 4.522 0 01.027.5v4a.974.974 0 00.078.39 1.018 1.018 0 00.531.532.967.967 0 00.391.078.976.976 0 01.39.078 1.018 1.018 0 01.532.531.976.976 0 01.078.391zm-8.5 2a1.453 1.453 0 00.117.578 1.52 1.52 0 00.805.805 1.485 1.485 0 001.156 0 1.52 1.52 0 00.805-.805A1.453 1.453 0 0017 22.25zm4.5-7.398a.4.4 0 01-.398.398h-2.204a.373.373 0 01-.285-.121.405.405 0 01-.113-.285.375.375 0 01.117-.274l1.516-1.523h-1.235a.398.398 0 010-.797h2.204a.375.375 0 01.285.121.406.406 0 01.113.285.374.374 0 01-.117.274l-1.516 1.523h1.235a.4.4 0 01.398.399zm5-3.102a.507.507 0 01-.5.5h-3a.497.497 0 01-.352-.852l2.149-2.148H20a.5.5 0 010-1h3a.497.497 0 01.352.852l-2.149 2.148H23a.507.507 0 01.5.5z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsSvgIconSpec