diff --git a/CHANGELOG.md b/CHANGELOG.md index da42065c3d..48e123f02b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -28,6 +28,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm - Add `open`, `defaultOpen` and `onOpenChange` props for `Dropdown` component (controlled mode) @Bugaa92 ([#900](https://github.com/stardust-ui/react/pull/900)) - Add `accessibility` prop to all components that supports it @layershifter ([#927](https://github.com/stardust-ui/react/pull/927)) - Export `FocusZone` types @sophieH29 ([#943](https://github.com/stardust-ui/react/pull/943/)) +- Export `chevron-down`, `download`, `search`, `email` and `star` SVG icons to the Teams Theme @pajindal([#955](https://github.com/stardust-ui/react/pull/955)) ### Fixes - Display correctly images in portrait mode inside `Avatar` @layershifter ([#899](https://github.com/stardust-ui/react/pull/899)) diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chevron-down.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chevron-down.tsx index d96c0b3c1c..d9cfb6a2f3 100644 --- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chevron-down.tsx +++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chevron-down.tsx @@ -19,4 +19,5 @@ export default { ), styles: {}, + exportedAs: 'chevron-down', } as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-download.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-download.tsx index 7757e7a22c..291cb0abf2 100644 --- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-download.tsx +++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-download.tsx @@ -19,4 +19,5 @@ export default { ), styles: {}, + exportedAs: 'download', } as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-email.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-email.tsx index 8c2fbe2ee1..423fc4d3d0 100644 --- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-email.tsx +++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-email.tsx @@ -23,4 +23,5 @@ export default { ), styles: {}, + exportedAs: 'email', } as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-search.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-search.tsx index 5813667a4a..472a3faf8a 100644 --- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-search.tsx +++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-search.tsx @@ -8,4 +8,5 @@ export default { ), styles: {}, + exportedAs: 'search', } as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-star.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-star.tsx index 074367137e..ceb57ff10f 100644 --- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-star.tsx +++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-star.tsx @@ -19,4 +19,5 @@ export default { ), styles: {}, + exportedAs: 'star', } as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/chevronDown.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/chevronDown.tsx new file mode 100644 index 0000000000..4fc0b5867b --- /dev/null +++ b/packages/react/src/themes/teams/components/Icon/svg/icons/chevronDown.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 }) => ( + + + + + ), + styles: {}, +} as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/download.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/download.tsx new file mode 100644 index 0000000000..f76fd27dab --- /dev/null +++ b/packages/react/src/themes/teams/components/Icon/svg/icons/download.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 }) => ( + + + + + ), + styles: {}, +} as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/email.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/email.tsx new file mode 100644 index 0000000000..78800ae8d6 --- /dev/null +++ b/packages/react/src/themes/teams/components/Icon/svg/icons/email.tsx @@ -0,0 +1,24 @@ +import * as React from 'react' +import cx from 'classnames' +import { TeamsProcessedSvgIconSpec } from '../types' +import { teamsIconClassNames } from '../teamsIconClassNames' + +export default { + icon: ({ classes }) => ( + + + + + + ), + 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 index 6fce2582d3..b8f919f324 100644 --- a/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts +++ b/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts @@ -18,9 +18,12 @@ import callVideo from './callVideo' import callVideoOff from './callVideoOff' import canvasAddPage from './canvasAddPage' import chat from './chat' +import chevronDown from './chevronDown' import close from './close' import codeSnippet from './codeSnippet' +import download from './download' import edit from './edit' +import email from './email' import emoji from './emoji' import error from './error' import fontColor from './fontColor' @@ -54,7 +57,9 @@ import redo from './redo' import removeFormat from './removeFormat' import reply from './reply' import retry from './retry' +import search from './search' import send from './send' +import star from './star' import sticker from './sticker' import strike from './strike' import table from './table' @@ -89,9 +94,12 @@ export default { 'call-recording': callRecording, 'canvas-add-page': canvasAddPage, chat, + 'chevron-down': chevronDown, close, 'code-snippet': codeSnippet, + download, edit, + email, emoji, error, format, @@ -126,7 +134,9 @@ export default { 'remove-format': removeFormat, reply, retry, + search, send, + star, sticker, strike, table, diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/search.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/search.tsx new file mode 100644 index 0000000000..5813667a4a --- /dev/null +++ b/packages/react/src/themes/teams/components/Icon/svg/icons/search.tsx @@ -0,0 +1,11 @@ +import * as React from 'react' +import { TeamsProcessedSvgIconSpec } from '../types' + +export default { + icon: ({ classes }) => ( + + + + ), + styles: {}, +} as TeamsProcessedSvgIconSpec diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/star.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/star.tsx new file mode 100644 index 0000000000..abec7313da --- /dev/null +++ b/packages/react/src/themes/teams/components/Icon/svg/icons/star.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 }) => ( + + + + + ), + styles: {}, +} as TeamsProcessedSvgIconSpec