@box/threaded-annotations 4.1.10 → 4.1.12

package/dist/chunks/annotation-badge.js

@@ -1 +1 @@
-import{AnnotationBadgeType}from"../esm/lib/v2/types/annotation-badge-types.js";import messages from"../esm/lib/components/v2/annotation-badge/messages.js";import{ButtonWrapper,Focusable,Text,Tooltip}from"@box/blueprint-web";import clsx from"clsx";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{DashedSquareBubble,PencilScribble,TextHighlight}from"@box/blueprint-web-assets/icons/Medium";import{Play}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/annotation-badge.css';var annotation_badge_module_default={annotationBadge:`_annotationBadge_wsfss_1`,annotationIcon:`_annotationIcon_wsfss_16`,highlightText:`_highlightText_wsfss_22`,annotationLabel:`_annotationLabel_wsfss_34`,disabled:`_disabled_wsfss_42`,focusableWrapper:`_focusableWrapper_wsfss_47`,tooltipContent:`_tooltipContent_wsfss_53`},ANNOTATION_BADGE_TYPE_ICON_MAP={[AnnotationBadgeType.Drawing]:PencilScribble,[AnnotationBadgeType.Frame]:Play,[AnnotationBadgeType.Highlight]:TextHighlight,[AnnotationBadgeType.Point]:PencilScribble,[AnnotationBadgeType.Region]:DashedSquareBubble},AnnotationBadge=({annotationTarget,onClick,originalContentDeleted})=>{let{formatMessage}=useIntl(),Icon=ANNOTATION_BADGE_TYPE_ICON_MAP[annotationTarget.type],textColor=originalContentDeleted?`textOnLightSecondary`:`textOnLightLink`,badge=jsxs(ButtonWrapper,{className:clsx(annotation_badge_module_default.annotationBadge,originalContentDeleted&&annotation_badge_module_default.disabled),"data-testid":`annotation-badge`,"data-no-expand":!0,disabled:originalContentDeleted,onClick:originalContentDeleted?void 0:onClick,children:[Icon&&jsx(Text,{as:`span`,className:annotation_badge_module_default.annotationIcon,color:textColor,children:jsx(Icon,{color:`currentColor`,height:16,width:16})}),annotationTarget.type===AnnotationBadgeType.Highlight&&annotationTarget.highlightedText?jsx(Text,{as:`span`,className:annotation_badge_module_default.highlightText,color:textColor,variant:`bodySmallSemibold`,children:annotationTarget.highlightedText}):jsx(Text,{as:`span`,className:annotation_badge_module_default.annotationLabel,color:textColor,variant:`bodyDefaultSemibold`,children:annotationTarget.type===AnnotationBadgeType.Frame?annotationTarget.timestamp:formatMessage(messages.annotationPage,{number:annotationTarget.page})})]});return originalContentDeleted?jsx(Tooltip,{className:annotation_badge_module_default.tooltipContent,content:formatMessage(messages.originalContentDeleted),side:`top`,children:jsx(Focusable,{className:annotation_badge_module_default.focusableWrapper,"data-no-expand":!0,children:badge})}):badge};export{AnnotationBadge as t};
+import{AnnotationBadgeType}from"../esm/lib/v2/types/annotation-badge-types.js";import messages from"../esm/lib/components/v2/annotation-badge/messages.js";import{ButtonWrapper,Focusable,Text,Tooltip}from"@box/blueprint-web";import clsx from"clsx";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{DashedSquareBubble,PencilScribble,TextHighlight}from"@box/blueprint-web-assets/icons/Medium";import{bpSize040}from"@box/blueprint-web-assets/tokens/tokens";import{Play}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/annotation-badge.css';var annotation_badge_module_default={annotationBadge:`_annotationBadge_wsfss_1`,annotationIcon:`_annotationIcon_wsfss_16`,highlightText:`_highlightText_wsfss_22`,annotationLabel:`_annotationLabel_wsfss_34`,disabled:`_disabled_wsfss_42`,focusableWrapper:`_focusableWrapper_wsfss_47`,tooltipContent:`_tooltipContent_wsfss_53`},ANNOTATION_BADGE_TYPE_ICON_MAP={[AnnotationBadgeType.Drawing]:PencilScribble,[AnnotationBadgeType.Frame]:Play,[AnnotationBadgeType.Highlight]:TextHighlight,[AnnotationBadgeType.Point]:PencilScribble,[AnnotationBadgeType.Region]:DashedSquareBubble},AnnotationBadge=({annotationTarget,onClick,originalContentDeleted})=>{let{formatMessage}=useIntl(),Icon=ANNOTATION_BADGE_TYPE_ICON_MAP[annotationTarget.type],textColor=originalContentDeleted?`textOnLightSecondary`:`textOnLightLink`,badge=jsxs(ButtonWrapper,{className:clsx(annotation_badge_module_default.annotationBadge,originalContentDeleted&&annotation_badge_module_default.disabled),"data-testid":`annotation-badge`,"data-no-expand":!0,disabled:originalContentDeleted,onClick:originalContentDeleted?void 0:onClick,children:[Icon&&jsx(Text,{as:`span`,className:annotation_badge_module_default.annotationIcon,color:textColor,children:jsx(Icon,{color:`currentColor`,height:bpSize040,width:bpSize040})}),annotationTarget.type===AnnotationBadgeType.Highlight&&annotationTarget.highlightedText?jsx(Text,{as:`span`,className:annotation_badge_module_default.highlightText,color:textColor,variant:`bodySmallSemibold`,children:annotationTarget.highlightedText}):jsx(Text,{as:`span`,className:annotation_badge_module_default.annotationLabel,color:textColor,variant:`bodyDefaultSemibold`,children:annotationTarget.type===AnnotationBadgeType.Frame?annotationTarget.timestamp:formatMessage(messages.annotationPage,{number:annotationTarget.page})})]});return originalContentDeleted?jsx(Tooltip,{className:annotation_badge_module_default.tooltipContent,content:formatMessage(messages.originalContentDeleted),side:`top`,children:jsx(Focusable,{className:annotation_badge_module_default.focusableWrapper,"data-no-expand":!0,children:badge})}):badge};export{AnnotationBadge as t};

package/dist/chunks/message-editor2.module.js

@@ -1 +1 @@
-import '../styles/message-editor2.css';var message_editor_module_default={messageEditorWrapper:`_messageEditorWrapper_1498d_29`,editActionsColumn:`_editActionsColumn_1498d_34`,editActionsRow:`_editActionsRow_1498d_41`,characterLimitCounter:`_characterLimitCounter_1498d_47`,characterLimitCounterExceeded:`_characterLimitCounterExceeded_1498d_50`,messageEditor:`_messageEditor_1498d_29`,editorEditMode:`_editorEditMode_1498d_68`,editorFirstAnnotation:`_editorFirstAnnotation_1498d_75`,editorError:`_editorError_1498d_75`,editorViewport:`_editorViewport_1498d_83`,editorContainer:`_editorContainer_1498d_89`,editor:`_editor_1498d_68`,editorFade:`_editorFade_1498d_149`,editorFadeHidden:`_editorFadeHidden_1498d_160`,editorFullWidth:`_editorFullWidth_1498d_163`,actionsWrapper:`_actionsWrapper_1498d_167`,actionsWrapperInner:`_actionsWrapperInner_1498d_177`,timestampToggle:`_timestampToggle_1498d_184`,errorMessage:`_errorMessage_1498d_187`,errorText:`_errorText_1498d_196`,editorHasScroll:`_editorHasScroll_1498d_205`,editorCharacterLimitExceeded:`_editorCharacterLimitExceeded_1498d_216`,characterLimitExceeded:`_characterLimitExceeded_1498d_238`,scrolledToBottom:`_scrolledToBottom_1498d_241`,anchorElement:`_anchorElement_1498d_245`,withTimestampToggle:`_withTimestampToggle_1498d_254`};export{message_editor_module_default as t};
+import '../styles/message-editor2.css';var message_editor_module_default={messageEditorWrapper:`_messageEditorWrapper_1v8rm_29`,editActionsColumn:`_editActionsColumn_1v8rm_34`,editActionsRow:`_editActionsRow_1v8rm_41`,characterLimitCounter:`_characterLimitCounter_1v8rm_47`,messageEditor:`_messageEditor_1v8rm_29`,editorEditMode:`_editorEditMode_1v8rm_65`,editorFirstAnnotation:`_editorFirstAnnotation_1v8rm_72`,editorError:`_editorError_1v8rm_72`,editorViewport:`_editorViewport_1v8rm_80`,editorContainer:`_editorContainer_1v8rm_86`,editor:`_editor_1v8rm_65`,editorFade:`_editorFade_1v8rm_146`,editorFadeHidden:`_editorFadeHidden_1v8rm_157`,editorFullWidth:`_editorFullWidth_1v8rm_160`,actionsWrapper:`_actionsWrapper_1v8rm_164`,actionsWrapperInner:`_actionsWrapperInner_1v8rm_174`,timestampToggle:`_timestampToggle_1v8rm_181`,errorMessage:`_errorMessage_1v8rm_184`,errorText:`_errorText_1v8rm_193`,editorHasScroll:`_editorHasScroll_1v8rm_202`,editorCharacterLimitExceeded:`_editorCharacterLimitExceeded_1v8rm_213`,characterLimitExceeded:`_characterLimitExceeded_1v8rm_235`,scrolledToBottom:`_scrolledToBottom_1v8rm_238`,anchorElement:`_anchorElement_1v8rm_242`,withTimestampToggle:`_withTimestampToggle_1v8rm_251`};export{message_editor_module_default as t};

package/dist/chunks/resolved-state.js

@@ -1 +1 @@
-import messages from"../esm/lib/components/v2/resolved-state/messages.js";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{ReadableTime}from"@box/readable-time";import{jsx,jsxs}from"react/jsx-runtime";import{bpGreenLight125}from"@box/blueprint-web-assets/tokens/tokens";import{CheckmarkCircle}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/resolved-state.css';var resolved_state_module_default={resolvedState:`_resolvedState_1ts95_29`,leftContainer:`_leftContainer_1ts95_37`,rightContainer:`_rightContainer_1ts95_41`,statusLine:`_statusLine_1ts95_47`,authorName:`_authorName_1ts95_55`,statusText:`_statusText_1ts95_62`},ResolvedState=({authorName,createdAt})=>{let intl=useIntl();return jsxs(`div`,{"aria-label":intl.formatMessage(messages.resolvedStateAriaLabel),className:resolved_state_module_default.resolvedState,children:[jsx(`div`,{className:resolved_state_module_default.leftContainer,children:jsx(CheckmarkCircle,{color:bpGreenLight125,height:24,width:24})}),jsxs(`div`,{className:resolved_state_module_default.rightContainer,children:[jsxs(`div`,{className:resolved_state_module_default.statusLine,children:[jsx(Text,{as:`span`,className:resolved_state_module_default.authorName,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:authorName}),jsx(Text,{as:`span`,className:resolved_state_module_default.statusText,color:`textOnLightDefault`,variant:`bodyDefault`,children:intl.formatMessage(messages.markedAsResolved)})]}),jsx(ReadableTime,{textProps:{as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`},timestamp:createdAt})]})]})};export{ResolvedState as t};
+import messages from"../esm/lib/components/v2/resolved-state/messages.js";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{ReadableTime}from"@box/readable-time";import{jsx,jsxs}from"react/jsx-runtime";import{bpGreenLight125,bpSize060}from"@box/blueprint-web-assets/tokens/tokens";import{CheckmarkCircle}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/resolved-state.css';var resolved_state_module_default={resolvedState:`_resolvedState_1ts95_29`,leftContainer:`_leftContainer_1ts95_37`,rightContainer:`_rightContainer_1ts95_41`,statusLine:`_statusLine_1ts95_47`,authorName:`_authorName_1ts95_55`,statusText:`_statusText_1ts95_62`},ResolvedState=({authorName,createdAt})=>{let intl=useIntl();return jsxs(`div`,{"aria-label":intl.formatMessage(messages.resolvedStateAriaLabel),className:resolved_state_module_default.resolvedState,children:[jsx(`div`,{className:resolved_state_module_default.leftContainer,children:jsx(CheckmarkCircle,{color:bpGreenLight125,height:bpSize060,width:bpSize060})}),jsxs(`div`,{className:resolved_state_module_default.rightContainer,children:[jsxs(`div`,{className:resolved_state_module_default.statusLine,children:[jsx(Text,{as:`span`,className:resolved_state_module_default.authorName,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:authorName}),jsx(Text,{as:`span`,className:resolved_state_module_default.statusText,color:`textOnLightDefault`,variant:`bodyDefault`,children:intl.formatMessage(messages.markedAsResolved)})]}),jsx(ReadableTime,{textProps:{as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`},timestamp:createdAt})]})]})};export{ResolvedState as t};

package/dist/chunks/timestamp-toggle.js

@@ -1 +1 @@
-import messages from"../esm/lib/components/v2/message-editor/messages.js";import{Checkbox,Text}from"@box/blueprint-web";import clsx from"clsx";import{useCallback}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Play}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/timestamp-toggle.css';var timestamp_toggle_module_default={timestampToggle:`_timestampToggle_11uz9_1`,timestampToggleDisabled:`_timestampToggleDisabled_11uz9_8`,label:`_label_11uz9_20`},TimestampToggle=({className,disabled,formattedTimestamp,isPressed,onChange})=>{let intl=useIntl(),handleCheckedChange=useCallback(nextChecked=>{onChange(nextChecked===!0)},[onChange]),label=jsxs(Text,{as:`span`,className:timestamp_toggle_module_default.label,color:`textOnLightSecondary`,variant:`bodyDefaultSemibold`,children:[jsx(Play,{color:`currentColor`,height:16,width:16}),formattedTimestamp]});return jsx(Checkbox.Item,{"aria-label":intl.formatMessage(messages.timestampToggleLabel),checked:isPressed,className:clsx(timestamp_toggle_module_default.timestampToggle,{[timestamp_toggle_module_default.timestampToggleDisabled]:disabled},className),disabled,label,onCheckedChange:handleCheckedChange,value:`video-timestamp`})};export{TimestampToggle as t};
+import messages from"../esm/lib/components/v2/message-editor/messages.js";import{Checkbox,Text}from"@box/blueprint-web";import clsx from"clsx";import{useCallback}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{bpSize040}from"@box/blueprint-web-assets/tokens/tokens";import{Play}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/timestamp-toggle.css';var timestamp_toggle_module_default={timestampToggle:`_timestampToggle_11uz9_1`,timestampToggleDisabled:`_timestampToggleDisabled_11uz9_8`,label:`_label_11uz9_20`},TimestampToggle=({className,disabled,formattedTimestamp,isPressed,onChange})=>{let{formatMessage}=useIntl(),handleCheckedChange=useCallback(nextChecked=>{onChange(nextChecked===!0)},[onChange]),label=jsxs(Text,{as:`span`,className:timestamp_toggle_module_default.label,color:`textOnLightSecondary`,variant:`bodyDefaultSemibold`,children:[jsx(Play,{color:`currentColor`,height:bpSize040,width:bpSize040}),formattedTimestamp]});return jsx(Checkbox.Item,{"aria-label":formatMessage(messages.timestampToggleLabel),checked:isPressed,className:clsx(timestamp_toggle_module_default.timestampToggle,{[timestamp_toggle_module_default.timestampToggleDisabled]:disabled},className),disabled,label,onCheckedChange:handleCheckedChange,value:`video-timestamp`})};export{TimestampToggle as t};

package/dist/esm/lib/components/message-editor/error-message.js

@@ -1 +1 @@
-import{t as message_editor_module_default}from"../../../../chunks/message-editor.module.js";import{Text}from"@box/blueprint-web";import{AlertBadge}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";var ErrorMessage=({errorMessage})=>jsxs(`div`,{className:message_editor_module_default.errorMessage,children:[jsx(AlertBadge,{color:`var(--icon-icon-destructive-on-light)`,height:16,width:16}),jsx(Text,{as:`span`,className:message_editor_module_default.errorText,children:errorMessage})]});export{ErrorMessage};
+import{t as message_editor_module_default}from"../../../../chunks/message-editor.module.js";import{Text}from"@box/blueprint-web";import{AlertBadge}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import{bpSize040}from"@box/blueprint-web-assets/tokens/tokens";var ErrorMessage=({errorMessage})=>jsxs(`div`,{className:message_editor_module_default.errorMessage,children:[jsx(AlertBadge,{color:`var(--icon-icon-destructive-on-light)`,height:bpSize040,width:bpSize040}),jsx(Text,{as:`span`,className:message_editor_module_default.errorText,children:errorMessage})]});export{ErrorMessage};

package/dist/esm/lib/components/v2/message-editor/subcomponents/character-limit-counter.js

@@ -1 +1 @@
-import messages from"../messages.js";import{t as message_editor_module_default}from"../../../../../../chunks/message-editor2.module.js";import{Focusable,Text,Tooltip,VisuallyHidden}from"@box/blueprint-web";import clsx from"clsx";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var CharacterLimitCounter=({count,excess,maxCount})=>{let{formatMessage}=useIntl(),tooltipText=formatMessage(messages.characterLimitExceeded,{excess});return jsxs(Fragment,{children:[jsx(VisuallyHidden,{role:`alert`,children:tooltipText}),jsx(Tooltip,{content:tooltipText,children:jsx(Focusable,{children:jsx(Text,{as:`span`,className:clsx(message_editor_module_default.characterLimitCounter,message_editor_module_default.characterLimitCounterExceeded),color:`textOnLightError`,variant:`bodyDefault`,children:formatMessage(messages.characterCount,{count,maxCount})})})})]})};export{CharacterLimitCounter};
+import messages from"../messages.js";import{t as message_editor_module_default}from"../../../../../../chunks/message-editor2.module.js";import{Focusable,Text,Tooltip,VisuallyHidden}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var CharacterLimitCounter=({count,excess,maxCount})=>{let{formatMessage}=useIntl(),tooltipText=formatMessage(messages.characterLimitExceeded,{excess});return jsxs(Fragment,{children:[jsx(VisuallyHidden,{role:`alert`,children:tooltipText}),jsx(Tooltip,{content:tooltipText,children:jsx(Focusable,{children:jsx(Text,{as:`span`,className:message_editor_module_default.characterLimitCounter,color:`textOnLightError`,variant:`bodyDefaultBold`,children:formatMessage(messages.characterCount,{count,maxCount})})})})]})};export{CharacterLimitCounter};

package/dist/esm/lib/components/v2/message-editor/subcomponents/error-message.js

@@ -1 +1 @@
-import{t as message_editor_module_default}from"../../../../../../chunks/message-editor2.module.js";import{Focusable,Text,Tooltip}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import{bpIconIconDestructiveOnLight}from"@box/blueprint-web-assets/tokens/tokens";var ErrorMessage=({errorMessage})=>jsx(Tooltip,{content:errorMessage,children:jsx(Focusable,{children:jsxs(`div`,{className:message_editor_module_default.errorMessage,children:[jsx(AlertCircle,{color:bpIconIconDestructiveOnLight,height:20,width:20}),jsx(Text,{as:`span`,className:message_editor_module_default.errorText,variant:`bodyDefault`,children:errorMessage})]})})});export{ErrorMessage};
+import{t as message_editor_module_default}from"../../../../../../chunks/message-editor2.module.js";import{Focusable,Text,Tooltip}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import{bpIconIconDestructiveOnLight,bpSize050}from"@box/blueprint-web-assets/tokens/tokens";var ErrorMessage=({errorMessage})=>jsx(Tooltip,{content:errorMessage,children:jsx(Focusable,{children:jsxs(`div`,{className:message_editor_module_default.errorMessage,children:[jsx(AlertCircle,{color:bpIconIconDestructiveOnLight,height:bpSize050,width:bpSize050}),jsx(Text,{as:`span`,className:message_editor_module_default.errorText,variant:`bodyDefault`,children:errorMessage})]})})});export{ErrorMessage};

package/dist/styles/message-editor2.css

@@ -1 +1 @@
-._messageEditorWrapper_1498d_29{cursor:auto;width:100%}._editActionsColumn_1498d_34{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1498d_41{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1498d_47{white-space:nowrap}._characterLimitCounter_1498d_47._characterLimitCounterExceeded_1498d_50{font-weight:var(--font-weights-bold)}._messageEditor_1498d_29{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_1498d_29._editorEditMode_1498d_68{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1498d_29:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1498d_29._editorFirstAnnotation_1498d_75:not(._editorError_1498d_75):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1498d_29._editorError_1498d_75{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1498d_29 ._editorViewport_1498d_83{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89{scrollbar-width:initial}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68{outline:none;width:100%}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68 [data-placeholder]:first-child:before{font-weight:var(--bp-font-weight-regular);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)}:where(body.is-inter-font) ._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68 [data-placeholder]:first-child:before{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68 [data-placeholder]:first-child:before{color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorFade_1498d_149{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorFade_1498d_149._editorFadeHidden_1498d_160{opacity:0}._messageEditor_1498d_29 ._editorFullWidth_1498d_163{width:100%;min-width:100%}._messageEditor_1498d_29 ._actionsWrapper_1498d_167{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_1498d_29 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1498d_29 ._timestampToggle_1498d_184{margin-right:auto}._messageEditor_1498d_29 ._errorMessage_1498d_187{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1498d_29 ._errorMessage_1498d_187>:first-child{flex-shrink:0}._messageEditor_1498d_29 ._errorMessage_1498d_187 ._errorText_1498d_196{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_1498d_205{gap:unset;padding-bottom:0}._editorHasScroll_1498d_205 ._editorViewport_1498d_83 ._editorContainer_1498d_89{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1498d_205 ._editorViewport_1498d_83 ._editorFade_1498d_149{display:none}._editorHasScroll_1498d_205._editorCharacterLimitExceeded_1498d_216 ._editorViewport_1498d_83 ._editorContainer_1498d_89{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177>*{pointer-events:auto}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177._characterLimitExceeded_1498d_238{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177._scrolledToBottom_1498d_241{background:0 0}._anchorElement_1498d_245{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_1498d_29 ._actionsWrapper_1498d_167._withTimestampToggle_1498d_254,._messageEditor_1498d_29 ._actionsWrapper_1498d_167._withTimestampToggle_1498d_254 ._actionsWrapperInner_1498d_177{width:100%}
+._messageEditorWrapper_1v8rm_29{cursor:auto;width:100%}._editActionsColumn_1v8rm_34{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1v8rm_41{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1v8rm_47{white-space:nowrap}._messageEditor_1v8rm_29{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_1v8rm_29._editorEditMode_1v8rm_65{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1v8rm_29:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1v8rm_29._editorFirstAnnotation_1v8rm_72:not(._editorError_1v8rm_72):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1v8rm_29._editorError_1v8rm_72{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{scrollbar-width:initial}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65{outline:none;width:100%}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65 [data-placeholder]:first-child:before{font-weight:var(--bp-font-weight-regular);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)}:where(body.is-inter-font) ._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65 [data-placeholder]:first-child:before{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65 [data-placeholder]:first-child:before{color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorFade_1v8rm_146{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorFade_1v8rm_146._editorFadeHidden_1v8rm_157{opacity:0}._messageEditor_1v8rm_29 ._editorFullWidth_1v8rm_160{width:100%;min-width:100%}._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1v8rm_29 ._timestampToggle_1v8rm_181{margin-right:auto}._messageEditor_1v8rm_29 ._errorMessage_1v8rm_184{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1v8rm_29 ._errorMessage_1v8rm_184>:first-child{flex-shrink:0}._messageEditor_1v8rm_29 ._errorMessage_1v8rm_184 ._errorText_1v8rm_193{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_1v8rm_202{gap:unset;padding-bottom:0}._editorHasScroll_1v8rm_202 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1v8rm_202 ._editorViewport_1v8rm_80 ._editorFade_1v8rm_146{display:none}._editorHasScroll_1v8rm_202._editorCharacterLimitExceeded_1v8rm_213 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174>*{pointer-events:auto}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174._characterLimitExceeded_1v8rm_235{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174._scrolledToBottom_1v8rm_238{background:0 0}._anchorElement_1v8rm_242{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164._withTimestampToggle_1v8rm_251,._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164._withTimestampToggle_1v8rm_251 ._actionsWrapperInner_1v8rm_174{width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "4.1.10",
+    "version": "4.1.12",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@floating-ui/dom": "^1.6.0",
@@ -17,23 +17,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^16.13.1",
-        "@box/blueprint-web-assets": "^5.5.10",
-        "@box/collaboration-popover": "^2.1.35",
-        "@box/readable-time": "^2.1.35",
-        "@box/user-selector": "^2.1.38",
+        "@box/blueprint-web": "^16.13.2",
+        "@box/blueprint-web-assets": "^5.5.11",
+        "@box/collaboration-popover": "^2.1.36",
+        "@box/readable-time": "^2.1.36",
+        "@box/user-selector": "^2.1.39",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.13.1",
-        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/blueprint-web": "^16.13.2",
+        "@box/blueprint-web-assets": "^5.5.11",
         "@box/eslint-plugin-blueprint": "2.1.11",
-        "@box/readable-time": "^2.1.35",
-        "@box/storybook-utils": "^1.1.34",
-        "@box/user-selector": "^2.1.38",
+        "@box/readable-time": "^2.1.36",
+        "@box/storybook-utils": "^1.1.35",
+        "@box/user-selector": "^2.1.39",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },