box-ui-elements 16.0.0-beta.9 → 16.0.0

package/src/features/unified-share-modal/utils/__tests__/isRestrictedContact.test.js

@@ -0,0 +1,33 @@
+import isRestrictedContact from '../isRestrictedContact';
+
+describe('features/unified-share-modal/utils/isRestrictedContact', () => {
+    const groupContact = {
+        id: 12345,
+        text: 'X User',
+        type: 'group',
+    };
+    const userContact = {
+        email: 'y@example.com',
+        id: 23456,
+        text: 'Y User',
+        type: 'user',
+        value: 'y@example.com',
+    };
+
+    test.each`
+        contact         | restrictedEmails     | restrictedGroups | description                                                                      | expectedResult
+        ${groupContact} | ${[]}                | ${[]}            | ${'is group contact and restrictedEmails and restrictedGroups are empty'}        | ${false}
+        ${userContact}  | ${[]}                | ${[]}            | ${'is user contact and restrictedEmails and restrictedGroups are empty'}         | ${false}
+        ${groupContact} | ${[]}                | ${[1111]}        | ${'group contact id is not in restrictedGroups'}                                 | ${false}
+        ${userContact}  | ${['a@example.com']} | ${[]}            | ${'user contact email is not in restrictedEmails'}                               | ${false}
+        ${groupContact} | ${[]}                | ${[12345]}       | ${'group contact id is in restrictedGroups'}                                     | ${true}
+        ${userContact}  | ${['y@example.com']} | ${[]}            | ${'user contact email is in restrictedEmails'}                                   | ${true}
+        ${groupContact} | ${['y@example.com']} | ${[12345]}       | ${'group contact id is in restrictedGroups and restrictedEmails is not empty'}   | ${true}
+        ${userContact}  | ${['y@example.com']} | ${[12345]}       | ${'user contact email is in restrictedEmails and restrictedGroups is not empty'} | ${true}
+    `(
+        'should return $expectedResult when $description',
+        ({ contact, restrictedEmails, restrictedGroups, expectedResult }) => {
+            expect(isRestrictedContact(contact, restrictedEmails, restrictedGroups)).toBe(expectedResult);
+        },
+    );
+});

package/src/features/unified-share-modal/utils/hasRestrictedContacts.js

@@ -1,11 +1,18 @@
 // @flow
 import type { contactType as Contact } from '../flowTypes';
 
-const hasRestrictedContacts = (contacts: Array<Contact>, restrictedEmails: Array<string>): boolean => {
-    if (!restrictedEmails.length) {
+const hasRestrictedContacts = (
+    contacts: Array<Contact>,
+    restrictedEmails: Array<string>,
+    restrictedGroups: Array<number>,
+): boolean => {
+    if (!restrictedEmails.length && !restrictedGroups.length) {
         return false;
     }
-    return contacts.some(({ value }) => restrictedEmails.includes(value));
+    const hasRestrictedGroups = contacts.some(({ id }) => restrictedGroups.includes(id));
+    const hasRestrictedEmails = contacts.some(({ value }) => restrictedEmails.includes(value));
+
+    return hasRestrictedGroups || hasRestrictedEmails;
 };
 
 export default hasRestrictedContacts;

package/src/features/unified-share-modal/utils/isRestrictedContact.js

@@ -0,0 +1,21 @@
+// @flow
+import type { SelectOptionProp } from '../../../components/select-field/props';
+import type { contactType as Contact } from '../flowTypes';
+
+const isRestrictedContact = (
+    contact: Contact | SelectOptionProp,
+    restrictedEmails: Array<string>,
+    restrictedGroups: Array<number>,
+) => {
+    let isRestrictedEmail = false;
+    let isRestrictedGroup = false;
+
+    if (contact.id && contact.type === 'group') {
+        isRestrictedGroup = restrictedGroups.includes(Number(contact.id));
+    } else {
+        isRestrictedEmail = restrictedEmails.includes(String(contact.value));
+    }
+    return isRestrictedEmail || isRestrictedGroup;
+};
+
+export default isRestrictedContact;

package/src/features/virtualized-table/__tests__/__snapshots__/VirtualizedTable.test.js.snap

@@ -6,6 +6,7 @@ exports[`features/virtualized-table/VirtualizedTable should successfully render
     Object {
       "formatDate": [Function],
       "formatMessage": [Function],
+      "formatNumber": [Function],
       "formatRelativeTime": [Function],
     }
   }

package/src/icon/fill/Alert16.js.flow

@@ -19,9 +19,10 @@ import type { Icon } from '../../icons/flowTypes';
 const Alert16 = (props: Icon) => (
     <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
         <path
-            fill={vars.bdlGray50}
             fillRule="evenodd"
-            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 10a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v5a1 1 0 002 0V4a1 1 0 00-1-1z"
+            clipRule="evenodd"
+            d="M8 11.6A1.2 1.2 0 108 14a1.2 1.2 0 000-2.4zM8 2a1.2 1.2 0 00-1.2 1.2v6a1.2 1.2 0 002.4 0v-6A1.2 1.2 0 008 2z"
+            fill={vars.bdlGray50}
         />
     </AccessibleSVG>
 );

package/src/icon/fill/Alert16.tsx

@@ -17,9 +17,10 @@ import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/Accessi
 const Alert16 = (props: SVGProps) => (
     <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
         <path
-            fill={vars.bdlGray50}
             fillRule="evenodd"
-            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 10a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v5a1 1 0 002 0V4a1 1 0 00-1-1z"
+            clipRule="evenodd"
+            d="M8 11.6A1.2 1.2 0 108 14a1.2 1.2 0 000-2.4zM8 2a1.2 1.2 0 00-1.2 1.2v6a1.2 1.2 0 002.4 0v-6A1.2 1.2 0 008 2z"
+            fill={vars.bdlGray50}
         />
     </AccessibleSVG>
 );

package/src/icon/fill/AlertBadge16.js.flow

@@ -0,0 +1,29 @@
+// @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 AlertBadge16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fill={vars.bdlGray50}
+            fillRule="evenodd"
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 10a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v5a1 1 0 002 0V4a1 1 0 00-1-1z"
+        />
+    </AccessibleSVG>
+);
+
+export default AlertBadge16;

package/src/icon/fill/AlertBadge16.stories.tsx

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

package/src/icon/fill/AlertBadge16.tsx

@@ -0,0 +1,27 @@
+/* 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 AlertBadge16 = (props: SVGProps) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fill={vars.bdlGray50}
+            fillRule="evenodd"
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 10a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v5a1 1 0 002 0V4a1 1 0 00-1-1z"
+        />
+    </AccessibleSVG>
+);
+
+export default AlertBadge16;

package/src/icon/fill/Info16.js.flow

@@ -19,8 +19,8 @@ import type { Icon } from '../../icons/flowTypes';
 const Info16 = (props: Icon) => (
     <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
         <path
+            d="M8.5 6.5H6.25a.75.75 0 000 1.5H7v4.5h-.75a.75.75 0 100 1.5H10a.75.75 0 100-1.5h-.75V7.41s.006-.217-.02-.327A.753.753 0 008.5 6.5zM7.75 2a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"
             fill={vars.bdlGray50}
-            d="M8 1a7 7 0 110 14A7 7 0 018 1zm.5 6H7a.5.5 0 000 1h.5v3H7a.5.5 0 100 1h2.5a.5.5 0 100-1H9V7.75a.783.783 0 00-.012-.139A.502.502 0 008.5 7zM8 4a1 1 0 100 2 1 1 0 000-2z"
         />
     </AccessibleSVG>
 );

package/src/icon/fill/Info16.tsx

@@ -17,8 +17,8 @@ import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/Accessi
 const Info16 = (props: SVGProps) => (
     <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
         <path
+            d="M8.5 6.5H6.25a.75.75 0 000 1.5H7v4.5h-.75a.75.75 0 100 1.5H10a.75.75 0 100-1.5h-.75V7.41s.006-.217-.02-.327A.753.753 0 008.5 6.5zM7.75 2a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"
             fill={vars.bdlGray50}
-            d="M8 1a7 7 0 110 14A7 7 0 018 1zm.5 6H7a.5.5 0 000 1h.5v3H7a.5.5 0 100 1h2.5a.5.5 0 100-1H9V7.75a.783.783 0 00-.012-.139A.502.502 0 008.5 7zM8 4a1 1 0 100 2 1 1 0 000-2z"
         />
     </AccessibleSVG>
 );

package/src/icon/fill/InfoBadge16.js.flow

@@ -0,0 +1,28 @@
+// @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 InfoBadge16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fill={vars.bdlGray50}
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm.5 6H7a.5.5 0 000 1h.5v3H7a.5.5 0 100 1h2.5a.5.5 0 100-1H9V7.75a.783.783 0 00-.012-.139A.502.502 0 008.5 7zM8 4a1 1 0 100 2 1 1 0 000-2z"
+        />
+    </AccessibleSVG>
+);
+
+export default InfoBadge16;

package/src/icon/fill/InfoBadge16.stories.tsx

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

package/src/icon/fill/InfoBadge16.tsx

@@ -0,0 +1,26 @@
+/* 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 InfoBadge16 = (props: SVGProps) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fill={vars.bdlGray50}
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm.5 6H7a.5.5 0 000 1h.5v3H7a.5.5 0 100 1h2.5a.5.5 0 100-1H9V7.75a.783.783 0 00-.012-.139A.502.502 0 008.5 7zM8 4a1 1 0 100 2 1 1 0 000-2z"
+        />
+    </AccessibleSVG>
+);
+
+export default InfoBadge16;

package/src/icon/line/AlertBubble16.js.flow

@@ -0,0 +1,29 @@
+// @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 AlertBubble16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            d="M8.905 1A6.09 6.09 0 0115 7.084c0 3.36-2.729 5.917-6.095 5.917H7.83l-3.754 1.927a.767.767 0 01-.736-.049.743.743 0 01-.34-.642v-2.782c-1.343-1.157-2-2.591-2-4.37A6.09 6.09 0 017.095 1h1.81zm0 1A5.09 5.09 0 0114 7.084c0 2.808-2.28 4.917-5.095 4.917H7.6L4 13.839v-2.83l-.326-.315C2.551 9.726 2 8.572 2 7.084A5.09 5.09 0 017.095 2zM8 8.685c-.268 0-.5.222-.5.496v.823c0 .274.224.496.5.496.268 0 .5-.222.5-.496v-.823a.498.498 0 00-.5-.496zM8 3.5a.51.51 0 00-.5.509v3.13c0 .286.224.51.5.51a.51.51 0 00.5-.51V4.01A.501.501 0 008 3.5z"
+            fill={vars.bdlGray}
+            fillRule="evenodd"
+        />
+    </AccessibleSVG>
+);
+
+export default AlertBubble16;

package/src/icon/line/AlertBubble16.stories.tsx

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

package/src/icon/line/AlertBubble16.tsx

@@ -0,0 +1,27 @@
+/* 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 AlertBubble16 = (props: SVGProps) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            d="M8.905 1A6.09 6.09 0 0115 7.084c0 3.36-2.729 5.917-6.095 5.917H7.83l-3.754 1.927a.767.767 0 01-.736-.049.743.743 0 01-.34-.642v-2.782c-1.343-1.157-2-2.591-2-4.37A6.09 6.09 0 017.095 1h1.81zm0 1A5.09 5.09 0 0114 7.084c0 2.808-2.28 4.917-5.095 4.917H7.6L4 13.839v-2.83l-.326-.315C2.551 9.726 2 8.572 2 7.084A5.09 5.09 0 017.095 2zM8 8.685c-.268 0-.5.222-.5.496v.823c0 .274.224.496.5.496.268 0 .5-.222.5-.496v-.823a.498.498 0 00-.5-.496zM8 3.5a.51.51 0 00-.5.509v3.13c0 .286.224.51.5.51a.51.51 0 00.5-.51V4.01A.501.501 0 008 3.5z"
+            fill={vars.bdlGray}
+            fillRule="evenodd"
+        />
+    </AccessibleSVG>
+);
+
+export default AlertBubble16;

package/src/icon/line/AvatarXBadge16.js.flow

@@ -0,0 +1,39 @@
+// @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 AvatarXBadge16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <g clipPath="url(#prefix__AvatarXBadge16__a)" fill={vars.bdlGray}>
+            <path d="M7.998 0c1.117 0 2.18.229 3.146.642-.28.22-.52.49-.707.795A7 7 0 1014.56 5.56c.305-.185.575-.425.795-.705A8 8 0 117.998 0z" />
+            <path d="M7.998 9.5c1.21 0 2.293.413 3.232 1.096.56.407.953.817 1.168 1.104a.5.5 0 01-.8.6 3.316 3.316 0 00-.234-.267 5.408 5.408 0 00-.722-.629c-.78-.567-1.665-.904-2.644-.904-.98 0-1.865.337-2.644.904-.275.2-.517.415-.722.63-.083.084-.16.173-.234.266a.5.5 0 01-.8-.6c.215-.287.607-.697 1.168-1.104C5.705 9.913 6.788 9.5 7.998 9.5z" />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M7.998 3.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0 1a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"
+            />
+            <path d="M14.412 1.586a.5.5 0 00-.707 0l-.707.707-.707-.707a.5.5 0 00-.707.707L12.29 3l-.707.707a.5.5 0 00.707.707l.707-.707.707.707a.5.5 0 00.707-.707L13.705 3l.707-.707a.5.5 0 000-.707z" />
+        </g>
+        <defs>
+            <clipPath id="prefix__AvatarXBadge16__a">
+                <path fill="#fff" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
+    </AccessibleSVG>
+);
+
+export default AvatarXBadge16;

package/src/icon/line/AvatarXBadge16.stories.tsx

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

package/src/icon/line/AvatarXBadge16.tsx

@@ -0,0 +1,37 @@
+/* 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 AvatarXBadge16 = (props: SVGProps) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <g clipPath="url(#prefix__AvatarXBadge16__a)" fill={vars.bdlGray}>
+            <path d="M7.998 0c1.117 0 2.18.229 3.146.642-.28.22-.52.49-.707.795A7 7 0 1014.56 5.56c.305-.185.575-.425.795-.705A8 8 0 117.998 0z" />
+            <path d="M7.998 9.5c1.21 0 2.293.413 3.232 1.096.56.407.953.817 1.168 1.104a.5.5 0 01-.8.6 3.316 3.316 0 00-.234-.267 5.408 5.408 0 00-.722-.629c-.78-.567-1.665-.904-2.644-.904-.98 0-1.865.337-2.644.904-.275.2-.517.415-.722.63-.083.084-.16.173-.234.266a.5.5 0 01-.8-.6c.215-.287.607-.697 1.168-1.104C5.705 9.913 6.788 9.5 7.998 9.5z" />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M7.998 3.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0 1a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"
+            />
+            <path d="M14.412 1.586a.5.5 0 00-.707 0l-.707.707-.707-.707a.5.5 0 00-.707.707L12.29 3l-.707.707a.5.5 0 00.707.707l.707-.707.707.707a.5.5 0 00.707-.707L13.705 3l.707-.707a.5.5 0 000-.707z" />
+        </g>
+        <defs>
+            <clipPath id="prefix__AvatarXBadge16__a">
+                <path fill="#fff" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
+    </AccessibleSVG>
+);
+
+export default AvatarXBadge16;

package/src/icon/line/CoEdit16.js.flow

@@ -0,0 +1,30 @@
+// @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 CoEdit16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.5 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm7-4a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-6.786 4.007c1.275.067 2.582.604 3.202 1.535a.5.5 0 11-.832.555c-.38-.57-1.323-1.033-2.423-1.091-1.08-.057-2.142.288-2.761 1.113a.5.5 0 11-.8-.6c.881-1.175 2.32-1.58 3.614-1.512zm7-3c1.275.067 2.582.604 3.202 1.535a.5.5 0 01-.832.554c-.38-.57-1.323-1.032-2.423-1.09-1.08-.057-2.142.288-2.761 1.113a.5.5 0 01-.8-.6c.881-1.175 2.32-1.58 3.614-1.512z"
+            fill={vars.bdlGray}
+        />
+    </AccessibleSVG>
+);
+
+export default CoEdit16;

package/src/icon/line/CoEdit16.stories.tsx

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

package/src/icon/line/CoEdit16.tsx

@@ -0,0 +1,28 @@
+/* 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 CoEdit16 = (props: SVGProps) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.5 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm7-4a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-6.786 4.007c1.275.067 2.582.604 3.202 1.535a.5.5 0 11-.832.555c-.38-.57-1.323-1.033-2.423-1.091-1.08-.057-2.142.288-2.761 1.113a.5.5 0 11-.8-.6c.881-1.175 2.32-1.58 3.614-1.512zm7-3c1.275.067 2.582.604 3.202 1.535a.5.5 0 01-.832.554c-.38-.57-1.323-1.032-2.423-1.09-1.08-.057-2.142.288-2.761 1.113a.5.5 0 01-.8-.6c.881-1.175 2.32-1.58 3.614-1.512z"
+            fill={vars.bdlGray}
+        />
+    </AccessibleSVG>
+);
+
+export default CoEdit16;

package/src/icon/line/Collaborations16.js.flow

@@ -0,0 +1,30 @@
+// @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 Collaborations16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M7 10.5c1.21 0 2.293.413 3.232 1.096.56.407.953.817 1.168 1.104a.5.5 0 11-.8.6 3.277 3.277 0 00-.234-.267 5.408 5.408 0 00-.722-.629C8.864 11.837 7.979 11.5 7 11.5c-.979 0-1.865.337-2.644.904-.275.2-.517.415-.722.63-.083.084-.16.173-.234.266a.5.5 0 01-.8-.6c.215-.287.607-.697 1.168-1.104C4.707 10.913 5.79 10.5 7 10.5zm0-6a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0 1a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM12.004 2a.5.5 0 01.5.5v1h.996a.5.5 0 010 1h-.996v1a.5.5 0 01-1 0v-1H10.5a.5.5 0 010-1h1.004v-1a.5.5 0 01.5-.5z"
+            fill={vars.bdlGray}
+        />
+    </AccessibleSVG>
+);
+
+export default Collaborations16;

package/src/icon/line/Collaborations16.stories.tsx

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

package/src/icon/line/Collaborations16.tsx

@@ -0,0 +1,28 @@
+/* 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 Collaborations16 = (props: SVGProps) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M7 10.5c1.21 0 2.293.413 3.232 1.096.56.407.953.817 1.168 1.104a.5.5 0 11-.8.6 3.277 3.277 0 00-.234-.267 5.408 5.408 0 00-.722-.629C8.864 11.837 7.979 11.5 7 11.5c-.979 0-1.865.337-2.644.904-.275.2-.517.415-.722.63-.083.084-.16.173-.234.266a.5.5 0 01-.8-.6c.215-.287.607-.697 1.168-1.104C4.707 10.913 5.79 10.5 7 10.5zm0-6a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0 1a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM12.004 2a.5.5 0 01.5.5v1h.996a.5.5 0 010 1h-.996v1a.5.5 0 01-1 0v-1H10.5a.5.5 0 010-1h1.004v-1a.5.5 0 01.5-.5z"
+            fill={vars.bdlGray}
+        />
+    </AccessibleSVG>
+);
+
+export default Collaborations16;

package/src/icon/line/CommentBubble16.js.flow

@@ -0,0 +1,34 @@
+// @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 CommentBubble16 = (props: Icon) => (
+    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M8.905 1A6.09 6.09 0 0115 7.084c0 3.36-2.729 5.917-6.095 5.917H7.83l-3.754 1.927a.767.767 0 01-.736-.049.743.743 0 01-.34-.642v-2.782c-1.343-1.157-2-2.591-2-4.37A6.09 6.09 0 017.095 1h1.81zm0 1A5.09 5.09 0 0114 7.084c0 2.808-2.28 4.917-5.095 4.917H7.6L4 13.839v-2.83l-.326-.315C2.551 9.726 2 8.572 2 7.084A5.09 5.09 0 017.095 2h1.81z"
+            fill={vars.bdlGray}
+        />
+        <path
+            d="M6 7a1 1 0 11-2 0 1 1 0 012 0zm3 0a1 1 0 11-2 0 1 1 0 012 0zm3 0a1 1 0 11-2 0 1 1 0 012 0z"
+            fill={vars.bdlGray}
+        />
+    </AccessibleSVG>
+);
+
+export default CommentBubble16;