Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

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

Merged
merged 7 commits into from
Sep 11, 2019
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d1df187
Adding snooze icon and exporting bell-mute icon
musingh1 Sep 11, 2019
d9a9c31
Merge branch 'master' into feature/mukul/add-mute-unmute-icons
musingh1 Sep 11, 2019
54dfa15
Merge branch 'master' of https://github.com/stardust-ui/react into fe…
musingh1 Sep 11, 2019
786fe4a
Merge branch 'feature/mukul/add-mute-unmute-icons' of https://github.…
musingh1 Sep 11, 2019
c1f068f
Updating changelog
musingh1 Sep 11, 2019
e6a8d92
Resolving PR comments
musingh1 Sep 11, 2019
54af4f8
Resolving PR comments
musingh1 Sep 11, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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))
Expand Down
1 change: 1 addition & 0 deletions packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-bell-mute.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,4 +17,5 @@ export default {
</svg>
),
styles: {},
exportedAs: 'bell-slash',
} as TeamsProcessedSvgIconSpec
23 changes: 23 additions & 0 deletions packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-snooze.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
2 changes: 2 additions & 0 deletions packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand Down Expand Up @@ -351,6 +352,7 @@ export default {
processedIcons_speakerslashed,
processedIcons_speakeroff,
processedIcons_speakermute,
processedIcons_snooze,
processedIcons_sketch,
processedIcons_shareobject,
processedIcons_share,
Expand Down
20 changes: 20 additions & 0 deletions packages/react/src/themes/teams/components/Icon/svg/icons/bellMute.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
4 changes: 4 additions & 0 deletions packages/react/src/themes/teams/components/Icon/svg/icons/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand Down Expand Up @@ -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'
Expand Down Expand Up @@ -166,6 +168,7 @@ export default {
'arrow-right': arrowRight,
'audio-off': audioOff,
ban,
'bell-slash': bellMute,
bold,
bookmark,
broadcast,
Expand Down Expand Up @@ -280,6 +283,7 @@ export default {
send,
settings,
'share-alt': shareAlt,
'bell-snooze': snooze,
star,
sticker,
strike,
Expand Down
22 changes: 22 additions & 0 deletions packages/react/src/themes/teams/components/Icon/svg/icons/snooze.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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