box-ui-elements 15.0.0-beta.7 → 15.0.0

package/src/features/unified-share-modal/__tests__/__snapshots__/UnifiedShareForm.test.js.snap

@@ -2625,165 +2625,6 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
 </div>
 `;
 
-exports[`features/unified-share-modal/UnifiedShareForm render() should render a default component with upgrade CTA when showUpgradeOptions is enabled 1`] = `
-<div
-  className=""
->
-  <LoadingIndicatorWrapper
-    hideContent={true}
-    isLoading={false}
-  >
-    <Tooltip
-      className="usm-ftux-tooltip"
-      constrainToScrollParent={false}
-      constrainToWindow={true}
-      isDisabled={false}
-      position="middle-left"
-      showCloseButton={true}
-      text={
-        <div>
-          <h4
-            className="ftux-tooltip-title"
-          >
-            <FormattedMessage
-              defaultMessage="Simplified sharing for files and folders"
-              id="boxui.unifiedShare.ftuxNewUsmUserTitle"
-            />
-          </h4>
-          <p
-            className="ftux-tooltip-body"
-          >
-            <FormattedMessage
-              defaultMessage="We’ve simplified the sharing experience when you click 'Share'. Invite people to this item here and toggle the link on or off below for easy sharing."
-              id="boxui.unifiedShare.ftuxNewUSMUserBody"
-            />
-             
-            <Link
-              className="ftux-tooltip-link"
-              href="https://community.box.com/t5/Using-Shared-Links/Creating-Shared-Links/ta-p/19523"
-              target="_blank"
-            >
-              <FormattedMessage
-                defaultMessage="Read more about shared link security here."
-                id="boxui.unifiedShare.ftuxLinkText"
-              />
-            </Link>
-          </p>
-          <div
-            className="ftux-tooltip-controls"
-          >
-            <Button
-              className="ftux-tooltip-button"
-              isLoading={false}
-              onClick={[Function]}
-              showRadar={false}
-              type="submit"
-            >
-              <FormattedMessage
-                defaultMessage="Got it"
-                id="boxui.unifiedShare.ftuxConfirmLabel"
-              />
-            </Button>
-          </div>
-        </div>
-      }
-      theme="callout"
-    >
-      <div
-        className="invite-collaborator-container"
-        data-testid="invite-collaborator-container"
-      >
-        <EmailForm
-          contactsFieldAvatars={
-            <CollaboratorAvatars
-              collaborators={Array []}
-              containerAttributes={Object {}}
-              maxAdditionalCollaboratorsNum={99}
-              maxDisplayedUserAvatars={3}
-              onClick={[Function]}
-            />
-          }
-          contactsFieldDisabledTooltip={
-            <FormattedMessage
-              defaultMessage="You do not have permission to invite collaborators."
-              id="boxui.unifiedShare.inviteDisabledTooltip"
-            />
-          }
-          contactsFieldLabel={
-            <FormattedMessage
-              defaultMessage="Invite People"
-              id="boxui.unifiedShare.inviteFieldLabel"
-            />
-          }
-          inlineNotice={
-            Object {
-              "content": "",
-              "type": "warning",
-            }
-          }
-          isContactsFieldEnabled={true}
-          isExpanded={true}
-          isExternalUserSelected={false}
-          isFetchingJustificationReasons={false}
-          isRestrictionJustificationEnabled={false}
-          justificationReasons={Array []}
-          onContactInput={[Function]}
-          onPillCreate={[Function]}
-          onRequestClose={[Function]}
-          onSubmit={[Function]}
-          openInviteCollaboratorsSection={[Function]}
-          recommendedSharingTooltipCalloutName={null}
-          restrictedExternalEmails={Array []}
-          selectedContacts={Array []}
-          showEnterEmailsCallout={false}
-          updateSelectedContacts={[Function]}
-        >
-          <InviteePermissionsMenu
-            changeInviteePermissionLevel={[Function]}
-            disabled={false}
-            inviteePermissionLevel=""
-            inviteePermissions={
-              Array [
-                Object {
-                  "text": "Editor",
-                  "value": "Editor",
-                },
-              ]
-            }
-            inviteePermissionsButtonProps={Object {}}
-            itemType="file"
-          />
-          <div
-            className="upgrade-description"
-          >
-            <UpgradeBadge
-              type="warning"
-            />
-            <FormattedMessage
-              defaultMessage="62% of customers on your plan {upgradeGetMoreAccessControlsLink} to manage collaborators’ access and permission settings"
-              id="boxui.unifiedShare.upgradeGetMoreAccessControlsDescription"
-              values={
-                Object {
-                  "upgradeGetMoreAccessControlsLink": <Link
-                    className="upgrade-link"
-                    href="/upgrade"
-                  >
-                    <FormattedMessage
-                      defaultMessage="upgrade"
-                      id="boxui.unifiedShare.upgradeGetMoreAccessControlsLink"
-                    />
-                  </Link>,
-                }
-              }
-            />
-          </div>
-        </EmailForm>
-      </div>
-    </Tooltip>
-  </LoadingIndicatorWrapper>
-</div>
-`;
-
 exports[`features/unified-share-modal/UnifiedShareForm render() should render an allShareRestrictionWarning message when it is available 1`] = `
 <div
   className="test-class"

package/src/features/unified-share-modal/flowTypes.js

@@ -383,6 +383,8 @@ export type USFProps = BaseUnifiedShareProps & {
     isFetching: boolean,
     /** Function for opening the Remove Link Confirm Modal */
     openConfirmModal: () => void,
+    /** Function for opening the Upgrade Plan Modal */
+    openUpgradePlanModal: () => void,
     /** Whether the FTUX tag should be rendered for the Can Edit option */
     sharedLinkEditTagTargetingApi?: TargetingApi,
     /** Whether the FTUX tooltip should be rendered for Editable Shared Links  */
@@ -391,6 +393,10 @@ export type USFProps = BaseUnifiedShareProps & {
     sharedLinkLoaded: boolean,
     /** Whether the FTUX tooltip should be rendered */
     shouldRenderFTUXTooltip: boolean,
+    /** Whether the new upgrade text should be rendered */
+    showNewUpgradeText?: boolean,
+    /** Whether the upgrade inline notice should be rendered */
+    showUpgradeInlineNotice?: boolean,
 };
 
 export type InviteCollaboratorsRequest = {

package/src/features/unified-share-modal/messages.js

@@ -274,6 +274,16 @@ const messages = defineMessages({
         description: 'Label for link to upgrade to get more access controls for inviting collaborators to an item',
         id: 'boxui.unifiedShare.upgradeGetMoreAccessControlsLink',
     },
+    upgradeLink: {
+        defaultMessage: 'Upgrade now',
+        description: 'Label for link to upgrade account',
+        id: 'boxui.unifiedShare.upgradeLink',
+    },
+    upgradeInlineNoticeTitle: {
+        defaultMessage: 'Upgrade Your Plan',
+        description: 'Title for the upgrade inline notice for upgrade user plan',
+        id: 'boxui.unifiedShare.upgradeInlineNoticeTitle',
+    },
     sharedLinkSettings: {
         defaultMessage: 'Link Settings',
         description: 'Description of the shared link settings modal entry point. This shows link-specific options.',

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

@@ -39,4 +39,27 @@ describe('features/unified-share-modal/utils/mergeContacts', () => {
 
         expect(mergedContacts).toEqual(expectedMergedContacts);
     });
+
+    test('should return existing contact information if value matches but case does not match', () => {
+        const caseSensitiveEmail = 'DeV@Box.COM';
+        const fetchedContacts = { [email]: { email, id, isExternalUser, name, type } };
+        const existingContactWithCaseChanges = [
+            { displayText: caseSensitiveEmail, text: caseSensitiveEmail, value: caseSensitiveEmail },
+        ];
+
+        const expectedMergedContacts = [{ email, id, isExternalUser, text: name, name, type, value }];
+        const mergedContacts = mergeContacts(existingContactWithCaseChanges, fetchedContacts);
+
+        expect(mergedContacts).toEqual(expectedMergedContacts);
+    });
+
+    test('should return external user if not matched to internal user record', () => {
+        const newEmail = 'dev+test@box.com';
+        const newContact = [{ displayText: newEmail, text: newEmail, value: newEmail }];
+        const expected = [
+            { email: newEmail, id: newEmail, isExternalUser, text: newEmail, type: 'user', value: newEmail },
+        ];
+
+        expect(mergeContacts(newContact, {})).toEqual(expected);
+    });
 });

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

@@ -5,7 +5,8 @@ import type { contactType as Contact } from '../flowTypes';
 const mergeContacts = (existingContacts: Array<Contact>, fetchedContacts: Object): Array<Contact> => {
     const contactsMap = Object.keys(fetchedContacts).reduce((map, email) => {
         const contact = fetchedContacts[email];
-        map[email] = { ...contact, text: contact.name, value: contact.email || contact.id };
+        // Since objects are case-sensitive, normalize the key to lowercase.
+        map[email.toLowerCase()] = { ...contact, text: contact.name, value: contact.email || contact.id };
         return map;
     }, {});
 
@@ -14,7 +15,8 @@ const mergeContacts = (existingContacts: Array<Contact>, fetchedContacts: Object
             return contact;
         }
         return (
-            (contact.value && contactsMap[contact.value]) || {
+            // Normalize the getter in contactsMap so that matching existing contacts will be case-insensitive
+            (contact.value && contactsMap[contact.value.toLowerCase()]) || {
                 email: String(contact.value),
                 id: String(contact.value),
                 isExternalUser: true,

package/src/icon/content/FileXbd32.js.flow

@@ -0,0 +1,38 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+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 FileXbd32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            d="M9 3h9.586a1 1 0 01.707.293l6.415 6.414a1 1 0 01.293.707V26A3 3 0 0123 29H9a3 3 0 01-3-3V6a3 3 0 013-3z"
+            fill="#00838D"
+        />
+        <path
+            d="M19.286 3.286l5.01 5.009 1.412 1.412a1 1 0 01.203.293H21a2 2 0 01-2-2V3.09a1 1 0 01.286.196z"
+            fill="#fff"
+            fillOpacity={0.5}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.583 16v5h2.122c.498 0 .913-.137 1.205-.395.294-.259.452-.63.452-1.076v-.007c0-.565-.34-1.026-.84-1.186.372-.18.625-.588.625-1.034v-.007c0-.394-.14-.722-.404-.95-.263-.227-.638-.345-1.09-.345h-2.07zm4.594 0v5h1.872c.697 0 1.255-.228 1.637-.667.38-.438.575-1.071.575-1.861v-.007c0-.767-.197-1.386-.58-1.813-.383-.429-.94-.652-1.632-.652h-1.872zm-2.765.948c.208 0 .358.054.455.14.095.084.15.21.15.38v.007c0 .171-.058.295-.163.38-.108.086-.279.14-.52.14h-.605v-1.047h.683zm.031 1.911c.265 0 .453.058.573.154.117.092.182.232.182.43v.006c0 .205-.064.348-.178.443-.116.098-.297.157-.555.157h-.737v-1.19h.715zm3.879 1.11V17.03h.578c.383 0 .677.132.878.37.203.24.32.602.32 1.08v.007c0 .498-.114.868-.315 1.11-.198.24-.492.37-.883.37h-.578zM9 20.996h1.35l1.033-1.62 1.035 1.62h1.415l-1.656-2.503L13.858 16H12.46l-.996 1.665L10.461 16H9.005l1.62 2.475L9 20.995z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default FileXbd32;

package/src/icon/content/FileXbd32.stories.tsx

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

package/src/icon/content/FileXbd32.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 FileXbd32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            d="M9 3h9.586a1 1 0 01.707.293l6.415 6.414a1 1 0 01.293.707V26A3 3 0 0123 29H9a3 3 0 01-3-3V6a3 3 0 013-3z"
+            fill="#00838D"
+        />
+        <path
+            d="M19.286 3.286l5.01 5.009 1.412 1.412a1 1 0 01.203.293H21a2 2 0 01-2-2V3.09a1 1 0 01.286.196z"
+            fill={vars.white}
+            fillOpacity={0.5}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.583 16v5h2.122c.498 0 .913-.137 1.205-.395.294-.259.452-.63.452-1.076v-.007c0-.565-.34-1.026-.84-1.186.372-.18.625-.588.625-1.034v-.007c0-.394-.14-.722-.404-.95-.263-.227-.638-.345-1.09-.345h-2.07zm4.594 0v5h1.872c.697 0 1.255-.228 1.637-.667.38-.438.575-1.071.575-1.861v-.007c0-.767-.197-1.386-.58-1.813-.383-.429-.94-.652-1.632-.652h-1.872zm-2.765.948c.208 0 .358.054.455.14.095.084.15.21.15.38v.007c0 .171-.058.295-.163.38-.108.086-.279.14-.52.14h-.605v-1.047h.683zm.031 1.911c.265 0 .453.058.573.154.117.092.182.232.182.43v.006c0 .205-.064.348-.178.443-.116.098-.297.157-.555.157h-.737v-1.19h.715zm3.879 1.11V17.03h.578c.383 0 .677.132.878.37.203.24.32.602.32 1.08v.007c0 .498-.114.868-.315 1.11-.198.24-.492.37-.883.37h-.578zM9 20.996h1.35l1.033-1.62 1.035 1.62h1.415l-1.656-2.503L13.858 16H12.46l-.996 1.665L10.461 16H9.005l1.62 2.475L9 20.995z"
+            fill={vars.white}
+        />
+    </AccessibleSVG>
+);
+
+export default FileXbd32;

package/src/icon/content/FileXdw32.js.flow

@@ -0,0 +1,38 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+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 FileXdw32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            d="M9 3h9.586a1 1 0 01.707.293l6.415 6.414a1 1 0 01.293.707V26A3 3 0 0123 29H9a3 3 0 01-3-3V6a3 3 0 013-3z"
+            fill="#00838D"
+        />
+        <path
+            d="M19.286 3.286l5.01 5.009 1.412 1.412a1 1 0 01.203.293H21a2 2 0 01-2-2V3.09a1 1 0 01.286.196z"
+            fill="#fff"
+            fillOpacity={0.5}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.352 21H8l1.627-2.523L8.005 16h1.457l1.004 1.666.997-1.666h1.4l-1.683 2.495L12.837 21H11.42l-1.036-1.62L9.352 21zm3.918 0v-5h2.035c.75 0 1.354.222 1.771.649.417.427.634 1.046.634 1.816v.007c0 .792-.214 1.427-.629 1.864-.416.438-1.021.664-1.776.664H13.27zm6.01 0l-1.356-5h1.283l.717 3.208.838-3.208h1.024l.854 3.21.71-3.21h1.277l-1.358 5h-1.117l-.88-3.057L20.405 21h-1.125zM14.5 17.031v2.938h.64c.433 0 .757-.133.975-.374.218-.243.342-.61.342-1.107v-.006c0-.476-.127-.837-.348-1.078-.22-.239-.545-.373-.969-.373h-.64z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default FileXdw32;

package/src/icon/content/FileXdw32.stories.tsx

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

package/src/icon/content/FileXdw32.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 FileXdw32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            d="M9 3h9.586a1 1 0 01.707.293l6.415 6.414a1 1 0 01.293.707V26A3 3 0 0123 29H9a3 3 0 01-3-3V6a3 3 0 013-3z"
+            fill="#00838D"
+        />
+        <path
+            d="M19.286 3.286l5.01 5.009 1.412 1.412a1 1 0 01.203.293H21a2 2 0 01-2-2V3.09a1 1 0 01.286.196z"
+            fill={vars.white}
+            fillOpacity={0.5}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.352 21H8l1.627-2.523L8.005 16h1.457l1.004 1.666.997-1.666h1.4l-1.683 2.495L12.837 21H11.42l-1.036-1.62L9.352 21zm3.918 0v-5h2.035c.75 0 1.354.222 1.771.649.417.427.634 1.046.634 1.816v.007c0 .792-.214 1.427-.629 1.864-.416.438-1.021.664-1.776.664H13.27zm6.01 0l-1.356-5h1.283l.717 3.208.838-3.208h1.024l.854 3.21.71-3.21h1.277l-1.358 5h-1.117l-.88-3.057L20.405 21h-1.125zM14.5 17.031v2.938h.64c.433 0 .757-.133.975-.374.218-.243.342-.61.342-1.107v-.006c0-.476-.127-.837-.348-1.078-.22-.239-.545-.373-.969-.373h-.64z"
+            fill={vars.white}
+        />
+    </AccessibleSVG>
+);
+
+export default FileXdw32;

package/src/icon/content/RetentionPolicyModifiable32.js.flow

@@ -0,0 +1,31 @@
+// @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 RetentionPolicyModifiable32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <g fillRule="nonzero" fill="none">
+            <path d="M6 0h20a6 6 0 016 6v20a6 6 0 01-6 6H6a6 6 0 01-6-6V6a6 6 0 016-6z" fill={vars.bdlLightBlue} />
+            <path
+                d="M21.808 8C22.467 8 23 8.585 23 9.308v14.384c0 .723-.533 1.308-1.192 1.308H9.174c-.181-.007-.286-.45.021-.546.353-.138.807-.876.807-1.55V9.27c0-.722.65-1.27 1.308-1.27h10.498zM9 20v3.01c0 .525-.447.99-1 .99-.553 0-1-.465-1-.99V20h2zm10.458-6.002l.013.002h-5.938c-.258 0-.524.221-.524.497 0 .246.19.452.43.495l.094.008h5.943c.285 0 .532-.231.532-.5a.505.505 0 00-.415-.488L19.499 14l-.041-.002zM19.5 12h-6l-.09.008a.5.5 0 000 .984l.09.008h6l.09-.008A.5.5 0 0019.5 12z"
+                fill={vars.white}
+            />
+        </g>
+    </AccessibleSVG>
+);
+
+export default RetentionPolicyModifiable32;

package/src/icon/content/RetentionPolicyModifiable32.stories.tsx

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

package/src/icon/content/RetentionPolicyModifiable32.tsx

@@ -0,0 +1,29 @@
+/* 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 RetentionPolicyModifiable32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <g fillRule="nonzero" fill="none">
+            <path d="M6 0h20a6 6 0 016 6v20a6 6 0 01-6 6H6a6 6 0 01-6-6V6a6 6 0 016-6z" fill={vars.bdlLightBlue} />
+            <path
+                d="M21.808 8C22.467 8 23 8.585 23 9.308v14.384c0 .723-.533 1.308-1.192 1.308H9.174c-.181-.007-.286-.45.021-.546.353-.138.807-.876.807-1.55V9.27c0-.722.65-1.27 1.308-1.27h10.498zM9 20v3.01c0 .525-.447.99-1 .99-.553 0-1-.465-1-.99V20h2zm10.458-6.002l.013.002h-5.938c-.258 0-.524.221-.524.497 0 .246.19.452.43.495l.094.008h5.943c.285 0 .532-.231.532-.5a.505.505 0 00-.415-.488L19.499 14l-.041-.002zM19.5 12h-6l-.09.008a.5.5 0 000 .984l.09.008h6l.09-.008A.5.5 0 0019.5 12z"
+                fill={vars.white}
+            />
+        </g>
+    </AccessibleSVG>
+);
+
+export default RetentionPolicyModifiable32;

package/src/icon/content/RetentionPolicyNonModifiable32.js.flow

@@ -0,0 +1,31 @@
+// @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 RetentionPolicyNonModifiable32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <g fill="none" fillRule="evenodd">
+            <path d="M6 0h20a6 6 0 016 6v20a6 6 0 01-6 6H6a6 6 0 01-6-6V6a6 6 0 016-6z" fill={vars.bdlLightBlue} />
+            <path
+                d="M21.5 15c1.607 0 2.918 1.203 2.996 2.715l.004.142v1.377c.886.406 1.5 1.3 1.5 2.337v1.858A2.571 2.571 0 0123.429 26H19.57A2.571 2.571 0 0117 23.429V21.57c0-1.037.615-1.932 1.5-2.338v-1.376c0-1.578 1.343-2.857 3-2.857zm-.653-7C21.484 8 22 8.551 22 9.23v4.802l-.248-.024L21.5 14l-.23.007-.228.02c-1.965.23-3.513 1.928-3.611 4.033l-.005.211v.258l-.079.064-.187.174a4.003 4.003 0 00-1.153 2.612l-.007.235V23.1l.006.23c.033.604.196 1.172.459 1.672L9.165 25c-.175-.007-.271-.423.026-.514.342-.13.814-.828.814-1.462V9.231c0-.68.593-1.231 1.23-1.231h9.612zM9 20v3.003A.985.985 0 018 24c-.568 0-1-.486-1-.997V20h2zm13.5 2h-2a.5.5 0 00-.09.992l.09.008h2a.5.5 0 100-1zm-1-5.571c-.79 0-1.439.582-1.496 1.322l-.004.106V19h3v-1.143c0-.789-.672-1.428-1.5-1.428z"
+                fill={vars.white}
+            />
+        </g>
+    </AccessibleSVG>
+);
+
+export default RetentionPolicyNonModifiable32;

package/src/icon/content/RetentionPolicyNonModifiable32.stories.tsx

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

package/src/icon/content/RetentionPolicyNonModifiable32.tsx

@@ -0,0 +1,29 @@
+/* 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 RetentionPolicyNonModifiable32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <g fill="none" fillRule="evenodd">
+            <path d="M6 0h20a6 6 0 016 6v20a6 6 0 01-6 6H6a6 6 0 01-6-6V6a6 6 0 016-6z" fill={vars.bdlLightBlue} />
+            <path
+                d="M21.5 15c1.607 0 2.918 1.203 2.996 2.715l.004.142v1.377c.886.406 1.5 1.3 1.5 2.337v1.858A2.571 2.571 0 0123.429 26H19.57A2.571 2.571 0 0117 23.429V21.57c0-1.037.615-1.932 1.5-2.338v-1.376c0-1.578 1.343-2.857 3-2.857zm-.653-7C21.484 8 22 8.551 22 9.23v4.802l-.248-.024L21.5 14l-.23.007-.228.02c-1.965.23-3.513 1.928-3.611 4.033l-.005.211v.258l-.079.064-.187.174a4.003 4.003 0 00-1.153 2.612l-.007.235V23.1l.006.23c.033.604.196 1.172.459 1.672L9.165 25c-.175-.007-.271-.423.026-.514.342-.13.814-.828.814-1.462V9.231c0-.68.593-1.231 1.23-1.231h9.612zM9 20v3.003A.985.985 0 018 24c-.568 0-1-.486-1-.997V20h2zm13.5 2h-2a.5.5 0 00-.09.992l.09.008h2a.5.5 0 100-1zm-1-5.571c-.79 0-1.439.582-1.496 1.322l-.004.106V19h3v-1.143c0-.789-.672-1.428-1.5-1.428z"
+                fill={vars.white}
+            />
+        </g>
+    </AccessibleSVG>
+);
+
+export default RetentionPolicyNonModifiable32;

package/src/icons/adobe-sign/README.md

@@ -1,3 +1,3 @@
 ```
 <IconAdobeSign />
-```
+```

package/src/icons/avatars/UnknownUserAvatar.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import uniqueId from 'lodash/uniqueId';
 
 import AccessibleSVG from '../accessible-svg';
 
 import { TwoTonedIcon } from '../iconTypes';
+import * as vars from '../../styles/variables';
 
 const ICON_CLASS = 'unknown-user-avatar';
 
@@ -14,8 +14,6 @@ class UnknownUserAvatar extends React.PureComponent<TwoTonedIcon> {
         width: 28,
     };
 
-    idPrefix = `${uniqueId(ICON_CLASS)}-`;
-
     render() {
         const { className, height, title, width } = this.props;
         return (
@@ -23,20 +21,14 @@ class UnknownUserAvatar extends React.PureComponent<TwoTonedIcon> {
                 className={`${ICON_CLASS} ${className}`}
                 height={height}
                 title={title}
-                viewBox="0 0 28 28"
+                viewBox="0 0 16 16"
                 width={width}
             >
-                <defs>
-                    <circle cx="14" cy="14" id={`${this.idPrefix}a`} r="14" />
-                </defs>
-                <g fill="none" fillRule="evenodd">
-                    <use className="background-fill-color" fill="#EDEDED" xlinkHref={`#${this.idPrefix}a`} />
-                    <path
-                        className="fill-color"
-                        d="M5.5 25.1C6.7 21 10 18 14 18s7.3 3 8.5 7.1a14 14 0 0 1-17 0zM14 16a5 5 0 1 1 0-10 5 5 0 0 1 0 10z"
-                        fill="#C3C3C3"
-                    />
-                </g>
+                <path
+                    fill={vars.bdlGray50}
+                    fillRule="evenodd"
+                    d="M8 0a8 8 0 110 16A8 8 0 018 0zm0 9.5c-1.21 0-2.293.413-3.232 1.096-.56.407-.953.817-1.168 1.104a.5.5 0 00.8.6c.035-.047.114-.141.234-.267.205-.214.447-.428.722-.629.78-.567 1.665-.904 2.644-.904.979 0 1.865.337 2.644.904.275.2.517.415.722.63.12.125.199.219.234.266a.5.5 0 00.8-.6c-.215-.287-.607-.697-1.168-1.104C10.293 9.913 9.21 9.5 8 9.5zm0-6a2.5 2.5 0 000 5 2.5 2.5 0 000-5zm0 1a1.5 1.5 0 11-.001 3.001A1.5 1.5 0 018 4.5z"
+                />
             </AccessibleSVG>
         );
     }