box-ui-elements 15.1.0-beta.19 → 15.1.0-beta.21

package/src/icon/logo/HelpArticle32.js.flow

@@ -0,0 +1,40 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const HelpArticle32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            d="M15.645 17.24a.534.534 0 01.209-.04.53.53 0 01.486.311.512.512 0 01-.112.565.54.54 0 01-.374.146.508.508 0 01-.209-.982zm-.025-3.428c.114-.023.238-.034.372-.034.187 0 .356.024.506.075.15.05.278.12.384.213a.927.927 0 01.243.335c.057.13.086.275.086.435 0 .151-.021.282-.063.393a1.09 1.09 0 01-.159.288 1.185 1.185 0 01-.21.212c-.077.06-.15.115-.219.166a1.755 1.755 0 00-.179.151.339.339 0 00-.097.168l-.084.418h-.633l-.066-.48a.416.416 0 01.03-.256.67.67 0 01.148-.198c.063-.058.133-.114.21-.167a2.09 2.09 0 00.219-.17.95.95 0 00.172-.204.492.492 0 00.07-.267c0-.12-.04-.215-.118-.286a.47.47 0 00-.324-.106.896.896 0 00-.447.106 3.995 3.995 0 00-.133.073.222.222 0 01-.114.034.207.207 0 01-.191-.111l-.245-.377a2.04 2.04 0 01.24-.173 1.845 1.845 0 01.601-.238z"
+            fill="#fff"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.068 6H10.4C9.075 6 8 7.033 8 8.307v15.386C8 24.967 9.075 26 10.4 26h11.2c1.324 0 2.4-1.033 2.4-2.307v-11.99a.75.75 0 00-.234-.543l-5.132-4.934A.816.816 0 0018.068 6zM20 16a4 4 0 10-8 0 4 4 0 008 0z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default HelpArticle32;

package/src/icon/logo/HelpArticle32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import HelpArticle32 from './HelpArticle32';
+
+export const helpArticle32 = () => <HelpArticle32 />;
+
+export default {
+    title: 'Icon|Logo|HelpArticle32',
+    component: HelpArticle32,
+    parameters: {
+        notes: "`import HelpArticle32 from 'box-ui-elements/es/icon/logo/HelpArticle32';`",
+    },
+};

package/src/icon/logo/HelpArticle32.tsx

@@ -0,0 +1,38 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const HelpArticle32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            d="M15.645 17.24a.534.534 0 01.209-.04.53.53 0 01.486.311.512.512 0 01-.112.565.54.54 0 01-.374.146.508.508 0 01-.209-.982zm-.025-3.428c.114-.023.238-.034.372-.034.187 0 .356.024.506.075.15.05.278.12.384.213a.927.927 0 01.243.335c.057.13.086.275.086.435 0 .151-.021.282-.063.393a1.09 1.09 0 01-.159.288 1.185 1.185 0 01-.21.212c-.077.06-.15.115-.219.166a1.755 1.755 0 00-.179.151.339.339 0 00-.097.168l-.084.418h-.633l-.066-.48a.416.416 0 01.03-.256.67.67 0 01.148-.198c.063-.058.133-.114.21-.167a2.09 2.09 0 00.219-.17.95.95 0 00.172-.204.492.492 0 00.07-.267c0-.12-.04-.215-.118-.286a.47.47 0 00-.324-.106.896.896 0 00-.447.106 3.995 3.995 0 00-.133.073.222.222 0 01-.114.034.207.207 0 01-.191-.111l-.245-.377a2.04 2.04 0 01.24-.173 1.845 1.845 0 01.601-.238z"
+            fill="#fff"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.068 6H10.4C9.075 6 8 7.033 8 8.307v15.386C8 24.967 9.075 26 10.4 26h11.2c1.324 0 2.4-1.033 2.4-2.307v-11.99a.75.75 0 00-.234-.543l-5.132-4.934A.816.816 0 0018.068 6zM20 16a4 4 0 10-8 0 4 4 0 008 0z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default HelpArticle32;

package/src/icon/logo/HowToGuides32.js.flow

@@ -0,0 +1,36 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const HowToGuides32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M10 5a3 3 0 00-3 3v16.5A2.5 2.5 0 009.5 27H24a1 1 0 001-1V7a2 2 0 00-2-2H10zm14 18H9.5a1.5 1.5 0 000 3H24v-3zm-8.004-12c-.22 0-.424.018-.613.054a2.983 2.983 0 00-.988.374 3.435 3.435 0 00-.395.273l.403.593a.34.34 0 00.314.175.377.377 0 00.187-.052c.063-.035.135-.073.22-.116a1.532 1.532 0 01.734-.167c.226 0 .404.057.533.167.13.112.194.262.194.45a.75.75 0 01-.116.422 1.52 1.52 0 01-.282.32c-.112.096-.23.184-.359.268a2.834 2.834 0 00-.346.264 1.058 1.058 0 00-.243.31.63.63 0 00-.05.403l.108.757h1.042l.137-.658a.528.528 0 01.16-.264c.084-.079.182-.158.295-.238.113-.08.233-.167.359-.261.126-.094.242-.205.346-.334.105-.129.192-.28.261-.454.069-.175.103-.381.103-.62 0-.25-.047-.479-.14-.685a1.465 1.465 0 00-.4-.527 1.8 1.8 0 00-.632-.336 2.699 2.699 0 00-.832-.118zm-.227 5.39a.875.875 0 00-.617.235.764.764 0 00-.248.57.776.776 0 00.248.574.838.838 0 00.273.17.96.96 0 00.344.061.888.888 0 00.615-.231.776.776 0 00.25-.574.756.756 0 00-.25-.57.905.905 0 00-.615-.235z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default HowToGuides32;

package/src/icon/logo/HowToGuides32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import HowToGuides32 from './HowToGuides32';
+
+export const howToGuides32 = () => <HowToGuides32 />;
+
+export default {
+    title: 'Icon|Logo|HowToGuides32',
+    component: HowToGuides32,
+    parameters: {
+        notes: "`import HowToGuides32 from 'box-ui-elements/es/icon/logo/HowToGuides32';`",
+    },
+};

package/src/icon/logo/HowToGuides32.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const HowToGuides32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M10 5a3 3 0 00-3 3v16.5A2.5 2.5 0 009.5 27H24a1 1 0 001-1V7a2 2 0 00-2-2H10zm14 18H9.5a1.5 1.5 0 000 3H24v-3zm-8.004-12c-.22 0-.424.018-.613.054a2.983 2.983 0 00-.988.374 3.435 3.435 0 00-.395.273l.403.593a.34.34 0 00.314.175.377.377 0 00.187-.052c.063-.035.135-.073.22-.116a1.532 1.532 0 01.734-.167c.226 0 .404.057.533.167.13.112.194.262.194.45a.75.75 0 01-.116.422 1.52 1.52 0 01-.282.32c-.112.096-.23.184-.359.268a2.834 2.834 0 00-.346.264 1.058 1.058 0 00-.243.31.63.63 0 00-.05.403l.108.757h1.042l.137-.658a.528.528 0 01.16-.264c.084-.079.182-.158.295-.238.113-.08.233-.167.359-.261.126-.094.242-.205.346-.334.105-.129.192-.28.261-.454.069-.175.103-.381.103-.62 0-.25-.047-.479-.14-.685a1.465 1.465 0 00-.4-.527 1.8 1.8 0 00-.632-.336 2.699 2.699 0 00-.832-.118zm-.227 5.39a.875.875 0 00-.617.235.764.764 0 00-.248.57.776.776 0 00.248.574.838.838 0 00.273.17.96.96 0 00.344.061.888.888 0 00.615-.231.776.776 0 00.25-.574.756.756 0 00-.25-.57.905.905 0 00-.615-.235z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default HowToGuides32;

package/src/icon/logo/ManageContent32.js.flow

@@ -0,0 +1,36 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const ManageContent32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.2 9l1.8 1.75h7.2c.99 0 1.8.788 1.8 1.75v8.75c0 .962-.81 1.75-1.8 1.75H8.8c-.99 0-1.8-.788-1.8-1.75l.009-10.5C7.009 9.788 7.81 9 8.8 9h5.4zm8.229 3.818H9.57v1.273h12.86v-1.273z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default ManageContent32;

package/src/icon/logo/ManageContent32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import ManageContent32 from './ManageContent32';
+
+export const manageContent32 = () => <ManageContent32 />;
+
+export default {
+    title: 'Icon|Logo|ManageContent32',
+    component: ManageContent32,
+    parameters: {
+        notes: "`import ManageContent32 from 'box-ui-elements/es/icon/logo/ManageContent32';`",
+    },
+};

package/src/icon/logo/ManageContent32.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const ManageContent32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.2 9l1.8 1.75h7.2c.99 0 1.8.788 1.8 1.75v8.75c0 .962-.81 1.75-1.8 1.75H8.8c-.99 0-1.8-.788-1.8-1.75l.009-10.5C7.009 9.788 7.81 9 8.8 9h5.4zm8.229 3.818H9.57v1.273h12.86v-1.273z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default ManageContent32;

package/src/icon/logo/ManageUsers32.js.flow

@@ -0,0 +1,36 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const ManageUsers32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M16 7a9 9 0 110 18 9 9 0 010-18zm0 10.688c-1.361 0-2.58.464-3.636 1.233-.63.457-1.072.919-1.314 1.242a.563.563 0 00.9.674c.04-.052.128-.158.263-.3.23-.24.503-.481.813-.707.877-.638 1.873-1.017 2.974-1.017 1.101 0 2.098.379 2.974 1.017.31.225.582.466.813.708.135.14.224.247.263.3a.563.563 0 00.9-.675c-.242-.323-.683-.785-1.314-1.242-1.056-.769-2.275-1.233-3.636-1.233zm0-6.75a2.814 2.814 0 000 5.624 2.814 2.814 0 000-5.625zm0 1.124a1.688 1.688 0 11-.001 3.377A1.688 1.688 0 0116 12.062z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default ManageUsers32;

package/src/icon/logo/ManageUsers32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import ManageUsers32 from './ManageUsers32';
+
+export const manageUsers32 = () => <ManageUsers32 />;
+
+export default {
+    title: 'Icon|Logo|ManageUsers32',
+    component: ManageUsers32,
+    parameters: {
+        notes: "`import ManageUsers32 from 'box-ui-elements/es/icon/logo/ManageUsers32';`",
+    },
+};

package/src/icon/logo/ManageUsers32.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const ManageUsers32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M16 7a9 9 0 110 18 9 9 0 010-18zm0 10.688c-1.361 0-2.58.464-3.636 1.233-.63.457-1.072.919-1.314 1.242a.563.563 0 00.9.674c.04-.052.128-.158.263-.3.23-.24.503-.481.813-.707.877-.638 1.873-1.017 2.974-1.017 1.101 0 2.098.379 2.974 1.017.31.225.582.466.813.708.135.14.224.247.263.3a.563.563 0 00.9-.675c-.242-.323-.683-.785-1.314-1.242-1.056-.769-2.275-1.233-3.636-1.233zm0-6.75a2.814 2.814 0 000 5.624 2.814 2.814 0 000-5.625zm0 1.124a1.688 1.688 0 11-.001 3.377A1.688 1.688 0 0116 12.062z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default ManageUsers32;

package/src/icon/logo/Mobile32.js.flow

@@ -0,0 +1,36 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Mobile32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 5a2 2 0 00-2 2v18a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-8zm2 1.5a.5.5 0 01.5-.5h3a.5.5 0 010 1h-3a.5.5 0 01-.5-.5zM17 24a1 1 0 11-2 0 1 1 0 012 0z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Mobile32;

package/src/icon/logo/Mobile32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import Mobile32 from './Mobile32';
+
+export const mobile32 = () => <Mobile32 />;
+
+export default {
+    title: 'Icon|Logo|Mobile32',
+    component: Mobile32,
+    parameters: {
+        notes: "`import Mobile32 from 'box-ui-elements/es/icon/logo/Mobile32';`",
+    },
+};

package/src/icon/logo/Mobile32.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Mobile32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 5a2 2 0 00-2 2v18a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-8zm2 1.5a.5.5 0 01.5-.5h3a.5.5 0 010 1h-3a.5.5 0 01-.5-.5zM17 24a1 1 0 11-2 0 1 1 0 012 0z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Mobile32;

package/src/icon/logo/Notifications32.js.flow

@@ -0,0 +1,36 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Notifications32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.75 22.333c0 .921-.783 1.667-1.75 1.667s-1.75-.746-1.75-1.667h3.5zM16.003 9c.96 0 1.75.75 1.75 1.667 2.079.47 3.497 2.083 3.497 5v2.491c0 .473.35 1.011.781 1.22l.094.044c.875.411.875 1.249.875 1.249v.829H9v-.836a1.48 1.48 0 01.878-1.249l.093-.044c.424-.202.779-.748.779-1.212v-2.492c0-2.917 1.136-4.534 3.5-5 0-.917.794-1.667 1.753-1.667z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Notifications32;

package/src/icon/logo/Notifications32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import Notifications32 from './Notifications32';
+
+export const notifications32 = () => <Notifications32 />;
+
+export default {
+    title: 'Icon|Logo|Notifications32',
+    component: Notifications32,
+    parameters: {
+        notes: "`import Notifications32 from 'box-ui-elements/es/icon/logo/Notifications32';`",
+    },
+};

package/src/icon/logo/Notifications32.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Notifications32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.75 22.333c0 .921-.783 1.667-1.75 1.667s-1.75-.746-1.75-1.667h3.5zM16.003 9c.96 0 1.75.75 1.75 1.667 2.079.47 3.497 2.083 3.497 5v2.491c0 .473.35 1.011.781 1.22l.094.044c.875.411.875 1.249.875 1.249v.829H9v-.836a1.48 1.48 0 01.878-1.249l.093-.044c.424-.202.779-.748.779-1.212v-2.492c0-2.917 1.136-4.534 3.5-5 0-.917.794-1.667 1.753-1.667z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Notifications32;

package/src/icon/logo/Reporting32.js.flow

@@ -0,0 +1,37 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Reporting32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801A5.452 5.452 0 0031.2 28.93c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path d="M20 5H7v18h4V8h9V5z" fill="#fff" />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23 9H12v18h13V11a2 2 0 00-2-2zm-7.5 8a.5.5 0 000 1h6a.5.5 0 000-1h-6zm-.5 2.5a.5.5 0 01.5-.5h6a.5.5 0 010 1h-6a.5.5 0 01-.5-.5zm.5-4.5a.5.5 0 000 1h6a.5.5 0 000-1h-6z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Reporting32;

package/src/icon/logo/Reporting32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import Reporting32 from './Reporting32';
+
+export const reporting32 = () => <Reporting32 />;
+
+export default {
+    title: 'Icon|Logo|Reporting32',
+    component: Reporting32,
+    parameters: {
+        notes: "`import Reporting32 from 'box-ui-elements/es/icon/logo/Reporting32';`",
+    },
+};

package/src/icon/logo/Reporting32.tsx

@@ -0,0 +1,35 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Reporting32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801A5.452 5.452 0 0031.2 28.93c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path d="M20 5H7v18h4V8h9V5z" fill="#fff" />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23 9H12v18h13V11a2 2 0 00-2-2zm-7.5 8a.5.5 0 000 1h6a.5.5 0 000-1h-6zm-.5 2.5a.5.5 0 01.5-.5h6a.5.5 0 010 1h-6a.5.5 0 01-.5-.5zm.5-4.5a.5.5 0 000 1h6a.5.5 0 000-1h-6z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Reporting32;