feat(icon): adding menu's outline icon and Visio icon to Teams theme

CHANGELOG.md

@@ -29,6 +29,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Add `headerAction` slot to the `Dialog` component @mnajdova ([#1617](https://github.com/stardust-ui/react/pull/1617))
 - Add `Slider` component @Bugaa92 ([#1559](https://github.com/stardust-ui/react/pull/1559))
 - Add `tooltipAsLabelBehavior` accessibility behavior for `Tooltip` @sophieH29 ([#1635](https://github.com/stardust-ui/react/pull/1635))
+- Add outline version of `menu` icon and `files-visio` icon to Teams theme @notandrew ([#1623](https://github.com/stardust-ui/react/pull/1623))
 - Add `amethyst` color to the Teams theme color palette @mnajdova ([#1650](https://github.com/stardust-ui/react/pull/1650))
 
 ### Fixes

packages/react/src/themes/teams/components/Icon/svg/icons/filesVisio.tsx

@@ -0,0 +1,13 @@
+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 d="M8.5 10.1v11.8l8.8 1.5V8.6l-8.8 1.5zm4.8 8.7h-1.1L10.6 13h1.1l.9 4c.1.2.1.4.1.6 0-.2 0-.4.1-.6l.9-4h1.1l-1.5 5.8zM21 14.8l.3-.4.8-.8-1.1-1.1-1.2 1.1.4.4.4.4zM17.6 14v2.4h1.9c.2 0 .3.2.3.3v1h.8v-2.5L19.4 14h-1.8z" />
+      <path d="M23.2 10.8h-5.6v2.5h1.8l1.4-1.4h.2l1.7 1.6c.1.1.1.1 0 .2l-1.4 1.5V18c0 .2-.2.3-.3.3h-1.2v1.2c0 .2-.2.3-.3.3h-1.9v1.4h5.6c.2 0 .3-.1.3-.3v-9.8c0-.2-.1-.3-.3-.3z" />
+      <path d="M17.6 17h1.5v2.2h-1.5z" />
+    </svg>
+  ),
+  styles: {},
+} as TeamsSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/icons/index.ts

@@ -65,6 +65,7 @@ import filesPowerPoint from './filesPowerPoint'
 import filesPowerPointBrand from './filesPowerPointBrand'
 import filesWord from './filesWord'
 import filesWordBrand from './filesWordBrand'
+import filesVisio from './filesVisio'
 import fontColor from './fontColor'
 import fontSize from './fontSize'
 import format from './format'
@@ -189,6 +190,7 @@ export default {
   'files-txt': filesTxt,
   'files-upload': filesUpload,
   'files-video': filesVideo,
+  'files-visio': filesVisio,
   'files-zip': filesZip,
   flag,
   download,

packages/react/src/themes/teams/components/Icon/svg/icons/menu.tsx

@@ -1,10 +1,19 @@
 import * as React from 'react'
+import cx from 'classnames'
 import { TeamsSvgIconSpec } from '../types'
+import { teamsIconClassNames } from '../teamsIconClassNames'
 
 export default {
   icon: ({ classes }) => (
     <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
-      <path d="M9 11h13c.6 0 1-.4 1-1s-.4-1-1-1H9c-.6 0-1 .4-1 1s.4 1 1 1zm13 8H9c-.6 0-1 .4-1 1s.4 1 1 1h13c.6 0 1-.4 1-1s-.4-1-1-1zm0-5H9c-.6 0-1 .4-1 1s.4 1 1 1h13c.6 0 1-.4 1-1s-.4-1-1-1z" />
+      <path
+        className={cx(teamsIconClassNames.outline, classes.outlinePart)}
+        d="M22.49 10.47c0 .14-.05.25-.14.35s-.21.14-.35.14H9c-.14 0-.25-.05-.35-.14s-.14-.21-.14-.35.05-.25.14-.35.21-.14.35-.14h13c.14 0 .25.05.35.14s.14.21.14.35zm0 5c0 .14-.05.25-.14.35s-.21.14-.35.14H9c-.14 0-.25-.05-.35-.14s-.14-.21-.14-.35.05-.25.14-.35.21-.14.35-.14h13c.14 0 .25.05.35.14s.14.21.14.35zm0 5c0 .14-.05.25-.14.35s-.21.14-.35.14H9c-.14 0-.25-.05-.35-.14s-.14-.21-.14-.35.05-.25.14-.35.21-.14.35-.14h13c.14 0 .25.05.35.14s.14.21.14.35z"
+      />
+      <path
+        className={cx(teamsIconClassNames.filled, classes.filledPart)}
+        d="M9 11h13c.6 0 1-.4 1-1s-.4-1-1-1H9c-.6 0-1 .4-1 1s.4 1 1 1zm13 8H9c-.6 0-1 .4-1 1s.4 1 1 1h13c.6 0 1-.4 1-1s-.4-1-1-1zm0-5H9c-.6 0-1 .4-1 1s.4 1 1 1h13c.6 0 1-.4 1-1s-.4-1-1-1z"
+      />
     </svg>
   ),
   styles: {},