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

feat: add SVG icons set #544

Merged
merged 8 commits into from
Dec 3, 2018
Merged

feat: add SVG icons set #544

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7b4c75d
update lockfile
kuzhelov-ms Nov 29, 2018
896307f
add icon set
kuzhelov-ms Nov 29, 2018
b66277c
Merge branch 'master' into feat/add-icon-set
kuzhelov Nov 29, 2018
05e9524
add missing icons
kuzhelov-ms Nov 30, 2018
1b1bf76
return back processed icons
kuzhelov-ms Nov 30, 2018
4ab989a
Merge branch 'master' into feat/add-icon-set
kuzhelov Dec 3, 2018
559d194
Merge branch 'master' into feat/add-icon-set
kuzhelov Dec 3, 2018
4e4aedb
update changelog
kuzhelov-ms Dec 3, 2018
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
2 changes: 2 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,11 +21,13 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
- Prevent blind props forwarding if `Input`'s wrapper is defined as React element @kuzhelov ([#453](https://github.com/stardust-ui/react/pull/453))
- Fix invalid whatInput import @miroslavstastny ([#541](https://github.com/stardust-ui/react/pull/541))
- Fix invalid typings and propTypes for the content prop @mnajdova ([#528](https://github.com/stardust-ui/react/pull/528))
- Fix Teams SVG icons @kuzhelov ([#544](https://github.com/stardust-ui/react/pull/544))

### Features
- Add all default size Teams icons processed & ready to be consumed by Stardust as needed @codepretty ([#478](https://github.com/stardust-ui/react/pull/478))
- Add `Tree` Component @priyankar205 ([#479]
(https://github.com/stardust-ui/react/pull/479))
- Add several Teams SVG icons @kuzhelov ([#544](https://github.com/stardust-ui/react/pull/544))

<!--------------------------------[ v0.13.0 ]------------------------------- -->
## [v0.13.0](https://github.com/stardust-ui/react/tree/v0.13.0) (2018-11-27)
Expand Down
10 changes: 1 addition & 9 deletions src/themes/teams/components/Icon/font/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,3 @@
import { FontIconSpec } from '../../../../types'

const fontAwesome = (iconCode: string): FontIconSpec => ({
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

those are not used

fontFamily: 'Icons',
content: `'\\${iconCode}'`,
})

export default {
'call-home': fontAwesome('f015'),
'take-rest': fontAwesome('f0f4'),
} as { [key: string]: FontIconSpec }
export default {} as { [key: string]: FontIconSpec }
18 changes: 18 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/addParticipant.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<path
className={classes.outlinePart}
d="M21.5 18h-13c-.3 0-.5.2-.5.5v.6c0 2.4 3.5 3.7 7 3.7 4.1 0 7-1.5 7-3.7v-.6c0-.3-.2-.5-.5-.5zm-.5 1.1c0 1.5-2.6 2.7-6 2.7s-6-1.2-6-2.7V19l12 .1zM15 16c1.9 0 3.5-1.6 3.5-3.5S16.9 9 15 9s-3.5 1.6-3.5 3.5S13.1 16 15 16zm0-6c1.4 0 2.5 1.1 2.5 2.5S16.4 15 15 15s-2.5-1.1-2.5-2.5S13.6 10 15 10zm8.5 0H22V8.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5V10h-1.5c-.3 0-.5.2-.5.5s.2.5.5.5H21v1.5c0 .3.2.5.5.5s.5-.2.5-.5V11h1.5c.3 0 .5-.2.5-.5s-.2-.5-.5-.5z"
/>
<path
className={classes.filledPart}
d="M21.5 18h-13c-.3 0-.5.2-.5.5v.6c0 2.4 3.5 3.7 7 3.7 4.1 0 7-1.5 7-3.7v-.6c0-.3-.2-.5-.5-.5zM9 19.1c-6 8.6-3 4.3 0 0zm6-3.1c1.9 0 3.5-1.6 3.5-3.5S16.9 9 15 9s-3.5 1.6-3.5 3.5S13.1 16 15 16zm8.5-6H22V8.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5V10h-1.5c-.3 0-.5.2-.5.5s.2.5.5.5H21v1.5c0 .3.2.5.5.5s.5-.2.5-.5V11h1.5c.3 0 .5-.2.5-.5s-.2-.5-.5-.5z"
/>
</svg>
),
styles: {},
} as TeamsSvgIconSpec
26 changes: 10 additions & 16 deletions src/themes/teams/components/Icon/svg/icons/bookmark.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,22 +3,16 @@ import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg viewBox="0 0 32 32" role="presentation" className={classes.svg}>
<g className={classes.outlinePart}>
<path
d="M12,23.3c-0.1,0-0.3,0-0.4-0.1c-0.4-0.2-0.6-0.5-0.6-0.9V9.9c0-0.7,0.5-1.3,1.2-1.5c2.4-0.6,5.2-0.6,7.7,0
C20.5,8.6,21,9.2,21,9.9v12.4c0,0.4-0.2,0.8-0.6,0.9c-0.4,0.2-0.8,0.1-1.1-0.2L16,19.7L12.7,23C12.5,23.2,12.3,23.3,12,23.3z
M16,18.7c0.3,0,0.5,0.1,0.7,0.3l3.3,3.3V9.9c0-0.2-0.2-0.4-0.4-0.5c-2.3-0.5-4.9-0.5-7.2,0C12.2,9.4,12,9.6,12,9.9v12.4l3.3-3.3
C15.5,18.8,15.7,18.7,16,18.7z"
/>
</g>
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<path
className={classes.outlinePart}
d="M12 23.3c-.1 0-.3 0-.4-.1-.4-.2-.6-.5-.6-.9V9.9c0-.7.5-1.3 1.2-1.5 2.4-.6 5.2-.6 7.7 0 .6.2 1.1.8 1.1 1.5v12.4c0 .4-.2.8-.6.9-.4.2-.8.1-1.1-.2L16 19.7 12.7 23c-.2.2-.4.3-.7.3zm4-4.6c.3 0 .5.1.7.3l3.3 3.3V9.9c0-.2-.2-.4-.4-.5-2.3-.5-4.9-.5-7.2 0-.2 0-.4.2-.4.5v12.4l3.3-3.3c.2-.2.4-.3.7-.3z"
/>
<path
className={classes.filledPart}
d="M19.8 8.4c-2.4-.6-5.2-.6-7.7 0-.6.2-1.1.8-1.1 1.5v12.4c0 .4.2.8.6.9.1.1.3.1.4.1.3 0 .5-.1.7-.3l3.3-3.3 3.3 3.3c.3.3.7.4 1.1.2.4-.2.6-.5.6-.9V9.9c0-.7-.5-1.3-1.2-1.5z"
/>
</svg>
),
styles: {
svg: ({ variables }) => {
return {
fill: variables.color,
}
},
},
styles: {},
} as TeamsSvgIconSpec
39 changes: 14 additions & 25 deletions src/themes/teams/components/Icon/svg/icons/bullets.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,31 +3,20 @@ import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg viewBox="0 0 32 32" role="presentation" className={classes.svg}>
<g className={classes.outlinePart}>
<path d="M13.4999,11h9c0.2761,0,0.5-0.2236,0.5-0.5s-0.2239-0.5-0.5-0.5h-9c-0.2761,0-0.5,0.2236-0.5,0.5S13.2238,11,13.4999,11z" />
<path d="M22.4999,15h-9c-0.2761,0-0.5,0.2236-0.5,0.5s0.2239,0.5,0.5,0.5h9c0.2761,0,0.5-0.2236,0.5-0.5S22.776,15,22.4999,15z" />
<path d="M22.4999,20h-9c-0.2761,0-0.5,0.2236-0.5,0.5s0.2239,0.5,0.5,0.5h9c0.2761,0,0.5-0.2236,0.5-0.5S22.776,20,22.4999,20z" />
<circle cx="10.5" cy="10.5" r="1" />
<circle cx="10.5" cy="20.5" r="1" />
<circle cx="10.5" cy="15.5" r="1" />
</g>
<g className={classes.filledPart}>
<path
d="M13.4999,11.25h9c0.4143,0,0.75-0.3359,0.75-0.75s-0.3357-0.75-0.75-0.75h-9c-0.4143,0-0.75,0.3359-0.75,0.75
S13.0856,11.25,13.4999,11.25z"
/>
<path
d="M22.4999,14.75h-9c-0.4143,0-0.75,0.3359-0.75,0.75s0.3357,0.75,0.75,0.75h9c0.4143,0,0.75-0.3359,0.75-0.75
S22.9142,14.75,22.4999,14.75z"
/>
<path
d="M22.4999,19.75h-9c-0.4143,0-0.75,0.3359-0.75,0.75s0.3357,0.75,0.75,0.75h9c0.4143,0,0.75-0.3359,0.75-0.75
S22.9142,19.75,22.4999,19.75z"
/>
<circle cx="10.5" cy="10.5" r="1" />
<circle cx="10.5" cy="15.5" r="1" />
<circle cx="10.5" cy="20.5" r="1" />
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<g>
<g className={classes.outlinePart}>
<path d="M13.5 11h9a.5.5 0 1 0 0-1h-9a.5.5 0 1 0 0 1zM22.5 15h-9a.5.5 0 1 0 0 1h9a.5.5 0 1 0 0-1zM22.5 20h-9a.5.5 0 1 0 0 1h9a.5.5 0 1 0 0-1z" />
<circle cx="10.5" cy="10.5" r="1" />
<circle cx="10.5" cy="20.5" r="1" />
<circle cx="10.5" cy="15.5" r="1" />
</g>
<g className={classes.filledPart}>
<path d="M13.5 11.25h9a.75.75 0 0 0 0-1.5h-9a.75.75 0 0 0 0 1.5zM22.5 14.75h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5zM22.5 19.75h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z" />
<circle cx="10.5" cy="10.5" r="1" />
<circle cx="10.5" cy="15.5" r="1" />
<circle cx="10.5" cy="20.5" r="1" />
</g>
</g>
</svg>
),
Expand Down
24 changes: 24 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/calendar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import * as React from 'react'
import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<g>
<path
className={classes.outlinePart}
d="M21.5 10H19V9c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1h-4V9c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1h-2.5c-.8 0-1.5.7-1.5 1.5v9.4c0 .7.4 1.2 1.1 1.4 1.8.5 3.8.7 5.9.7s4.1-.2 5.9-.7c.6-.2 1.1-.7 1.1-1.4v-9.4c0-.8-.7-1.5-1.5-1.5zm.5 10.9c0 .2-.1.4-.3.4-3.5.9-7.8.9-11.3 0-.2 0-.3-.2-.3-.4v-9.4c0-.3.2-.5.5-.5H13v1c0 .3.2.5.5.5s.5-.2.5-.5v-1h4v1c0 .3.2.5.5.5s.5-.2.5-.5v-1h2.5c.3 0 .5.2.5.5v9.4z"
/>
<path
className={classes.outlinePart}
d="M12 14h2v2h-2zM15 14h2v2h-2zM15 17h2v2h-2zM12 17h2v2h-2zM18 14h2v2h-2z"
/>
<path
className={classes.filledPart}
d="M21.5 10H19V9c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1h-4V9c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1h-2.5c-.8 0-1.5.7-1.5 1.5v9.4c0 .7.4 1.2 1.1 1.4 1.8.5 3.8.7 5.9.7s4.1-.2 5.9-.7c.6-.2 1.1-.7 1.1-1.4v-9.4c0-.8-.7-1.5-1.5-1.5zM14 19h-2v-2h2v2zm0-3h-2v-2h2v2zm3 3h-2v-2h2v2zm0-3h-2v-2h2v2zm3 0h-2v-2h2v2z"
/>
</g>
</svg>
),
styles: {},
} as TeamsSvgIconSpec
17 changes: 2 additions & 15 deletions src/themes/teams/components/Icon/svg/icons/callControlPresentNew.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,8 @@ import { TeamsSvgIconSpec } from '../types'
export default {
icon: ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<g className={classes.outlinePart}>
<path
d="M22.5,9h-13C8.672852,9,8,9.672852,8,10.5v9C8,20.327148,8.672852,21,9.5,21H13c0.276367,0,0.5-0.223633,0.5-0.5
S13.276367,20,13,20H9.5C9.224121,20,9,19.775391,9,19.5v-9C9,10.224121,9.224121,10,9.5,10h13c0.275391,0,0.5,0.224121,0.5,0.5v9
c0,0.275391-0.224609,0.5-0.5,0.5H19c-0.276367,0-0.5,0.223633-0.5,0.5S18.723633,21,19,21h3.5c0.827148,0,1.5-0.672852,1.5-1.5v-9
C24,9.672852,23.327148,9,22.5,9z"
/>
<path
d="M19,18c0.255859,0,0.511719-0.097656,0.707031-0.292969c0.390625-0.390625,0.390625-1.023438,0-1.414062
l-2.999695-2.999695c-0.092163-0.092285-0.20282-0.165344-0.325195-0.216064c-0.244507-0.101135-0.519775-0.101135-0.764282,0
c-0.122375,0.05072-0.233032,0.123779-0.325195,0.216064l-2.999695,2.999695c-0.390625,0.390625-0.390625,1.023438,0,1.414062
C12.488281,17.902344,12.744141,18,13,18s0.511719-0.097656,0.707031-0.292969L15,16.414062V22.5c0,0.552734,0.447754,1,1,1
s1-0.447266,1-1v-6.085938l1.292969,1.292969C18.488281,17.902344,18.744141,18,19,18z"
/>
</g>
<path d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5H13a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5H19a.5.5 0 1 0 0 1h3.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z" />
<path d="M19 18a1 1 0 0 0 .707-1.707l-3-3a1 1 0 0 0-1.09-.216 1 1 0 0 0-.324.216l-3 3a1 1 0 1 0 1.414 1.414L15 16.414V22.5a1 1 0 1 0 2 0v-6.086l1.293 1.293A.997.997 0 0 0 19 18z" />
</svg>
),
styles: {},
Expand Down
18 changes: 2 additions & 16 deletions src/themes/teams/components/Icon/svg/icons/callControlStopPresentingNew.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,22 +4,8 @@ import { TeamsSvgIconSpec } from '../types'
export default {
icon: ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<g className={classes.outlinePart}>
<path
d="M22.5,9h-13C8.672852,9,8,9.672852,8,10.5v9C8,20.327148,8.672852,21,9.5,21h2.006836c0.276367,0,0.5-0.223633,0.5-0.5
s-0.223633-0.5-0.5-0.5H9.5C9.224121,20,9,19.775391,9,19.5v-9C9,10.224121,9.224121,10,9.5,10h13c0.275391,0,0.5,0.224121,0.5,0.5
v9c0,0.275391-0.224609,0.5-0.5,0.5h-2.066406c-0.276367,0-0.5,0.223633-0.5,0.5s0.223633,0.5,0.5,0.5H22.5
c0.827148,0,1.5-0.672852,1.5-1.5v-9C24,9.672852,23.327148,9,22.5,9z"
/>
<path
d="M19.207031,16.292969c-0.390625-0.390625-1.023438-0.390625-1.414062,0L16,18.085938l-1.792969-1.792969
c-0.390625-0.390625-1.023438-0.390625-1.414062,0s-0.390625,1.023438,0,1.414062L14.585938,19.5l-1.792969,1.792969
c-0.390625,0.390625-0.390625,1.023438,0,1.414062C12.988281,22.902344,13.244141,23,13.5,23s0.511719-0.097656,0.707031-0.292969
L16,20.914062l1.792969,1.792969C17.988281,22.902344,18.244141,23,18.5,23s0.511719-0.097656,0.707031-0.292969
c0.390625-0.390625,0.390625-1.023438,0-1.414062L17.414062,19.5l1.792969-1.792969
C19.597656,17.316406,19.597656,16.683594,19.207031,16.292969z"
/>
</g>
<path d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5h2.007a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5h-2.066a.5.5 0 1 0 0 1H22.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z" />
<path d="M19.207 16.293a1 1 0 0 0-1.414 0L16 18.086l-1.793-1.793a1 1 0 1 0-1.414 1.414l1.793 1.793-1.793 1.793a1 1 0 1 0 1.414 1.414L16 20.914l1.793 1.793a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414L17.414 19.5l1.793-1.793a1 1 0 0 0 0-1.414z" />
</svg>
),
styles: {},
Expand Down
9 changes: 2 additions & 7 deletions src/themes/teams/components/Icon/svg/icons/callEnd.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,8 @@ import { TeamsSvgIconSpec } from '../types'

export default {
icon: ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<path
className={classes.filledPart}
d="M23.4,15.6C21.3,13.9,18.7,13,16,13s-5.3,0.9-7.4,2.6C8.1,16,7.9,16.5,8,17.1c0,0.1,0.2,0.5,0.2,0.5
c0.4,0.6,0.9,1.4,1.9,1.2l0.7-0.1c1.1-0.2,2.5-0.8,2.7-2.1l0.2-1.1l4.2,0l0.2,1.1c0.3,1.3,1.7,1.9,2.7,2l0.7,0.1c0.1,0,0.2,0,0.2,0
c0.7,0,1.1-0.5,1.5-1c0,0,0.4-0.7,0.4-0.7C24.1,16.5,23.9,16,23.4,15.6z"
/>
<svg role="presentation" focusable="false" className={classes.svg} viewBox="8 8 16 16">
<path d="M23.4 15.6C21.3 13.9 18.7 13 16 13s-5.3.9-7.4 2.6c-.5.4-.7.9-.6 1.5 0 .1.2.5.2.5.4.6.9 1.4 1.9 1.2l.7-.1c1.1-.2 2.5-.8 2.7-2.1l.2-1.1h4.2l.2 1.1c.3 1.3 1.7 1.9 2.7 2l.7.1h.2c.7 0 1.1-.5 1.5-1l.4-.7c.5-.5.3-1-.2-1.4z" />
</svg>
),
styles: {},
Expand Down
32 changes: 0 additions & 32 deletions src/themes/teams/components/Icon/svg/icons/callIncomingVideoOff.tsx
View file
Open in desktop

This file was deleted.

43 changes: 0 additions & 43 deletions src/themes/teams/components/Icon/svg/icons/callMicrophone.tsx
View file
Open in desktop

This file was deleted.

Loading