@box/unified-share-modal 1.36.5 → 1.36.6

package/dist/esm/lib/components/unified-share-form-modal/collaboration-section/collaboration-role.js

@@ -1,110 +1,108 @@
-import _ from "clsx";
-import L from "lodash/camelCase";
-import { useState as k, useMemo as w, useEffect as F } from "react";
-import { useIntl as N } from "react-intl";
-import { Tooltip as O, Focusable as $, TriggerButton as D, DropdownMenu as r } from "@box/blueprint-web";
-import j from "../messages.js";
+import y from "lodash/camelCase";
+import { useState as L, useMemo as k, useEffect as w } from "react";
+import { useIntl as F } from "react-intl";
+import { Tooltip as N, Focusable as O, TriggerButton as D, DropdownMenu as n } from "@box/blueprint-web";
+import $ from "../messages.js";
 import l from "./messages.js";
-import { jsx as e, jsxs as z } from "react/jsx-runtime";
-import { isInvitationRoleSupported as A, getDefaultCollaborationRole as P } from "../../../utils/collaborator.js";
-import { useUnifiedShareFormContext as U } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as B } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-role.css';const E = "_container_120dl_1", W = "_overrides_120dl_9", q = "_focusable_120dl_14", n = {
-  container: E,
-  overrides: W,
-  focusable: q
+import { jsx as e, jsxs as j } from "react/jsx-runtime";
+import { isInvitationRoleSupported as z, getDefaultCollaborationRole as A } from "../../../utils/collaborator.js";
+import { useUnifiedShareFormContext as P } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as U } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-role.css';const B = "_container_h88vi_1", E = "_focusable_h88vi_10", b = {
+  container: B,
+  focusable: E
 };
-function te() {
+function Z() {
   const {
-    formatMessage: o
-  } = N(), [f, M] = k(!1), {
+    formatMessage: t
+  } = F(), [f, M] = L(!1), {
     collaborationRole: u,
-    setCollaborationRole: d
-  } = U(), {
+    setCollaborationRole: c
+  } = P(), {
     collaborationRoles: g,
     isSubmitting: S,
     item: I
-  } = B(), {
+  } = U(), {
     permissions: T = {},
-    type: m
-  } = I, s = w(() => g.map((i) => {
+    type: d
+  } = I, r = k(() => g.map((i) => {
     const {
-      description: p,
-      id: t,
-      label: c
-    } = i, b = A(t), h = L(t);
-    let x = h;
-    t === "editor" && m === "folder" && (x += "Folder");
-    let C = t, R = "";
-    return b && (C = o(j[`${h}Role`]), R = o(l[`${x}Description`])), {
+      description: m,
+      id: o,
+      label: s
+    } = i, p = z(o), C = y(o);
+    let R = C;
+    o === "editor" && d === "folder" && (R += "Folder");
+    let v = o, x = "";
+    return p && (v = t($[`${C}Role`]), x = t(l[`${R}Description`])), {
       ...i,
-      description: p ?? R,
-      label: c ?? C
+      description: m ?? x,
+      label: s ?? v
     };
-  }), [g, o, m]);
-  if (F(() => {
-    d(P(s));
-  }, [s, d]), !s.length || !u)
+  }), [g, t, d]);
+  if (w(() => {
+    c(A(r));
+  }, [r, c]), !r.length || !u)
     return null;
   const {
-    id: y,
-    label: v
+    id: _,
+    label: h
   } = u;
   let a;
-  return T.canInviteCollaborator || (a = o(l.inviteDisabledTooltip)), m === "web_link" && (a = o(l.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(O, {
+  return T.canInviteCollaborator || (a = t(l.inviteDisabledTooltip)), d === "web_link" && (a = t(l.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(N, {
     align: "start",
     content: a,
     "data-testid": "collaboration-role-tooltip",
     side: "bottom",
-    children: /* @__PURE__ */ e($, {
-      className: n.focusable,
+    children: /* @__PURE__ */ e(O, {
+      className: b.focusable,
       children: /* @__PURE__ */ e(D, {
         caretDirection: "down",
-        className: _(n.container, n.overrides),
+        className: b.container,
         disabled: !0,
-        label: o(l.inviteAsRoleLabel, {
-          role: v
+        label: t(l.inviteAsRoleLabel, {
+          role: h
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
     })
-  }) : /* @__PURE__ */ z(r.Root, {
+  }) : /* @__PURE__ */ j(n.Root, {
     onOpenChange: M,
     open: f,
-    children: [/* @__PURE__ */ e(r.Trigger, {
+    children: [/* @__PURE__ */ e(n.Trigger, {
       children: /* @__PURE__ */ e(D, {
         caretDirection: f ? "up" : "down",
-        className: _(n.container, n.overrides),
+        className: b.container,
         disabled: S,
-        label: o(l.inviteAsRoleLabel, {
-          role: v
+        label: t(l.inviteAsRoleLabel, {
+          role: h
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
-    }), /* @__PURE__ */ e(r.Content, {
+    }), /* @__PURE__ */ e(n.Content, {
       align: "start",
-      children: s.map((i) => {
+      children: r.map((i) => {
         const {
-          description: p,
-          isDisabled: t,
-          id: c,
-          label: b
+          description: m,
+          isDisabled: o,
+          id: s,
+          label: p
         } = i;
-        return /* @__PURE__ */ e(r.CheckboxItem, {
-          checked: y === c,
-          disabled: t,
-          onSelect: () => d(i),
-          children: /* @__PURE__ */ e(r.Item.MainContent, {
-            caption: p,
-            label: b
+        return /* @__PURE__ */ e(n.CheckboxItem, {
+          checked: _ === s,
+          disabled: o,
+          onSelect: () => c(i),
+          children: /* @__PURE__ */ e(n.Item.MainContent, {
+            caption: m,
+            label: p
           })
-        }, c);
+        }, s);
       })
     })]
   });
 }
 export {
-  te as CollaborationRole
+  Z as CollaborationRole
 };

package/dist/esm/lib/components/unified-share-form-modal/collaboration-section/collaboration-section.js

@@ -1,86 +1,92 @@
-import { useState as ce, useRef as de, useEffect as N, useCallback as F } from "react";
-import { createPortal as ue } from "react-dom";
-import { useIntl as me } from "react-intl";
-import { useNotification as he, useUniqueId as fe, useLabelable as pe, Tooltip as be, Focusable as Ce, Text as ve, Modal as h } from "@box/blueprint-web";
-import { Globe as ge } from "@box/blueprint-web-assets/icons/Medium";
-import { UserSelectorContainer as Se } from "@box/user-selector";
-import { CollaborationRole as Ae } from "./collaboration-role.js";
-import { SharedWithAvatars as Le } from "./shared-with-avatars.js";
-import { ShieldRestrictionNotice as Ue } from "./shield-restriction-notice.js";
-import { TextAreaContainer as Fe } from "./text-area-container.js";
-import { COLLABORATION_MESSAGE_CHARACTER_LIMIT as ye } from "../../../constants.js";
+import me from "clsx";
+import { useState as ue, useRef as pe, useEffect as I, useCallback as F } from "react";
+import { createPortal as he } from "react-dom";
+import { useIntl as fe } from "react-intl";
+import { useBlueprintModernization as be, useNotification as Ce, useUniqueId as ge, useLabelable as ve, Tooltip as Se, Focusable as _e, Text as Le, Modal as h } from "@box/blueprint-web";
+import { Globe as Ue } from "@box/blueprint-web-assets/icons/Medium";
+import { bpSize040 as R } from "@box/blueprint-web-assets/tokens/tokens";
+import { UserSelectorContainer as Fe } from "@box/user-selector";
+import { CollaborationRole as ye } from "./collaboration-role.js";
+import { SharedWithAvatars as Ae } from "./shared-with-avatars.js";
+import { ShieldRestrictionNotice as xe } from "./shield-restriction-notice.js";
+import { TextAreaContainer as Ee } from "./text-area-container.js";
+import { COLLABORATION_MESSAGE_CHARACTER_LIMIT as Be } from "../../../constants.js";
 import o from "./messages.js";
-import { jsxs as i, jsx as r, Fragment as Ie } from "react/jsx-runtime";
-import { useFormValidation as _e } from "../../../hooks/use-form-validation.js";
-import { useCollaborationForm as xe } from "../../../hooks/use-collaboration-form.js";
-import { useUnifiedShareFormContext as Ee } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as Be } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-section.css';const Ve = "_container_1d5sq_2", Ne = "_label_1d5sq_8", Re = "_securityIndicator_1d5sq_23", Te = "_collaborationAccessContainer_1d5sq_29", f = {
-  container: Ve,
-  label: Ne,
-  securityIndicator: Re,
-  collaborationAccessContainer: Te
+import { jsxs as a, jsx as r, Fragment as Ne } from "react/jsx-runtime";
+import { useFormValidation as Ve } from "../../../hooks/use-form-validation.js";
+import { useCollaborationForm as Ie } from "../../../hooks/use-collaboration-form.js";
+import { useUnifiedShareFormContext as Re } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as Te } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-section.css';const Me = "_container_1spii_2", Oe = "_label_1spii_8", Pe = "_modernized_1spii_15", ke = "_security_1spii_33", ze = "_icon_1spii_37", we = "_access_1spii_43", s = {
+  container: Me,
+  label: Oe,
+  modernized: Pe,
+  security: ke,
+  icon: ze,
+  access: we
 };
-function Ye() {
+function at() {
   const {
     formatMessage: t
-  } = me(), [p, y] = ce(), {
-    addNotification: R
-  } = he(), {
-    validateShieldRestriction: T
-  } = _e(), {
-    contactValue: O,
+  } = fe(), [f, y] = ue(), {
+    enableModernizedComponents: T
+  } = be(), {
+    addNotification: M
+  } = Ce(), {
+    validateShieldRestriction: O
+  } = Ve(), {
+    contactValue: P,
     container: b,
-    onModalOpenChange: I,
+    onModalOpenChange: A,
     onShareViewChange: C,
-    setUserContacts: P,
-    shareView: n,
-    userContacts: a
-  } = Ee(), {
-    collaborationAccess: k,
-    collaborationNotices: M,
-    config: v,
-    contactService: q,
-    isFetching: w,
-    isSubmitting: D,
-    item: G,
-    sharingService: W
-  } = Be(), {
-    permissions: j = {},
-    type: H
-  } = G, {
-    getContacts: g,
+    setUserContacts: k,
+    shareView: i,
+    userContacts: n
+  } = Re(), {
+    collaborationAccess: z,
+    collaborationNotices: w,
+    config: g,
+    contactService: D,
+    isFetching: G,
+    isSubmitting: W,
+    item: j,
+    sharingService: q
+  } = Te(), {
+    permissions: H = {},
+    type: K
+  } = j, {
+    getContacts: v,
     getContactsAvatarUrls: S
-  } = q, {
-    sendInvitations: K,
-    sendSharedLink: $
-  } = W;
-  let A, L;
-  n === "invite" && (A = K, L = "invite-collaborators"), n === "email" && (A = $, L = "email-shared-link");
+  } = D, {
+    sendInvitations: $,
+    sendSharedLink: J
+  } = q;
+  let _, L;
+  i === "invite" && (_ = $, L = "invite-collaborators"), i === "email" && (_ = J, L = "email-shared-link");
   const {
-    errors: z,
-    handleFormReset: _,
-    handleFormSubmit: J,
-    handleSelectedUsersChange: x,
-    handleUserSelectorBlur: Q,
-    isFormSubmitting: X,
-    updateContactValue: Y
-  } = xe(A, L), s = n === "default" || n === "invite", l = n === "invite" || n === "email", c = D ?? X, Z = a.some((e) => e.isExternalUser), E = de(n === "email" ? "email" : "invite");
-  N(() => {
-    E.current = n === "email" ? "email" : "invite";
-  }, [n]), N(() => {
-    (!a.length || !a.some((e) => e.chipVariant === "error")) && y(null);
-  }, [a]);
-  const ee = F((e) => (e.stopPropagation(), !0), []), te = F((e) => g ? g(e, E.current) : Promise.resolve([]), [g]), oe = F((e) => S ? S(e) : Promise.resolve({}), [S]), re = (e) => {
-    l || C("invite"), Y(e);
-  }, ne = () => {
-    _(), C("default");
-  }, ae = async () => {
+    errors: Q,
+    handleFormReset: x,
+    handleFormSubmit: X,
+    handleSelectedUsersChange: E,
+    handleUserSelectorBlur: Y,
+    isFormSubmitting: Z,
+    updateContactValue: ee
+  } = Ie(_, L), l = i === "default" || i === "invite", c = i === "invite" || i === "email", d = W ?? Z, te = n.some((e) => e.isExternalUser), B = pe(i === "email" ? "email" : "invite");
+  I(() => {
+    B.current = i === "email" ? "email" : "invite";
+  }, [i]), I(() => {
+    (!n.length || !n.some((e) => e.chipVariant === "error")) && y(null);
+  }, [n]);
+  const oe = F((e) => (e.stopPropagation(), !0), []), re = F((e) => v ? v(e, B.current) : Promise.resolve([]), [v]), ie = F((e) => S ? S(e) : Promise.resolve({}), [S]), ne = (e) => {
+    c || C("invite"), ee(e);
+  }, ae = () => {
+    x(), C("default");
+  }, se = async () => {
     try {
-      if (p) {
-        const e = T(a);
+      if (f) {
+        const e = O(n);
         if (e) {
-          R({
+          M({
             closeButtonAriaLabel: t(o.closeButton),
             sensitivity: "foreground",
             styledText: e,
@@ -90,87 +96,91 @@ function Ye() {
           return;
         }
       }
-      if (await J())
+      if (await X())
         return;
-      _(), I && I(!1), C("default");
+      x(), A && A(!1), C("default");
     } catch (e) {
       if (!e.shieldRestriction)
         return;
       const {
         shieldRestriction: U
-      } = e, V = [...U.restrictedEmails ?? [], ...U.restrictedGroups ?? []], le = a.map((m) => V.includes(m.email) || V.includes(`${m.id}`) ? {
-        ...m,
+      } = e, V = [...U.restrictedEmails ?? [], ...U.restrictedGroups ?? []], de = n.map((p) => V.includes(p.email) || V.includes(`${p.id}`) ? {
+        ...p,
         chipVariant: "error"
-      } : m);
-      y(U), P(le);
+      } : p);
+      y(U), k(de);
     }
   };
-  let d, u = !1;
-  s && !j.canInviteCollaborator && (d = t(o.inviteDisabledTooltip), u = !0), s && H === "web_link" && (d = t(o.inviteWebLinkDisabledTooltip), u = !0);
-  const B = fe("user-contacts-"), ie = t(s ? o.invitePeopleLabel : o.emailSharedLinkLabel), se = pe(ie, B);
-  return /* @__PURE__ */ i("form", {
-    className: f.container,
+  let m, u = !1;
+  l && !H.canInviteCollaborator && (m = t(o.inviteDisabledTooltip), u = !0), l && K === "web_link" && (m = t(o.inviteWebLinkDisabledTooltip), u = !0);
+  const N = ge("user-contacts-"), le = t(l ? o.invitePeopleLabel : o.emailSharedLinkLabel), ce = ve(le, N);
+  return /* @__PURE__ */ a("form", {
+    className: s.container,
     onSubmit: (e) => e.preventDefault(),
-    children: [p && /* @__PURE__ */ r(Ue, {
-      error: p,
-      isLoading: c,
-      onSelectedUsersChange: x
-    }), M, /* @__PURE__ */ i("div", {
-      children: [s && v.collaborators && /* @__PURE__ */ r(Le, {}), /* @__PURE__ */ r(se, {
-        className: f.label
-      }), /* @__PURE__ */ r(be, {
-        content: d,
+    children: [f && /* @__PURE__ */ r(xe, {
+      error: f,
+      isLoading: d,
+      onSelectedUsersChange: E
+    }), w, /* @__PURE__ */ a("div", {
+      children: [l && g.collaborators && /* @__PURE__ */ r(Ae, {}), /* @__PURE__ */ r(ce, {
+        className: me(s.label, T && s.modernized)
+      }), /* @__PURE__ */ r(Se, {
+        content: m,
         "data-testid": "user-contacts-tooltip",
-        open: d ? void 0 : !1,
+        open: m ? void 0 : !1,
         side: "bottom",
-        children: /* @__PURE__ */ r(Ce, {
+        children: /* @__PURE__ */ r(_e, {
           focusable: u,
-          children: /* @__PURE__ */ r(Se, {
+          children: /* @__PURE__ */ r(Fe, {
             className: "collaboration-user-selector",
             clearButtonAriaLabel: t(o.clearButton),
             clearOnBlur: !1,
-            disabled: u || c,
+            disabled: u || d,
             displayChipVariant: (e) => e.chipVariant,
-            error: z["user-contact"],
-            fetchAvatarUrls: oe,
-            fetchUsers: te,
-            hideOnEscape: ee,
-            idForLabel: B,
-            inputValue: O,
+            error: Q["user-contact"],
+            fetchAvatarUrls: ie,
+            fetchUsers: re,
+            hideOnEscape: oe,
+            idForLabel: N,
+            inputValue: P,
             label: null,
-            onBlur: Q,
-            onInputValueChange: re,
-            onSelectedUsersChange: x,
-            placeholder: a.length ? "" : t(o.invitePeoplePlaceholder),
+            onBlur: Y,
+            onInputValueChange: ne,
+            onSelectedUsersChange: E,
+            placeholder: n.length ? "" : t(o.invitePeoplePlaceholder),
             portalElement: b,
-            selectedUsers: a,
+            selectedUsers: n,
             selectOnEnterOrTab: !0,
-            variant: l ? "textarea" : "input"
+            variant: c ? "textarea" : "input"
           })
         })
-      }), s && /* @__PURE__ */ i("div", {
-        className: f.collaborationAccessContainer,
-        children: [v.collaborationRole && /* @__PURE__ */ r(Ae, {}), k]
+      }), l && /* @__PURE__ */ a("div", {
+        className: s.access,
+        children: [g.collaborationRole && /* @__PURE__ */ r(ye, {}), z]
       })]
-    }), l && v.collaborationMessage && /* @__PURE__ */ r(Fe, {
-      maxCount: ye
-    }), l && Z && /* @__PURE__ */ i("div", {
-      className: f.securityIndicator,
-      children: [/* @__PURE__ */ r(ge, {}), /* @__PURE__ */ r(ve, {
+    }), c && g.collaborationMessage && /* @__PURE__ */ r(Ee, {
+      maxCount: Be
+    }), c && te && /* @__PURE__ */ a("div", {
+      className: s.security,
+      children: [/* @__PURE__ */ r(Ue, {
+        className: s.icon,
+        height: R,
+        width: R
+      }), /* @__PURE__ */ r(Le, {
         as: "span",
         color: "textOnLightSecondary",
         children: t(o.contentSharedWithExternalCollaborators)
       })]
-    }), l && b && /* @__PURE__ */ ue(/* @__PURE__ */ i(Ie, {
-      children: [!w && /* @__PURE__ */ i(h.Footer, {
+    }), c && b && /* @__PURE__ */ he(/* @__PURE__ */ a(Ne, {
+      children: [!G && /* @__PURE__ */ a(h.Footer, {
         children: [/* @__PURE__ */ r(h.Footer.SecondaryButton, {
-          disabled: c,
-          onClick: ne,
+          disabled: d,
+          onClick: ae,
           children: t(o.cancelButton)
         }), /* @__PURE__ */ r(h.Footer.PrimaryButton, {
-          loading: c,
+          loading: d,
           loadingAriaLabel: t(o.loadingLabel),
-          onClick: ae,
+          onClick: se,
           children: t(o.sendButton)
         })]
       }), /* @__PURE__ */ r(h.Close, {
@@ -180,5 +190,5 @@ function Ye() {
   });
 }
 export {
-  Ye as CollaborationSection
+  at as CollaborationSection
 };

package/dist/esm/lib/components/unified-share-form-modal/collaborators-view/collaborators-view.js

@@ -1,88 +1,94 @@
 import { createPortal as C } from "react-dom";
-import { useIntl as k } from "react-intl";
-import { useBreakpoint as B, Breakpoint as v, TextButton as S, Link as x, Table as A, TableHeader as F, Column as h, TableBody as L, Modal as n } from "@box/blueprint-web";
-import { CollaboratorListItem as y } from "./collaborator-list-item.js";
-import a from "./messages.js";
-import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as N } from "../../../contexts/unified-share-modal-context.js";
-import { useUnifiedShareFormContext as T } from "../../../contexts/unified-share-form-context.js";
-import '../../../../../styles/collaborators-view.css';const H = "_manage_8rmie_1", w = "_manageAllButton_8rmie_6", I = "_list_8rmie_13", j = "_scroll_8rmie_30", U = "_header_8rmie_36", r = {
+import { useIntl as v } from "react-intl";
+import { useBreakpoint as y, Breakpoint as S, Link as h, Table as x, TableHeader as B, Column as f, TableBody as L, Modal as t } from "@box/blueprint-web";
+import { CollaboratorListItem as q } from "./collaborator-list-item.js";
+import l from "./messages.js";
+import { jsxs as a, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as M } from "../../../contexts/unified-share-modal-context.js";
+import { useUnifiedShareFormContext as N } from "../../../contexts/unified-share-form-context.js";
+import { callOnKeyboardEvent as w } from "../../../utils/event.js";
+import '../../../../../styles/collaborators-view.css';const H = "_manage_1ilfq_1", I = "_link_1ilfq_7", T = "_list_1ilfq_11", j = "_scroll_1ilfq_28", A = "_header_1ilfq_34", n = {
   manage: H,
-  manageAllButton: w,
-  list: I,
+  link: I,
+  list: T,
   scroll: j,
-  header: U
+  header: A
 };
-function J() {
+function G() {
   const {
     formatMessage: o
-  } = k(), l = B() === v.Small, {
+  } = v(), i = y() === S.Small, {
     collaborators: u,
-    config: i,
-    eventService: g,
-    isFetching: s,
+    config: s,
+    eventService: b,
+    isFetching: c,
     item: p
-  } = N(), {
+  } = M(), {
     id: _,
-    type: b
+    type: g
   } = p, {
-    onCollaboratorsManagementClick: m
-  } = g, {
-    container: c,
-    onShareViewChange: f
-  } = T();
-  return /* @__PURE__ */ t("div", {
-    inert: s ? "" : null,
-    children: [i.collaboratorsManagement && /* @__PURE__ */ e("div", {
-      className: r.manage,
-      children: m ? /* @__PURE__ */ e(S, {
-        className: r.manageAllButton,
-        inheritFont: !0,
-        onClick: m,
-        children: o(a.manageAllLink)
-      }) : /* @__PURE__ */ e(x, {
-        href: `/${b}/${_}/collaborators`,
+    onCollaboratorsManagementClick: r
+  } = b, {
+    container: m,
+    onShareViewChange: k
+  } = N();
+  return /* @__PURE__ */ a("div", {
+    inert: c ? "" : null,
+    children: [s.collaboratorsManagement && /* @__PURE__ */ e("div", {
+      className: n.manage,
+      children: r ? /* @__PURE__ */ e(h, {
+        className: n.link,
+        onClick: r,
+        onKeyDown: w(r, {
+          canPreventDefault: !0
+        }),
+        role: "button",
+        tabIndex: 0,
+        variant: "standalone",
+        children: o(l.manageAllLink)
+      }) : /* @__PURE__ */ e(h, {
+        href: `/${g}/${_}/collaborators`,
         rel: "noopener",
         target: "_blank",
         variant: "standalone",
-        children: o(a.manageAllLink)
+        children: o(l.manageAllLink)
       })
     }), /* @__PURE__ */ e("div", {
-      className: r.list,
+      className: n.list,
       children: /* @__PURE__ */ e("div", {
-        className: r.scroll,
-        children: /* @__PURE__ */ t(A, {
-          "aria-label": o(a.listLabel),
-          children: [/* @__PURE__ */ t(F, {
-            className: r.header,
-            children: [/* @__PURE__ */ e(h, {
+        className: n.scroll,
+        children: /* @__PURE__ */ a(x, {
+          "aria-label": o(l.listLabel),
+          children: [/* @__PURE__ */ a(B, {
+            className: n.header,
+            children: [/* @__PURE__ */ e(f, {
               hideHeader: !0,
               isRowHeader: !0,
-              children: o(a.nameColumn)
-            }), !l && /* @__PURE__ */ e(h, {
+              children: o(l.nameColumn)
+            }), !i && /* @__PURE__ */ e(f, {
               hideHeader: !0,
-              children: o(a.roleColumn)
+              children: o(l.roleColumn)
             })]
           }), /* @__PURE__ */ e(L, {
-            children: u.slice(0, i.collaboratorsLimit).map((d) => /* @__PURE__ */ e(y, {
+            children: u.slice(0, s.collaboratorsLimit).map((d) => /* @__PURE__ */ e(q, {
               collaborator: d,
-              isSmall: l
+              isSmall: i
             }, d.id))
           })]
         })
       })
-    }), c && /* @__PURE__ */ C(/* @__PURE__ */ t(M, {
-      children: [!s && /* @__PURE__ */ e(n.Footer, {
-        children: /* @__PURE__ */ e(n.Footer.SecondaryButton, {
-          onClick: () => f("default"),
-          children: o(a.doneButton)
+    }), m && /* @__PURE__ */ C(/* @__PURE__ */ a(F, {
+      children: [!c && /* @__PURE__ */ e(t.Footer, {
+        children: /* @__PURE__ */ e(t.Footer.SecondaryButton, {
+          onClick: () => k("default"),
+          children: o(l.doneButton)
         })
-      }), /* @__PURE__ */ e(n.Close, {
-        "aria-label": o(a.closeButton)
+      }), /* @__PURE__ */ e(t.Close, {
+        "aria-label": o(l.closeButton)
       })]
-    }), c)]
+    }), m)]
   });
 }
 export {
-  J as CollaboratorsView
+  G as CollaboratorsView
 };

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/shared-link-access.js

@@ -1,85 +1,83 @@
-import k from "clsx";
-import { useState as M } from "react";
-import { useIntl as I } from "react-intl";
-import { DropdownMenu as n, TriggerButton as j, Tooltip as T, Focusable as w } from "@box/blueprint-web";
+import { useState as I } from "react";
+import { useIntl as _ } from "react-intl";
+import { DropdownMenu as n, TriggerButton as v, Tooltip as T, Focusable as w } from "@box/blueprint-web";
 import O from "./messages.js";
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as D } from "../../../contexts/unified-share-modal-context.js";
-import { useSharingAction as N } from "../../../hooks/use-sharing-action.js";
-import { useAccessLevels as R } from "../../../hooks/use-access-levels.js";
-import '../../../../../styles/shared-link-access.css';const z = "_container_1jrg6_1", B = "_overrides_1jrg6_8", F = "_content_1jrg6_13", s = {
-  container: z,
-  overrides: B,
-  content: F
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as y } from "../../../contexts/unified-share-modal-context.js";
+import { useSharingAction as D } from "../../../hooks/use-sharing-action.js";
+import { useAccessLevels as N } from "../../../hooks/use-access-levels.js";
+import '../../../../../styles/shared-link-access.css';const R = "_container_1um3f_1", z = "_content_1um3f_9", l = {
+  container: R,
+  content: z
 };
-function V() {
+function K() {
   const {
     formatMessage: d
-  } = I(), [r, m] = M(!1), {
+  } = _(), [s, m] = I(!1), {
     isSubmitting: h,
     item: p,
     sharedLink: u,
-    sharingService: g
-  } = D(), {
-    permissions: f = {}
+    sharingService: f
+  } = y(), {
+    permissions: g = {}
   } = p, {
     access: S
   } = u, {
     changeSharedLinkAccess: b
-  } = g, {
-    isLoading: v,
-    onAction: _
-  } = N(b), {
+  } = f, {
+    isLoading: A,
+    onAction: C
+  } = D(b), {
     allowedLevels: c,
     selectedAccess: i
-  } = R();
+  } = N();
   if (!c.length || !i)
     return null;
   const {
-    label: x
+    label: L
   } = i;
-  return /* @__PURE__ */ y(n.Root, {
+  return /* @__PURE__ */ j(n.Root, {
     onOpenChange: m,
-    open: r,
+    open: s,
     children: [/* @__PURE__ */ e(n.Trigger, {
-      children: /* @__PURE__ */ e(j, {
-        caretDirection: r ? "up" : "down",
-        className: k(s.container, s.overrides),
-        disabled: !f.canSetShareAccess || (h ?? v),
-        label: x,
+      children: /* @__PURE__ */ e(v, {
+        caretDirection: s ? "up" : "down",
+        className: l.container,
+        disabled: !g.canSetShareAccess || (h ?? A),
+        label: L,
         size: "extraSmall",
         variant: "tertiary"
       })
     }), /* @__PURE__ */ e(n.Content, {
       align: "start",
-      className: s.content,
-      children: c.map((A) => {
+      className: l.content,
+      children: c.map((k) => {
         const {
-          description: a,
-          disabledReason: C,
+          description: r,
+          disabledReason: x,
           id: t,
-          label: l
-        } = A, o = S === t, L = () => {
-          o || _(t);
+          label: a
+        } = k, o = S === t, M = () => {
+          o || C(t);
         };
-        return C ? /* @__PURE__ */ e(T, {
+        return x ? /* @__PURE__ */ e(T, {
           content: d(O.disabledAccessLevelTooltip),
           children: /* @__PURE__ */ e(w, {
             children: /* @__PURE__ */ e(n.CheckboxItem, {
               checked: o,
               disabled: !0,
               children: /* @__PURE__ */ e(n.Item.MainContent, {
-                caption: a,
-                label: l
+                caption: r,
+                label: a
               })
             }, t)
           })
         }, t) : /* @__PURE__ */ e(n.CheckboxItem, {
           checked: o,
-          onSelect: L,
+          onSelect: M,
           children: /* @__PURE__ */ e(n.Item.MainContent, {
-            caption: a,
-            label: l
+            caption: r,
+            label: a
           })
         }, t);
       })
@@ -87,5 +85,5 @@ function V() {
   });
 }
 export {
-  V as SharedLinkAccess
+  K as SharedLinkAccess
 };

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/shared-link-permission.js

@@ -1,96 +1,94 @@
-import p from "clsx";
 import { useState as I } from "react";
 import { useIntl as O } from "react-intl";
-import { Tooltip as j, Focusable as E, TriggerButton as h, DropdownMenu as t } from "@box/blueprint-web";
+import { Tooltip as v, Focusable as E, TriggerButton as p, DropdownMenu as t } from "@box/blueprint-web";
 import { FILE_EXTENSION_BOX_NOTE as w } from "../../../constants.js";
 import D from "./messages.js";
 import { jsx as e, jsxs as P } from "react/jsx-runtime";
 import { usePermissionLevels as y } from "../../../hooks/use-permission-levels.js";
 import { useUnifiedShareModalContext as A } from "../../../contexts/unified-share-modal-context.js";
 import { useSharingAction as B } from "../../../hooks/use-sharing-action.js";
-import '../../../../../styles/shared-link-access.css';const z = "_container_1jrg6_1", F = "_overrides_1jrg6_8", X = "_content_1jrg6_13", n = {
-  container: z,
-  overrides: F,
-  content: X
+import '../../../../../styles/shared-link-access.css';const j = "_container_1um3f_1", z = "_content_1um3f_9", i = {
+  container: j,
+  content: z
 };
-function Y() {
+function Q() {
   const {
-    formatMessage: g
-  } = O(), [r, u] = I(!1), {
+    formatMessage: h
+  } = O(), [s, u] = I(!1), {
     isSubmitting: f,
-    item: s,
-    sharedLink: S,
-    sharingService: b
+    item: r,
+    sharedLink: g,
+    sharingService: S
   } = A(), {
-    permissions: _ = {}
-  } = s, {
-    access: v,
+    permissions: b = {}
+  } = r, {
+    access: _,
     permission: a
-  } = S, {
+  } = g, {
     changeSharedLinkPermission: x
-  } = b, {
+  } = S, {
     isLoading: L,
     onAction: M
   } = B(x), {
     allowedLevels: c,
     selectedPermission: l
   } = y();
-  if (v === "collaborators" || !c.length || !l)
+  if (_ === "collaborators" || !c.length || !l)
     return null;
   const {
-    label: d
+    label: m
   } = l;
-  let o = "";
-  return s.extension === w && a === "can_edit" && (o = g(D.canEditBoxNoteDisabledTooltip)), o ? /* @__PURE__ */ e(j, {
+  let n = "";
+  return r.extension === w && a === "can_edit" && (n = h(D.canEditBoxNoteDisabledTooltip)), n ? /* @__PURE__ */ e(v, {
     align: "start",
-    content: o,
+    content: n,
     "data-testid": "shared-link-permission-tooltip",
     side: "bottom",
     children: /* @__PURE__ */ e(E, {
-      children: /* @__PURE__ */ e(h, {
+      children: /* @__PURE__ */ e(p, {
         caretDirection: "down",
-        className: p(n.container, n.overrides),
+        className: i.container,
         disabled: !0,
-        label: d,
+        label: m,
         size: "extraSmall",
         variant: "tertiary"
       })
     })
   }) : /* @__PURE__ */ P(t.Root, {
     onOpenChange: u,
-    open: r,
+    open: s,
     children: [/* @__PURE__ */ e(t.Trigger, {
-      children: /* @__PURE__ */ e(h, {
-        caretDirection: r ? "up" : "down",
-        className: p(n.container, n.overrides),
-        disabled: !_.canSetShareAccess || (f ?? L),
-        label: d,
+      children: /* @__PURE__ */ e(p, {
+        caretDirection: s ? "up" : "down",
+        className: i.container,
+        disabled: !b.canSetShareAccess || (f ?? L),
+        label: m,
         size: "extraSmall",
         variant: "tertiary"
       })
     }), /* @__PURE__ */ e(t.Content, {
       align: "start",
-      className: n.content,
+      className: i.content,
       children: c.map((N) => {
         const {
           description: T,
-          id: i,
+          id: o,
           label: k
-        } = N, m = a === i, C = () => {
-          m || M(i);
+        } = N, d = a === o, C = () => {
+          d || M(o);
         };
         return /* @__PURE__ */ e(t.CheckboxItem, {
-          checked: m,
+          checked: d,
           onSelect: C,
           children: /* @__PURE__ */ e(t.Item.MainContent, {
             caption: T,
             label: k
           })
-        }, i);
+        }, o);
       })
     })]
   });
 }
 export {
-  Y as SharedLinkPermission
+  Q as SharedLinkPermission
 };

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/shared-link-section.js

@@ -1,170 +1,176 @@
-import { useRef as S, useState as V, useCallback as v, useEffect as N } from "react";
-import { useIntl as z } from "react-intl";
-import { Text as x, Tooltip as _, Focusable as G, Switch as H, Status as J, Link as Q, Button as W } from "@box/blueprint-web";
-import { ClockBadge as X } from "@box/blueprint-web-assets/icons/Line";
-import { Mail as Y, Globe as P } from "@box/blueprint-web-assets/icons/Medium";
-import { SurfaceStatusSurfaceRed as Z } from "@box/blueprint-web-assets/tokens/tokens";
-import { CopyInput as $ } from "@box/copy-input";
-import { SharedLinkAccess as ee } from "./shared-link-access.js";
+import { useRef as v, useState as G, useCallback as x, useEffect as w } from "react";
+import { useIntl as q } from "react-intl";
+import { Text as _, Tooltip as A, Focusable as H, Switch as J, Status as Q, Link as W, Button as X } from "@box/blueprint-web";
+import { ClockBadge as Y } from "@box/blueprint-web-assets/icons/Line";
+import { Mail as Z, Globe as D } from "@box/blueprint-web-assets/icons/Medium";
+import { SurfaceStatusSurfaceRed as $, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
+import { CopyInput as ee } from "@box/copy-input";
+import { SharedLinkAccess as ie } from "./shared-link-access.js";
 import { SharedLinkPermission as te } from "./shared-link-permission.js";
-import t from "./messages.js";
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { useUnifiedShareFormContext as ie } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as ae } from "../../../contexts/unified-share-modal-context.js";
-import { useSharingAction as D } from "../../../hooks/use-sharing-action.js";
-import { formatDateFromTimestampToDateString as ne } from "../../../utils/date.js";
-import { callOnKeyboardEvent as oe } from "../../../utils/event.js";
-import '../../../../../styles/shared-link-section.css';const se = "_container_1b8qy_1", re = "_toggle_1b8qy_7", ce = "_settings_1b8qy_13", le = "_copy_1b8qy_22", de = "_access_1b8qy_30", he = "_securityIndicator_1b8qy_36", s = {
-  container: se,
-  toggle: re,
-  settings: ce,
-  copy: le,
-  access: de,
-  securityIndicator: he
+import i from "./messages.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useUnifiedShareFormContext as ae } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as ne } from "../../../contexts/unified-share-modal-context.js";
+import { useSharingAction as I } from "../../../hooks/use-sharing-action.js";
+import { formatDateFromTimestampToDateString as oe } from "../../../utils/date.js";
+import { callOnKeyboardEvent as se } from "../../../utils/event.js";
+import '../../../../../styles/shared-link-section.css';const re = "_container_1hae4_1", ce = "_toggle_1hae4_7", le = "_settings_1hae4_13", de = "_copy_1hae4_22", he = "_access_1hae4_30", me = "_icon_1hae4_36", s = {
+  container: re,
+  toggle: ce,
+  settings: le,
+  copy: de,
+  access: he,
+  icon: me
 };
-function Ie() {
+function Ne() {
   const {
     formatMessage: e
-  } = z(), g = S(!0), k = S(null), m = S(null), {
-    onModalViewChange: y,
-    onShareViewChange: w
-  } = ie(), {
+  } = q(), k = v(!0), L = v(null), p = v(null), {
+    onModalViewChange: b,
+    onShareViewChange: F
+  } = ae(), {
     config: o,
-    isFetching: A,
-    isSubmitting: F,
-    item: q,
+    isFetching: T,
+    isSubmitting: R,
+    item: M,
     sharedLink: n,
-    sharingService: R
-  } = ae(), {
-    permissions: T = {}
-  } = q, {
-    createSharedLink: M
-  } = R, {
+    sharingService: B
+  } = ne(), {
+    permissions: E = {}
+  } = M, {
+    createSharedLink: O
+  } = B, {
     sharedLinkAutoCopy: d,
-    sharedLinkAutoCreate: L
+    sharedLinkAutoCreate: y
   } = o;
-  let I = "create-shared-link";
-  d && (I = "auto-copy-shared-link");
+  let N = "create-shared-link";
+  d && (N = "auto-copy-shared-link");
   const {
-    isLoading: B,
-    onAction: b
-  } = D(M, I), a = !!n.url, r = F ?? B, [C, O] = V(!1), p = v(async () => {
-    a || (await b(), O(!0));
-  }, [a, b]), U = v(async () => (p(), new Promise((c) => {
-    m.current = {
+    isLoading: U,
+    onAction: C
+  } = I(O, N), a = !!n.url, r = R ?? U, [S, j] = G(!1), u = x(async () => {
+    a || (await C(), j(!0));
+  }, [a, C]), z = x(async () => (u(), new Promise((c) => {
+    p.current = {
       resolve: c
     };
-  })), [p]), {
-    onAction: E
-  } = D(U, "auto-copy-shared-link");
-  N(() => {
-    !g.current || A || (d ? E() : L && p(), g.current = !1);
-  }, [A, g, d, L, p, E]), N(() => {
-    a && d && k.current && k.current.click();
+  })), [u]), {
+    onAction: P
+  } = I(z, "auto-copy-shared-link");
+  w(() => {
+    !k.current || T || (d ? P() : y && u(), k.current = !1);
+  }, [T, k, d, y, u, P]), w(() => {
+    a && d && L.current && L.current.click();
   }, [a, d]);
-  const j = v((u) => {
-    if (!m.current)
+  const K = x((m) => {
+    if (!p.current)
       return;
     let c;
-    u instanceof Error ? c = C ? e(t.autoCreateCopyErrorNoticeText) : null : c = e(C ? t.autoCreateCopySuccessNoticeText : t.autoCopySuccessNoticeText), c && m.current.resolve({
+    m instanceof Error ? c = S ? e(i.autoCreateCopyErrorNoticeText) : null : c = e(S ? i.autoCreateCopySuccessNoticeText : i.autoCopySuccessNoticeText), c && p.current.resolve({
       messages: [{
         text: c,
         type: "success"
       }]
-    }), m.current = null;
-  }, [e, C]), K = async (u) => {
-    u || y("remove-shared-link"), u && await b();
+    }), p.current = null;
+  }, [e, S]), V = async (m) => {
+    m || b("remove-shared-link"), m && await C();
   };
   let h, f = !1;
-  return !a && !r && (h = e(t.sharedLinkToggleTooltip)), !a && !T.canShare && (h = e(t.createLinkDisabledTooltip), f = !0), a && !T.canSetShareAccess && (h = e(t.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ l("div", {
+  return !a && !r && (h = e(i.sharedLinkToggleTooltip)), !a && !E.canShare && (h = e(i.createLinkDisabledTooltip), f = !0), a && !E.canSetShareAccess && (h = e(i.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ l("div", {
     className: s.container,
-    children: [/* @__PURE__ */ i(x, {
+    children: [/* @__PURE__ */ t(_, {
       as: "label",
       variant: "bodyDefaultBold",
-      children: e(t.shareLinkLabel)
+      children: e(i.shareLinkLabel)
     }), /* @__PURE__ */ l("div", {
       className: s.toggle,
-      children: [/* @__PURE__ */ i(_, {
+      children: [/* @__PURE__ */ t(A, {
         align: "start",
         content: h,
         "data-testid": "shared-link-tooltip",
         open: h ? void 0 : !1,
-        children: /* @__PURE__ */ i(G, {
+        children: /* @__PURE__ */ t(H, {
           focusable: f,
-          children: /* @__PURE__ */ i(H.Item, {
+          children: /* @__PURE__ */ t(J.Item, {
             checked: a,
             disabled: f || r,
-            label: e(t.sharedLinkToggleLabel),
-            onCheckedChange: K,
+            label: e(i.sharedLinkToggleLabel),
+            onCheckedChange: V,
             value: "shared-link"
           })
         })
-      }), a && !!n.expiresAt && /* @__PURE__ */ i(_, {
-        content: e(t.expirationIconTooltip, {
-          expirationDate: ne(n.expiresAt)
+      }), a && !!n.expiresAt && /* @__PURE__ */ t(A, {
+        content: e(i.expirationIconTooltip, {
+          expirationDate: oe(n.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
-        children: /* @__PURE__ */ i(J, {
-          color: Z,
+        children: /* @__PURE__ */ t(Q, {
+          color: $,
           hideText: !0,
-          icon: X,
-          text: e(t.expirationIconLabel)
+          icon: Y,
+          text: e(i.expirationIconLabel)
         })
-      }), a && o.sharedLinkSettings && /* @__PURE__ */ i(Q, {
+      }), a && o.sharedLinkSettings && /* @__PURE__ */ t(W, {
         "aria-disabled": r,
         "aria-haspopup": "dialog",
         className: s.settings,
-        onClick: () => y("shared-link-settings"),
-        onKeyDown: oe(() => y("shared-link-settings"), {
+        onClick: () => b("shared-link-settings"),
+        onKeyDown: se(() => b("shared-link-settings"), {
           canPreventDefault: !0
         }),
         role: "button",
         tabIndex: r ? -1 : 0,
         variant: "standalone",
-        children: e(t.sharedLinkSettingsLabel)
+        children: e(i.sharedLinkSettingsLabel)
       })]
     }), a && /* @__PURE__ */ l("div", {
       className: s.copy,
-      children: [/* @__PURE__ */ i($, {
-        ref: k,
-        autoFocus: L && a,
+      children: [/* @__PURE__ */ t(ee, {
+        ref: L,
+        autoFocus: y && a,
         disabled: r,
         hideLabel: !0,
-        label: e(t.sharedLinkUrlLabel),
-        onCopy: j,
+        label: e(i.sharedLinkUrlLabel),
+        onCopy: K,
         value: n.url
-      }), o.sharedLinkEmail && /* @__PURE__ */ i(_, {
+      }), o.sharedLinkEmail && /* @__PURE__ */ t(A, {
         align: "end",
-        content: e(t.sharedLinkEmailLabel),
-        children: /* @__PURE__ */ i(W, {
-          "aria-label": e(t.sharedLinkEmailLabel),
+        content: e(i.sharedLinkEmailLabel),
+        children: /* @__PURE__ */ t(X, {
+          "aria-label": e(i.sharedLinkEmailLabel),
           disabled: r,
-          icon: Y,
-          onClick: () => w("email"),
+          icon: Z,
+          onClick: () => F("email"),
           size: "large",
           variant: "secondary"
         })
       })]
     }), a && (o.sharedLinkAccess || o.sharedLinkPermission) && /* @__PURE__ */ l("div", {
       className: s.access,
-      children: [o.sharedLinkAccess && /* @__PURE__ */ i(ee, {}), o.sharedLinkPermission && /* @__PURE__ */ i(te, {})]
+      children: [o.sharedLinkAccess && /* @__PURE__ */ t(ie, {}), o.sharedLinkPermission && /* @__PURE__ */ t(te, {})]
     }), a && n.access === "open" && /* @__PURE__ */ l("div", {
-      className: s.securityIndicator,
-      children: [/* @__PURE__ */ i(P, {}), /* @__PURE__ */ i(x, {
+      children: [/* @__PURE__ */ t(D, {
+        className: s.icon,
+        height: g,
+        width: g
+      }), /* @__PURE__ */ t(_, {
         as: "span",
         color: "textOnLightSecondary",
-        children: n.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
+        children: n.permission === "can_edit" ? e(i.sharedLinkEditablePubliclyAvailable) : e(i.sharedLinkPubliclyAvailable)
       })]
     }), a && n.access === "company" && n.permission === "can_edit" && /* @__PURE__ */ l("div", {
-      className: s.securityIndicator,
-      children: [/* @__PURE__ */ i(P, {}), /* @__PURE__ */ i(x, {
+      children: [/* @__PURE__ */ t(D, {
+        className: s.icon,
+        height: g,
+        width: g
+      }), /* @__PURE__ */ t(_, {
         as: "span",
         color: "textOnLightSecondary",
-        children: e(t.sharedLinkElevatedEditableCompanyAvailable)
+        children: e(i.sharedLinkElevatedEditableCompanyAvailable)
       })]
     })]
   });
 }
 export {
-  Ie as SharedLinkSection
+  Ne as SharedLinkSection
 };

package/dist/styles/collaboration-role.css

@@ -1 +1 @@
-._container_120dl_1{align-self:flex-start;max-width:100%}._container_120dl_1 span:first-child{overflow:hidden;text-overflow:ellipsis}._container_120dl_1._overrides_120dl_9{min-height:unset;font-weight:var(--body-default-font-weight)}._focusable_120dl_14{justify-self:flex-start}
+._container_h88vi_1{align-self:flex-start;max-width:100%}._container_h88vi_1 span:first-child{overflow:hidden;text-overflow:ellipsis}._focusable_h88vi_10{justify-self:flex-start}

package/dist/styles/collaboration-section.css

@@ -1 +1 @@
-._container_1d5sq_2{display:flex;flex-direction:column;gap:var(--space-4)}._label_1d5sq_8{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration);display:block;margin-block-end:var(--space-2);padding:var(--space-1) 0;color:var(--text-text-on-light);overflow-wrap:break-word}._securityIndicator_1d5sq_23>svg{display:inline-block;margin-bottom:-3px;padding-right:var(--space-1)}._collaborationAccessContainer_1d5sq_29{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
+._container_1spii_2{display:flex;flex-direction:column;gap:var(--space-4)}._label_1spii_8{display:block;margin-block-end:var(--space-2);padding:var(--space-1) 0;color:var(--text-text-on-light);overflow-wrap:break-word}._label_1spii_8._modernized_1spii_15{font-weight:var(--bp-font-weight-bold);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family),-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}._label_1spii_8:not(._modernized_1spii_15){font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._security_1spii_33{margin-top:calc(var(--space-1) * -1)}._icon_1spii_37{height:var(--size-5);margin-right:var(--space-1);vertical-align:text-bottom}._access_1spii_43{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}

package/dist/styles/collaborators-view.css

@@ -1 +1 @@
-._manage_8rmie_1{display:flex;flex-direction:row-reverse;padding:var(--space-3) .625rem}._manage_8rmie_1 ._manageAllButton_8rmie_6{font-size:var(--link-default-font-size);font-family:var(--link-default-font-family);line-height:var(--link-default-line-height);letter-spacing:var(--link-default-letter-spacing)}._list_8rmie_13{position:relative}._list_8rmie_13:after{position:absolute;inset:0;z-index:1000;border:var(--border-1) solid var(--border-divider-border);border-radius:var(--radius-4);box-shadow:var(--innershadow-1);content:"";pointer-events:none}._scroll_8rmie_30{height:240px;overflow-y:auto;border-radius:var(--radius-4)}._header_8rmie_36{visibility:collapse}
+._manage_1ilfq_1{display:flex;flex-direction:row-reverse;padding:var(--space-3) .625rem}._link_1ilfq_7{cursor:pointer}._list_1ilfq_11{position:relative}._list_1ilfq_11:after{position:absolute;inset:0;z-index:1000;border:var(--border-1) solid var(--border-divider-border);border-radius:var(--radius-4);box-shadow:var(--innershadow-1);content:"";pointer-events:none}._scroll_1ilfq_28{height:240px;overflow-y:auto;border-radius:var(--radius-4)}._header_1ilfq_34{visibility:collapse}

package/dist/styles/shared-link-access.css

@@ -1 +1 @@
-._container_1jrg6_1{max-width:100%}._container_1jrg6_1 span:first-child{overflow:hidden;text-overflow:ellipsis}._container_1jrg6_1._overrides_1jrg6_8{min-height:unset;font-weight:var(--body-default-font-weight)}._content_1jrg6_13{z-index:2147483646}
+._container_1um3f_1{max-width:100%}._container_1um3f_1 span:first-child{overflow:hidden;text-overflow:ellipsis}._content_1um3f_9{z-index:2147483646}

package/dist/styles/shared-link-section.css

@@ -1 +1 @@
-._container_1b8qy_1{display:flex;flex-direction:column;gap:var(--space-3)}._toggle_1b8qy_7{display:flex;gap:var(--space-2);align-items:center}._settings_1b8qy_13{margin-left:auto;cursor:pointer}._settings_1b8qy_13[aria-disabled=true]{opacity:.3;pointer-events:none}._copy_1b8qy_22{display:flex;gap:var(--space-2)}._copy_1b8qy_22>div:first-child{flex-grow:1}._access_1b8qy_30{display:flex;flex-wrap:wrap;gap:var(--space-2)}._securityIndicator_1b8qy_36>svg{display:inline-block;margin-bottom:-3px;padding-right:var(--space-1)}
+._container_1hae4_1{display:flex;flex-direction:column;gap:var(--space-3)}._toggle_1hae4_7{display:flex;gap:var(--space-2);align-items:center}._settings_1hae4_13{margin-left:auto;cursor:pointer}._settings_1hae4_13[aria-disabled=true]{opacity:.3;pointer-events:none}._copy_1hae4_22{display:flex;gap:var(--space-2)}._copy_1hae4_22>div:first-child{flex-grow:1}._access_1hae4_30{display:flex;flex-wrap:wrap;gap:var(--space-2)}._icon_1hae4_36{height:var(--size-5);margin-right:var(--space-1);vertical-align:text-bottom}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.36.5",
+    "version": "1.36.6",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.114.0",