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

feat(Icons): added icon for table-add and table-delete #643

Merged
merged 5 commits into from
Dec 19, 2018
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 @@ -68,6 +68,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
- Export `canvas-add-page` SVG icon @priyankar205 ([#601](https://github.com/stardust-ui/react/pull/601))
- Add `sizeModifier` variable (with `x` and `xx` values) to `Icon`'s Teams theme styles @priyankar205 ([#601](https://github.com/stardust-ui/react/pull/601))
- Add `offset` prop to `Popup` to extend set of popup positioning options @kuzhelov ([#606](https://github.com/stardust-ui/react/pull/606))
- Export `table-add` and `table-delete` SVG icon @VyshnaviDasari ([#643](https://github.com/stardust-ui/react/pull/643))

### Documentation
- Add `prettier` support throughout the docs @levithomason ([#568](https://github.com/stardust-ui/react/pull/568))
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,4 +21,5 @@ export default {
</svg>
),
styles: {},
exportedAs: 'table-add',
} as TeamsProcessedSvgIconSpec
Original file line number Diff line number Diff line change
Expand Up @@ -21,4 +21,5 @@ export default {
</svg>
),
styles: {},
exportedAs: 'table-delete',
} as TeamsProcessedSvgIconSpec
4 changes: 4 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,8 @@ import send from './send'
import sticker from './sticker'
import strike from './strike'
import table from './table'
import tableAdd from './tableAdd'
import tableDelete from './tableDelete'
import teamCreate from './teamCreate'
import teams from './teams'
import translation from './translation'
Expand Down Expand Up @@ -108,6 +110,8 @@ export default {
sticker,
strike,
table,
'table-add': tableAdd,
'table-delete': tableDelete,
teams,
translation,
'trash-can': trashCan,
Expand Down
24 changes: 24 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/tableAdd.tsx
Original file line number Diff line number Diff line change
@@ -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}
aria-labelledby="icons_insert_table_column_row"
>
<g>
<g className={classes.outlinePart}>
<path d="M21 9.5c0-.827-.673-1.5-1.5-1.5h-10C8.673 8 8 8.673 8 9.5v10c0 .827.673 1.5 1.5 1.5H17v-4h4V9.5zM19.5 9a.5.5 0 0 1 .5.5V12h-3V9h2.5zM16 12h-3V9h3v3zM9.5 9H12v3H9V9.5a.5.5 0 0 1 .5-.5zM9 13h3v3H9v-3zm0 6.5V17h3v3H9.5a.5.5 0 0 1-.5-.5zm7 .5h-3v-3h3v3zm-3-4v-3h3v3h-3zm4 0v-3h3v3h-3zM22 22h2v-1h-2v-2h-1v2h-2v1h2v2h1z" />
</g>
<g className={classes.filledPart}>
<path d="M22 22h2v-1h-2v-2h-1v2h-2v1h2v2h1zM13 13h3v3h-3zM8 13h4v3H8zM17 12h4V9.5c0-.827-.673-1.5-1.5-1.5H17v4zM13 17h3v4h-3zM12 12V8H9.5C8.673 8 8 8.673 8 9.5V12h4zM12 17H8v2.5c0 .827.673 1.5 1.5 1.5H12v-4zM17 13h4v3h-4zM13 8h3v4h-3z" />
</g>
</g>
</svg>
),
styles: {},
} as TeamsProcessedSvgIconSpec
24 changes: 24 additions & 0 deletions src/themes/teams/components/Icon/svg/icons/tableDelete.tsx
Original file line number Diff line number Diff line change
@@ -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}
aria-labelledby="icons_delete_table_column_row"
>
<g>
<g className={classes.outlinePart}>
<path d="M21 9.5c0-.827-.673-1.5-1.5-1.5h-10C8.673 8 8 8.673 8 9.5v10c0 .827.673 1.5 1.5 1.5H17v-4h4V9.5zM19.5 9a.5.5 0 0 1 .5.5V12h-3V9h2.5zM16 12h-3V9h3v3zM9.5 9H12v3H9V9.5a.5.5 0 0 1 .5-.5zM9 13h3v3H9v-3zm0 6.5V17h3v3H9.5a.5.5 0 0 1-.5-.5zm7 .5h-3v-3h3v3zm-3-4v-3h3v3h-3zm4 0v-3h3v3h-3zM22.207 21.5l1.414-1.414-.707-.707-1.414 1.414-1.414-1.414-.707.707 1.414 1.414-1.414 1.414.707.707 1.414-1.414 1.414 1.414.707-.707z" />
</g>
<g className={classes.filledPart}>
<path d="M22.207 21.5l1.414-1.414-.707-.707-1.414 1.414-1.414-1.414-.707.707 1.414 1.414-1.414 1.414.707.707 1.414-1.414 1.414 1.414.707-.707zM13 13h3v3h-3zM8 13h4v3H8zM17 12h4V9.5c0-.827-.673-1.5-1.5-1.5H17v4zM13 17h3v4h-3zM12 12V8H9.5C8.673 8 8 8.673 8 9.5V12h4zM12 17H8v2.5c0 .827.673 1.5 1.5 1.5H12v-4zM17 13h4v3h-4zM13 8h3v4h-3z" />
</g>
</g>
</svg>
),
styles: {},
} as TeamsProcessedSvgIconSpec