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

feat(Icon): Added arrow-up, arrow-down , chat icons to Stardust #873

Merged
merged 5 commits into from
Feb 12, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
- Add sample screener tests with steps for `Dropdown` @silviuavram ([#797](https://github.com/stardust-ui/react/pull/797))
- Add shorthand support for `triggerButton` in `Dropdown` @silviuavram ([#815](https://github.com/stardust-ui/react/pull/815))
- Add toggle functionality in the `Popoup` even if the `trigger` is not button @kolaps33 ([#758](https://github.com/stardust-ui/react/pull/758))
- Export `arrow-up`,`arrow-down` and `chat` SVG icon @VyshnaviDasari ([#873](https://github.com/stardust-ui/react/pull/873))

### Fixes
- Handle `onClick` and `onFocus` on ListItems correctly @layershifter ([#779](https://github.com/stardust-ui/react/pull/779))
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,5 @@ export default {
</svg>
),
styles: {},
exportedAs: 'arrow-down',
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,5 @@ export default {
</svg>
),
styles: {},
exportedAs: 'arrow-up',
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
Expand Up @@ -19,4 +19,5 @@ export default {
</svg>
),
styles: {},
exportedAs: 'chat',
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
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="M15.9 22.9l4-4c.2-.2.2-.5 0-.7s-.5-.2-.7 0L16 21.3V9.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v11.8l-3.1-3.1c-.2-.2-.5-.2-.7 0-.2 0-.2.2-.2.3s0 .3.1.4l4 4c.2.1.6.1.8 0z" />
</svg>
),
styles: {},
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
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="M15.2 9.1l-4 4c-.2.2-.2.5 0 .7s.5.2.7 0l3.2-3.1v11.8c0 .3.2.5.5.5s.5-.2.5-.5V10.7l3.1 3.1c.2.2.5.2.7 0 .2 0 .2-.2.2-.3s0-.3-.1-.4l-4-4c-.2-.1-.6-.1-.8 0z" />
</svg>
),
styles: {},
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
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}>
<g>
<g className={cx(teamsIconClassNames.outline, classes.outlinePart)}>
<path d="M22 23.5c-.3 0-.6-.1-.8-.4l-2.1-2.8c-.5.1-1.5.1-2.6.1-1.9 0-3.7-.2-5.3-.6-.7-.1-1.2-.8-1.2-1.4v-6.9c0-.8.7-1.5 1.5-1.5h10c.8 0 1.5.7 1.5 1.5v11c0 .4-.3.8-.7.9-.1.1-.2.1-.3.1zm-2.9-4.2c.3 0 .6.1.8.4l2.1 2.8v-11c0-.3-.2-.5-.5-.5h-10c-.3 0-.5.2-.5.5v6.9c0 .2.2.4.4.5 1.6.4 3.3.6 5.1.6 1-.1 2-.1 2.6-.2-.1 0 0 0 0 0z" />
<path d="M13 13h6.5v1H13zM13 16h4v1h-4z" />
</g>
<path
className={cx(teamsIconClassNames.filled, classes.filledPart)}
d="M21.5 10h-10c-.8 0-1.5.7-1.5 1.5v6.9c0 .6.5 1.3 1.2 1.4 1.6.4 3.4.6 5.3.6 1.1 0 2.1 0 2.6-.1l2.1 2.8c.2.3.5.4.8.4.1 0 .2 0 .3-.1.4-.1.7-.5.7-.9v-11c0-.8-.7-1.5-1.5-1.5zM17 17h-4v-1h4v1zm2.5-3H13v-1h6.5v1z"
/>
</g>
</svg>
),
styles: {},
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@ import { TeamsSvgIconSpec } from '../types'

import add from './add'
import addParticipant from './addParticipant'
import arrowUp from './arrowUp'
import arrowDown from './arrowDown'
import bold from './bold'
import bookmark from './bookmark'
import bullets from './bullets'
Expand All @@ -14,6 +16,7 @@ import callRecording from './callRecording'
import callVideo from './callVideo'
import callVideoOff from './callVideoOff'
import canvasAddPage from './canvasAddPage'
import chat from './chat'
import close from './close'
import codeSnippet from './codeSnippet'
import edit from './edit'
Expand Down Expand Up @@ -67,6 +70,8 @@ import videoCameraEmphasis from './videoCameraEmphasis'

export default {
add,
'arrow-up': arrowUp,
'arrow-down': arrowDown,
bold,
bookmark,
bullets,
Expand All @@ -79,6 +84,7 @@ export default {
'call-control-stop-presenting-new': callControlStopPresentingNew,
'call-recording': callRecording,
'canvas-add-page': canvasAddPage,
chat,
close,
'code-snippet': codeSnippet,
edit,
Expand Down