@procore/core-react 12.47.1 → 12.48.0

package/dist/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["mergeProps","VisuallyHidden","React","useState","Tooltip","useI18nContext","addSubcomponents","mergeRefs","useThumbnail","StyledFileIcon","StyledImageThumbnail","StyledImageThumbnailImage","StyledImageThumbnailOverlay","StyledLabel","StyledLabelText","StyledPlaceholderThumbnail","StyledThumbnailFigCaption","StyledThumbnailWrapper","StyledTickIcon","getThumbnailAriaLabel","getThumbnailVariantForFilename","ThumbnailCaption","ThumbnailPreview","defaultSize","TickIcon","_ref","_ref$size","size","selected","i18n","createElement","t","undefined","focusable","$selected","$size","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","ThumbnailCaptionTooltip","_ref4","caption","captionOverflowing","children","overlay","Content","placement","trigger","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","_useState","_useState2","_slicedToArray","setCaptionOverflowing","hasCaptionPlaceholder","_disabled","wrapperProps","_objectWithoutProperties","_excluded","ariaLabel","_extends","$layout","layout","tabIndex","role","$focused","focused","$disabled","$clickable","clickable","toggleState","isSelected","variant","filename","error","qa","multiline","onCaptionOverflowChange","defaultValue","FigurePlaceholder","_props$filename2","_thumbnail$qa2","_useState3","_useState4","_role","_excluded2","as","CheckboxPlaceholder","_ref5","_props$filename3","_thumbnail$qa3","name","onChange","_qa","value","props_","_excluded3","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","_useState5","_useState6","src","_excluded4","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","ariaHidden","type","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","_useState7","_useState8","_excluded5","isImageURL","shouldUsePlaceholder","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","_useState9","_useState0","CheckboxThumbnail","_ref6","_thumbnail$filename3","_thumbnail$qa6","_excluded6","_useState1","_useState10","_excluded7","_thumbnail$onClick2","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React, { useState } from 'react'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport {\n  getThumbnailAriaLabel,\n  getThumbnailVariantForFilename,\n} from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      $selected={selected}\n      $size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  )\n}\n\nfunction Label({ label }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  )\n}\n\nfunction ThumbnailCaptionTooltip({\n  caption,\n  captionOverflowing,\n  children,\n}: {\n  caption: string | undefined\n  captionOverflowing: boolean\n  children: React.ReactNode\n}) {\n  return (\n    <Tooltip\n      overlay={<Tooltip.Content>{caption}</Tooltip.Content>}\n      placement=\"bottom\"\n      trigger={captionOverflowing && caption ? ['hover', 'focus'] : 'none'}\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const i18n = useI18nContext()\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    hasCaptionPlaceholder,\n    caption,\n    label,\n    disabled: _disabled,\n    ...wrapperProps\n  } = props\n  const ariaLabel = getThumbnailAriaLabel(\n    i18n,\n    thumbnail.label,\n    thumbnail.caption\n  )\n\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        ref={ref}\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...wrapperProps}\n      >\n        <StyledPlaceholderThumbnail\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          <StyledFileIcon\n            variant={\n              props.variant ||\n              getThumbnailVariantForFilename(props.filename ?? '')\n            }\n          />\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledPlaceholderThumbnail>\n        <ThumbnailCaption\n          error={thumbnail.error}\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\n        )}\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    hasCaptionPlaceholder,\n    caption,\n    label,\n    disabled: _disabled,\n    role: _role,\n    ...wrapperProps\n  } = props\n  const i18n = useI18nContext()\n  const ariaLabel = getThumbnailAriaLabel(\n    i18n,\n    thumbnail.label,\n    thumbnail.caption\n  )\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        ref={ref}\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...wrapperProps}\n      >\n        <StyledPlaceholderThumbnail\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          <StyledFileIcon\n            variant={\n              props.variant ||\n              getThumbnailVariantForFilename(props.filename ?? '')\n            }\n          />\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledPlaceholderThumbnail>\n        <ThumbnailCaption\n          error={thumbnail.error}\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\n        )}\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, qa: _qa, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const { caption, hasCaptionPlaceholder, src, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const i18n = useI18nContext()\n  const ariaLabel =\n    getThumbnailAriaLabel(i18n, thumbnail.label, thumbnail.caption) ||\n    i18n.t('core.thumbnail.select')\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        {...wrapperProps}\n        onClick={(e: React.MouseEvent) => {\n          if (!thumbnail.disabled) {\n            thumbnail.toggleState.toggle()\n            thumbnail.onClick?.(e)\n          }\n        }}\n      >\n        <StyledPlaceholderThumbnail\n          aria-hidden\n          $focused={thumbnail.focused || isInputFocused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          <StyledFileIcon\n            variant={\n              props.variant ||\n              getThumbnailVariantForFilename(props.filename ?? '')\n            }\n          />\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledPlaceholderThumbnail>\n        <ThumbnailCaption\n          ariaHidden\n          error={thumbnail.error}\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        <VisuallyHidden>\n          <input\n            type=\"checkbox\"\n            ref={mergeRefs(thumbnail.inputRef, ref)}\n            aria-label={ariaLabel}\n            {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n            disabled={thumbnail.disabled}\n            onKeyDown={preventSpaceOnDisabledThumbnail}\n          />\n        </VisuallyHidden>\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const i18n = useI18nContext()\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    hasCaptionPlaceholder,\n    disabled: _disabled,\n    role: _role,\n    ...wrapperProps\n  } = props\n  const ariaLabel = getThumbnailAriaLabel(\n    i18n,\n    thumbnail.label,\n    thumbnail.caption\n  )\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        ref={ref}\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...wrapperProps}\n      >\n        <StyledImageThumbnail\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\n        )}\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const i18n = useI18nContext()\n    const thumbnail = useThumbnail(props)\n    const [captionOverflowing, setCaptionOverflowing] = useState(false)\n    const ariaLabel = getThumbnailAriaLabel(\n      i18n,\n      thumbnail.label,\n      thumbnail.caption\n    )\n\n    return (\n      <ThumbnailCaptionTooltip\n        caption={thumbnail.caption}\n        captionOverflowing={captionOverflowing}\n      >\n        <StyledThumbnailWrapper\n          $layout={thumbnail.layout}\n          $size={thumbnail.size}\n          tabIndex={0}\n          role=\"group\"\n          aria-label={ariaLabel}\n        >\n          <StyledImageThumbnail\n            ref={ref}\n            $focused={thumbnail.focused}\n            $disabled={thumbnail.disabled}\n            $selected={thumbnail.selected}\n            $clickable={thumbnail.clickable}\n            $size={thumbnail.size}\n            as={thumbnail.as}\n          >\n            {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n              <StyledImageThumbnailImage\n                src={thumbnail.src as string}\n                alt={thumbnail.alt}\n              />\n            ) : (\n              <ThumbnailPreview\n                file={thumbnail.src as File}\n                aria-label={thumbnail.alt}\n              />\n            )}\n            <TickIcon\n              size={thumbnail.size}\n              selected={thumbnail.toggleState.isSelected}\n            />\n            {thumbnail.shouldUsePlaceholder && (\n              <StyledFileIcon\n                variant={\n                  thumbnail.variant ||\n                  getThumbnailVariantForFilename(thumbnail.filename ?? '')\n                }\n              />\n            )}\n            {thumbnail.size === 'lg' && (\n              <FigCaption\n                label={thumbnail.label}\n                disabled={thumbnail.disabled}\n              />\n            )}\n            <StyledImageThumbnailOverlay />\n          </StyledImageThumbnail>\n          <ThumbnailCaption\n            qa={thumbnail.qa?.caption}\n            multiline={thumbnail.size === 'lg'}\n            layout={thumbnail.layout}\n            caption={thumbnail.caption}\n            hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n            disabled={thumbnail.disabled}\n            error={thumbnail.error}\n            onCaptionOverflowChange={setCaptionOverflowing}\n          />\n          {thumbnail.disabled && !thumbnail.clickable && (\n            <VisuallyHidden>\n              {i18n.t('core.thumbnail.unavailable', {\n                defaultValue: 'Content is unavailable',\n              })}\n            </VisuallyHidden>\n          )}\n        </StyledThumbnailWrapper>\n      </ThumbnailCaptionTooltip>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, qa: _qa, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    caption,\n    hasCaptionPlaceholder,\n    src,\n    disabled: _disabled,\n    ...wrapperProps\n  } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        {...wrapperProps}\n        onClick={(e: React.MouseEvent) => {\n          if (!thumbnail.disabled) {\n            thumbnail.toggleState.toggle()\n            thumbnail.onClick?.(e)\n          }\n        }}\n      >\n        <StyledImageThumbnail\n          aria-hidden\n          $focused={thumbnail.focused || isInputFocused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          ariaHidden\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={props.error}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        <VisuallyHidden>\n          <input\n            ref={mergeRefs(thumbnail.inputRef, ref)}\n            type={'checkbox'}\n            {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n            disabled={thumbnail.disabled}\n            onKeyDown={preventSpaceOnDisabledThumbnail}\n          />\n        </VisuallyHidden>\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}
+{"version":3,"file":"Thumbnail.js","names":["mergeProps","VisuallyHidden","React","useState","Tooltip","useI18nContext","addSubcomponents","mergeRefs","useThumbnail","StyledFileIcon","StyledImageThumbnail","StyledImageThumbnailImage","StyledImageThumbnailOverlay","StyledLabel","StyledLabelText","StyledPlaceholderThumbnail","StyledThumbnailFigCaption","StyledThumbnailWrapper","StyledTickIcon","getThumbnailAriaLabel","getThumbnailVariantForFilename","ThumbnailCaption","ThumbnailPreview","defaultSize","TickIcon","_ref","_ref$size","size","selected","i18n","createElement","t","undefined","focusable","$selected","$size","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","ThumbnailCaptionTooltip","_ref4","caption","captionOverflowing","children","overlay","Content","placement","trigger","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","_useState","_useState2","_slicedToArray","setCaptionOverflowing","hasCaptionPlaceholder","_disabled","wrapperProps","_objectWithoutProperties","_excluded","ariaLabel","_extends","$layout","layout","tabIndex","role","errorAriaDescription","$focused","focused","$disabled","$clickable","clickable","toggleState","isSelected","variant","filename","error","qa","multiline","onCaptionOverflowChange","defaultValue","FigurePlaceholder","_props$filename2","_thumbnail$qa2","_useState3","_useState4","_role","_excluded2","as","CheckboxPlaceholder","_ref5","_props$filename3","_thumbnail$qa3","name","onChange","_qa","value","props_","_excluded3","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","_useState5","_useState6","src","_excluded4","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","ariaHidden","type","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","_useState7","_useState8","_excluded5","isImageURL","shouldUsePlaceholder","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","_useState9","_useState0","CheckboxThumbnail","_ref6","_thumbnail$filename3","_thumbnail$qa6","_excluded6","_useState1","_useState10","_excluded7","_thumbnail$onClick2","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React, { useState } from 'react'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport {\n  getThumbnailAriaLabel,\n  getThumbnailVariantForFilename,\n} from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      $selected={selected}\n      $size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  )\n}\n\nfunction Label({ label }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  )\n}\n\nfunction ThumbnailCaptionTooltip({\n  caption,\n  captionOverflowing,\n  children,\n}: {\n  caption: string | undefined\n  captionOverflowing: boolean\n  children: React.ReactNode\n}) {\n  return (\n    <Tooltip\n      overlay={<Tooltip.Content>{caption}</Tooltip.Content>}\n      placement=\"bottom\"\n      trigger={captionOverflowing && caption ? ['hover', 'focus'] : 'none'}\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const i18n = useI18nContext()\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    hasCaptionPlaceholder,\n    caption,\n    label,\n    disabled: _disabled,\n    ...wrapperProps\n  } = props\n  const ariaLabel = getThumbnailAriaLabel(\n    i18n,\n    thumbnail.label,\n    thumbnail.caption\n  )\n\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        ref={ref}\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-description={thumbnail.errorAriaDescription}\n        {...wrapperProps}\n      >\n        <StyledPlaceholderThumbnail\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          <StyledFileIcon\n            variant={\n              props.variant ||\n              getThumbnailVariantForFilename(props.filename ?? '')\n            }\n          />\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledPlaceholderThumbnail>\n        <ThumbnailCaption\n          error={thumbnail.error}\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\n        )}\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    hasCaptionPlaceholder,\n    caption,\n    label,\n    disabled: _disabled,\n    role: _role,\n    ...wrapperProps\n  } = props\n  const i18n = useI18nContext()\n  const ariaLabel = getThumbnailAriaLabel(\n    i18n,\n    thumbnail.label,\n    thumbnail.caption\n  )\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        ref={ref}\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-description={thumbnail.errorAriaDescription}\n        {...wrapperProps}\n      >\n        <StyledPlaceholderThumbnail\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          <StyledFileIcon\n            variant={\n              props.variant ||\n              getThumbnailVariantForFilename(props.filename ?? '')\n            }\n          />\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledPlaceholderThumbnail>\n        <ThumbnailCaption\n          error={thumbnail.error}\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\n        )}\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, qa: _qa, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const { caption, hasCaptionPlaceholder, src, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const i18n = useI18nContext()\n  const ariaLabel =\n    getThumbnailAriaLabel(i18n, thumbnail.label, thumbnail.caption) ||\n    i18n.t('core.thumbnail.select')\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        {...wrapperProps}\n        onClick={(e: React.MouseEvent) => {\n          if (!thumbnail.disabled) {\n            thumbnail.toggleState.toggle()\n            thumbnail.onClick?.(e)\n          }\n        }}\n      >\n        <StyledPlaceholderThumbnail\n          aria-hidden\n          $focused={thumbnail.focused || isInputFocused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          <StyledFileIcon\n            variant={\n              props.variant ||\n              getThumbnailVariantForFilename(props.filename ?? '')\n            }\n          />\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledPlaceholderThumbnail>\n        <ThumbnailCaption\n          ariaHidden\n          error={thumbnail.error}\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        <VisuallyHidden>\n          <input\n            type=\"checkbox\"\n            ref={mergeRefs(thumbnail.inputRef, ref)}\n            aria-label={ariaLabel}\n            {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n            disabled={thumbnail.disabled}\n            onKeyDown={preventSpaceOnDisabledThumbnail}\n          />\n        </VisuallyHidden>\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const i18n = useI18nContext()\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    hasCaptionPlaceholder,\n    disabled: _disabled,\n    role: _role,\n    ...wrapperProps\n  } = props\n  const ariaLabel = getThumbnailAriaLabel(\n    i18n,\n    thumbnail.label,\n    thumbnail.caption\n  )\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        ref={ref}\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-description={thumbnail.errorAriaDescription}\n        {...wrapperProps}\n      >\n        <StyledImageThumbnail\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\n        )}\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const i18n = useI18nContext()\n    const thumbnail = useThumbnail(props)\n    const [captionOverflowing, setCaptionOverflowing] = useState(false)\n    const ariaLabel = getThumbnailAriaLabel(\n      i18n,\n      thumbnail.label,\n      thumbnail.caption\n    )\n\n    return (\n      <ThumbnailCaptionTooltip\n        caption={thumbnail.caption}\n        captionOverflowing={captionOverflowing}\n      >\n        <StyledThumbnailWrapper\n          $layout={thumbnail.layout}\n          $size={thumbnail.size}\n          tabIndex={0}\n          role=\"group\"\n          aria-label={ariaLabel}\n          aria-description={thumbnail.errorAriaDescription}\n        >\n          <StyledImageThumbnail\n            ref={ref}\n            $focused={thumbnail.focused}\n            $disabled={thumbnail.disabled}\n            $selected={thumbnail.selected}\n            $clickable={thumbnail.clickable}\n            $size={thumbnail.size}\n            as={thumbnail.as}\n          >\n            {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n              <StyledImageThumbnailImage\n                src={thumbnail.src as string}\n                alt={thumbnail.alt}\n              />\n            ) : (\n              <ThumbnailPreview\n                file={thumbnail.src as File}\n                aria-label={thumbnail.alt}\n              />\n            )}\n            <TickIcon\n              size={thumbnail.size}\n              selected={thumbnail.toggleState.isSelected}\n            />\n            {thumbnail.shouldUsePlaceholder && (\n              <StyledFileIcon\n                variant={\n                  thumbnail.variant ||\n                  getThumbnailVariantForFilename(thumbnail.filename ?? '')\n                }\n              />\n            )}\n            {thumbnail.size === 'lg' && (\n              <FigCaption\n                label={thumbnail.label}\n                disabled={thumbnail.disabled}\n              />\n            )}\n            <StyledImageThumbnailOverlay />\n          </StyledImageThumbnail>\n          <ThumbnailCaption\n            qa={thumbnail.qa?.caption}\n            multiline={thumbnail.size === 'lg'}\n            layout={thumbnail.layout}\n            caption={thumbnail.caption}\n            hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n            disabled={thumbnail.disabled}\n            error={thumbnail.error}\n            onCaptionOverflowChange={setCaptionOverflowing}\n          />\n          {thumbnail.disabled && !thumbnail.clickable && (\n            <VisuallyHidden>\n              {i18n.t('core.thumbnail.unavailable', {\n                defaultValue: 'Content is unavailable',\n              })}\n            </VisuallyHidden>\n          )}\n        </StyledThumbnailWrapper>\n      </ThumbnailCaptionTooltip>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, qa: _qa, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const [captionOverflowing, setCaptionOverflowing] = useState(false)\n  const {\n    caption,\n    hasCaptionPlaceholder,\n    src,\n    disabled: _disabled,\n    ...wrapperProps\n  } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <ThumbnailCaptionTooltip\n      caption={thumbnail.caption}\n      captionOverflowing={captionOverflowing}\n    >\n      <StyledThumbnailWrapper\n        $layout={thumbnail.layout}\n        $size={thumbnail.size}\n        {...wrapperProps}\n        onClick={(e: React.MouseEvent) => {\n          if (!thumbnail.disabled) {\n            thumbnail.toggleState.toggle()\n            thumbnail.onClick?.(e)\n          }\n        }}\n      >\n        <StyledImageThumbnail\n          aria-hidden\n          $focused={thumbnail.focused || isInputFocused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          ariaHidden\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={props.error}\n          onCaptionOverflowChange={setCaptionOverflowing}\n        />\n        <VisuallyHidden>\n          <input\n            ref={mergeRefs(thumbnail.inputRef, ref)}\n            type={'checkbox'}\n            {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n            disabled={thumbnail.disabled}\n            onKeyDown={preventSpaceOnDisabledThumbnail}\n          />\n        </VisuallyHidden>\n      </StyledThumbnailWrapper>\n    </ThumbnailCaptionTooltip>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}

package/dist/Thumbnail/Thumbnail.styles.d.ts

@@ -2,11 +2,13 @@
 import type { TypographyProps } from '../Typography';
 import type { LayoutVariant, SizeVariant } from './Thumbnail.types';
 import { DocumentIcon } from './ThumbnailDocumentIcon';
-interface CaptionProps {
+interface CaptionTextProps {
     $layout: LayoutVariant;
-    $error: boolean;
     $disabled: boolean;
 }
+declare type CaptionErrorLayoutProps = CaptionTextProps & {
+    $error?: boolean;
+};
 interface StyledThumbnailProps {
     $focused: boolean;
     $disabled: boolean;
@@ -18,10 +20,16 @@ interface StyledTickIconProps {
     $selected: boolean;
     $size: SizeVariant;
 }
-export declare const StyledMultilineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionProps>> & string;
+export declare const StyledThumbnailCaptionStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $layout: LayoutVariant;
+}>> & string;
+export declare const StyledThumbnailErrorRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledThumbnailErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledThumbnailErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledMultilineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionErrorLayoutProps>> & string;
 export declare const StyledCaptionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledPlaceholderCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionProps>> & string;
-export declare const StyledSingleLineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionProps>> & string;
+export declare const StyledPlaceholderCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionErrorLayoutProps>> & string;
+export declare const StyledSingleLineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionErrorLayoutProps>> & string;
 export declare const StyledSinglelineCaptionBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledSinglelineCaptionEnding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {

package/dist/Thumbnail/Thumbnail.styles.js

@@ -12,50 +12,68 @@ var labelFontSize = 12;
 var tickSize = 24;
 var rowLayoutCaptionWidth = 288;
 var multilineCaptionMaxHeight = spacing.lg * 2;
-var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;letter-spacing:0.4px;font-weight:500;", " ", " ", " ", ""], colors.gray15, function (_ref) {
+var captionStandaloneLayout = /*#__PURE__*/css(["", " ", ""], function (_ref) {
   var $layout = _ref.$layout;
   return $layout === 'row' && css(["align-items:center;margin-left:", "px;width:", "px;"], spacing.sm, rowLayoutCaptionWidth);
 }, function (_ref2) {
   var $layout = _ref2.$layout;
   return $layout === 'column' && css(["margin-top:", "px;width:", "px;"], spacing.xs / 2, thumbnailSizeLg);
-}, function (_ref3) {
+});
+var captionStandaloneLayoutUnlessError = /*#__PURE__*/css(["", ";"], function (_ref3) {
   var $error = _ref3.$error;
-  return $error && css(["color:", ";"], colors.red50);
-}, function (_ref4) {
+  return !$error && captionStandaloneLayout;
+});
+var captionTextStyles = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;letter-spacing:0.4px;font-weight:500;", ""], colors.gray15, function (_ref4) {
   var $disabled = _ref4.$disabled;
   return $disabled && css(["color:", ";"], colors.gray70);
 });
+export var StyledThumbnailCaptionStack = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledThumbnailCaptionStack",
+  componentId: "core-12_48_0__sc-195f70c-0"
+})(["", ";display:flex;flex-direction:column;align-items:stretch;"], captionStandaloneLayout);
+export var StyledThumbnailErrorRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledThumbnailErrorRow",
+  componentId: "core-12_48_0__sc-195f70c-1"
+})(["font-family:inherit;display:flex;align-items:flex-start;gap:", "px;&:not(:first-child){margin-top:", "px;}color:", ";font-size:12px;line-height:16px;letter-spacing:0.25px;font-weight:400;width:100%;min-width:0;"], spacing.xs, spacing.xs, colors.red50);
+export var StyledThumbnailErrorIcon = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledThumbnailErrorIcon",
+  componentId: "core-12_48_0__sc-195f70c-2"
+})(["flex-shrink:0;display:inline-flex;"]);
+export var StyledThumbnailErrorText = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledThumbnailErrorText",
+  componentId: "core-12_48_0__sc-195f70c-3"
+})(["display:flex;flex:1 1 0;min-width:0;max-width:100%;align-items:center;"]);
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_47_1__sc-195f70c-0"
-})(["", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
+  componentId: "core-12_48_0__sc-195f70c-4"
+})(["", ";", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionStandaloneLayoutUnlessError, captionTextStyles, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_47_1__sc-195f70c-1"
+  componentId: "core-12_48_0__sc-195f70c-5"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_47_1__sc-195f70c-2"
-})(["", ""], captionBase);
+  componentId: "core-12_48_0__sc-195f70c-6"
+})(["", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_47_1__sc-195f70c-3"
-})(["display:flex;", ""], captionBase);
+  componentId: "core-12_48_0__sc-195f70c-7"
+})(["display:flex;", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_47_1__sc-195f70c-4"
+  componentId: "core-12_48_0__sc-195f70c-8"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_47_1__sc-195f70c-5"
+  componentId: "core-12_48_0__sc-195f70c-9"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_47_1__sc-195f70c-6"
+  componentId: "core-12_48_0__sc-195f70c-10"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_47_1__sc-195f70c-7"
+  componentId: "core-12_48_0__sc-195f70c-11"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -63,7 +81,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_47_1__sc-195f70c-8"
+  componentId: "core-12_48_0__sc-195f70c-12"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var $clickable = _ref6.$clickable;
@@ -85,7 +103,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_47_1__sc-195f70c-9"
+  componentId: "core-12_48_0__sc-195f70c-13"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -95,28 +113,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_47_1__sc-195f70c-10"
+  componentId: "core-12_48_0__sc-195f70c-14"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_47_1__sc-195f70c-11"
+  componentId: "core-12_48_0__sc-195f70c-15"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_47_1__sc-195f70c-12"
+  componentId: "core-12_48_0__sc-195f70c-16"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_47_1__sc-195f70c-13"
+  componentId: "core-12_48_0__sc-195f70c-17"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_47_1__sc-195f70c-14"
+  componentId: "core-12_48_0__sc-195f70c-18"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -145,7 +163,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_47_1__sc-195f70c-15"
+  componentId: "core-12_48_0__sc-195f70c-19"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -156,7 +174,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_47_1__sc-195f70c-16"
+  componentId: "core-12_48_0__sc-195f70c-20"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/Thumbnail/Thumbnail.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","getTypographyIntent","Typography","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionBase","gray15","_ref","$layout","sm","_ref2","xs","_ref3","$error","red50","_ref4","$disabled","gray70","StyledMultilineCaption","div","withConfig","displayName","componentId","StyledCaptionText","span","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledLabelText","StyledThumbnailFigCaption","figcaption","_ref5","_ref5$$color","$color","bold","white","StyledLabel","thumbnailBase","gray85","md","_ref6","$clickable","_ref7","$selected","StyledTickIcon","_ref8","$focused","_ref9","_ref0","$size","sizeInPx","concat","svg","_ref1","_ref10","StyledFileIcon","StyledImageThumbnailPreview","_ref11","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","StyledThumbnailWrapper","_ref18","_ref19","isRowLayout","StyledPlaceholderThumbnail","_ref20","gray96","_ref21","_ref22","_ref23"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  Typography,\n  typographyWeights,\n} from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { LayoutVariant, SizeVariant } from './Thumbnail.types'\nimport { DocumentIcon } from './ThumbnailDocumentIcon'\n\nconst thumbnailSizeSm = 40\nconst thumbnailSizeLg = 104\nconst labelHeight = 24\nconst labelFontSize = 12\nconst tickSize = 24\nconst rowLayoutCaptionWidth = 288\nconst multilineCaptionMaxHeight = spacing.lg * 2\n\ninterface CaptionProps {\n  $layout: LayoutVariant\n  $error: boolean\n  $disabled: boolean\n}\n\ninterface StyledThumbnailProps {\n  $focused: boolean\n  $disabled: boolean\n  $selected: boolean\n  $clickable: boolean\n  $size: SizeVariant\n}\n\ninterface StyledTickIconProps {\n  $selected: boolean\n  $size: SizeVariant\n}\n\nconst captionBase = css<CaptionProps>`\n  color: ${colors.gray15};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n  ${({ $layout }) =>\n    $layout === 'row' &&\n    css`\n      align-items: center;\n      margin-left: ${spacing.sm}px;\n      width: ${rowLayoutCaptionWidth}px;\n    `}\n\n  ${({ $layout }) =>\n    $layout === 'column' &&\n    css`\n      margin-top: ${spacing.xs / 2}px;\n      width: ${thumbnailSizeLg}px;\n    `}\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      color: ${colors.red50};\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      color: ${colors.gray70};\n    `}\n`\n\nexport const StyledMultilineCaption = styled.div<CaptionProps>`\n  ${captionBase};\n  display: flex;\n  word-wrap: break-word;\n  // for IE11, use word-wrap property\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  // limit height for browsers that do not support line-clamp CSS prop\n  max-height: ${multilineCaptionMaxHeight}px;\n`\n\nexport const StyledCaptionText = styled.span`\n  // fix word wrap issue in IE\n  width: 100%;\n`\n\nexport const StyledPlaceholderCaption = styled.div<CaptionProps>`\n  ${captionBase}\n`\n\nexport const StyledSingleLineCaption = styled.div<CaptionProps>`\n  display: flex;\n  ${captionBase}\n`\n\nexport const StyledSinglelineCaptionBody = styled.span`\n  ${getEllipsis}\n`\n\nexport const StyledSinglelineCaptionEnding = styled.span`\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n`\n\nexport const StyledLabelText = styled(Typography)`\n  ${getEllipsis()}\n`\n\nexport const StyledThumbnailFigCaption = styled.figcaption<{\n  $color?: TypographyProps['color']\n}>`\n  ${getTypographyIntent('small')}\n  ${getEllipsis()}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-weight: ${typographyWeights.bold};\n  text-align: center;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  background-color: ${colors.white};\n`\n\nexport const StyledLabel = styled.div`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  font-size: ${labelFontSize}px;\n  background-color: ${colors.white};\n`\n\nconst thumbnailBase = css<StyledThumbnailProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${colors.gray85};\n  border-radius: ${borderRadius.md}px;\n  margin: 0;\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 1;\n        transform: scale(1);\n      }\n    `}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ $focused }) => $focused && getFocus()}\n\n  ${({ $disabled, $clickable }) =>\n    $disabled &&\n    $clickable &&\n    css`\n      cursor: not-allowed;\n    `}\n\n  ${({ $size }) => {\n    const sizeInPx = `${$size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return css`\n      width: ${sizeInPx};\n      height: ${sizeInPx};\n    `\n  }}\n`\n\nexport const StyledTickIcon = styled.svg<StyledTickIconProps>`\n  position: absolute;\n  top: ${spacing.sm}px;\n  right: ${spacing.sm}px;\n  width: ${tickSize}px;\n  height: ${tickSize}px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      opacity: 1;\n      transform: scale(1);\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      top: 50%;\n      left: 50%;\n      margin-top: ${-tickSize / 2}px;\n      margin-left: ${-tickSize / 2}px;\n    `}\n`\n\nexport const StyledFileIcon = styled(DocumentIcon)`\n  width: 36.5%;\n  height: auto;\n`\n\nexport const StyledImageThumbnailPreview = styled.div<{ $bgImage: string }>`\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ${({ $bgImage }) => css`\n    background-image: url(${$bgImage});\n  `}\n`\n\nexport const StyledImageThumbnailOverlay = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst blackOverlay = `\n  background-color: ${colors.black};\n  opacity: 0.2;\n`\n\nconst whiteOverlay = `\n  background-color: ${colors.white};\n  opacity: 0.5;\n`\n\nexport const StyledImageThumbnailImage = styled.img``\n\nexport const StyledImageThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase};\n  flex-direction: column;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      &,\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${whiteOverlay}\n        }\n      }\n      ${StyledImageThumbnailPreview},\n      ${StyledTickIcon},\n        ${StyledImageThumbnailImage} {\n        filter: saturate(0);\n      }\n      ${StyledFileIcon} {\n        filter: saturate(0);\n        z-index: -1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: ${$selected ? 0 : 1};\n      }\n    `}\n\n  ${({ $selected, $focused }) =>\n    $selected &&\n    $focused &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $selected &&\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 0;\n      }\n    `}\n\n  ${({ $focused, $disabled }) =>\n    $focused &&\n    !$disabled &&\n    css`\n      ${StyledImageThumbnailOverlay} {\n        display: block;\n      }\n    `}\n\n  ${({ $clickable, $disabled }) =>\n    $clickable &&\n    !$disabled &&\n    css`\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${blackOverlay}\n        }\n      }\n    `}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  $layout: LayoutVariant\n  $size: SizeVariant\n}>`\n  display: flex;\n  ${({ $size }) =>\n    $size === 'lg'\n      ? `\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n  ${({ $layout }) => {\n    const isRowLayout = $layout === 'row'\n    return isRowLayout\n      ? css`\n          flex-direction: row;\n          align-items: center;\n        `\n      : css`\n          flex-direction: column;\n          align-items: flex-start;\n        `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ $selected, $size }) =>\n    $selected &&\n    $size === 'sm' &&\n    css`\n      ${StyledFileIcon} {\n        display: none;\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${StyledFileIcon},\n      ${StyledTickIcon} {\n        filter: saturate(0);\n        opacity: 0.5;\n      }\n\n      &:hover {\n        background-color: inherit;\n      }\n    `}\n\n  ${({ $disabled, $selected }) =>\n    $disabled &&\n    !$selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 0;\n        transform: scale(0.75);\n      }\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","getTypographyIntent","Typography","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionStandaloneLayout","_ref","$layout","sm","_ref2","xs","captionStandaloneLayoutUnlessError","_ref3","$error","captionTextStyles","gray15","_ref4","$disabled","gray70","StyledThumbnailCaptionStack","div","withConfig","displayName","componentId","StyledThumbnailErrorRow","red50","StyledThumbnailErrorIcon","span","StyledThumbnailErrorText","StyledMultilineCaption","StyledCaptionText","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledLabelText","StyledThumbnailFigCaption","figcaption","_ref5","_ref5$$color","$color","bold","white","StyledLabel","thumbnailBase","gray85","md","_ref6","$clickable","_ref7","$selected","StyledTickIcon","_ref8","$focused","_ref9","_ref0","$size","sizeInPx","concat","svg","_ref1","_ref10","StyledFileIcon","StyledImageThumbnailPreview","_ref11","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","StyledThumbnailWrapper","_ref18","_ref19","isRowLayout","StyledPlaceholderThumbnail","_ref20","gray96","_ref21","_ref22","_ref23"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  Typography,\n  typographyWeights,\n} from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { LayoutVariant, SizeVariant } from './Thumbnail.types'\nimport { DocumentIcon } from './ThumbnailDocumentIcon'\n\nconst thumbnailSizeSm = 40\nconst thumbnailSizeLg = 104\nconst labelHeight = 24\nconst labelFontSize = 12\nconst tickSize = 24\nconst rowLayoutCaptionWidth = 288\nconst multilineCaptionMaxHeight = spacing.lg * 2\n\ninterface CaptionTextProps {\n  $layout: LayoutVariant\n  $disabled: boolean\n}\n\ntype CaptionErrorLayoutProps = CaptionTextProps & { $error?: boolean }\n\nconst captionStandaloneLayout = css<{ $layout: LayoutVariant }>`\n  ${({ $layout }) =>\n    $layout === 'row' &&\n    css`\n      align-items: center;\n      margin-left: ${spacing.sm}px;\n      width: ${rowLayoutCaptionWidth}px;\n    `}\n\n  ${({ $layout }) =>\n    $layout === 'column' &&\n    css`\n      margin-top: ${spacing.xs / 2}px;\n      width: ${thumbnailSizeLg}px;\n    `}\n`\n\nconst captionStandaloneLayoutUnlessError = css<CaptionErrorLayoutProps>`\n  ${({ $error }) => !$error && captionStandaloneLayout};\n`\n\ninterface StyledThumbnailProps {\n  $focused: boolean\n  $disabled: boolean\n  $selected: boolean\n  $clickable: boolean\n  $size: SizeVariant\n}\n\ninterface StyledTickIconProps {\n  $selected: boolean\n  $size: SizeVariant\n}\n\nconst captionTextStyles = css<CaptionTextProps>`\n  color: ${colors.gray15};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      color: ${colors.gray70};\n    `}\n`\n\nexport const StyledThumbnailCaptionStack = styled.div<{\n  $layout: LayoutVariant\n}>`\n  ${captionStandaloneLayout};\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n`\n\nexport const StyledThumbnailErrorRow = styled.div`\n  font-family: inherit;\n  display: flex;\n  align-items: flex-start;\n  gap: ${spacing.xs}px;\n  &:not(:first-child) {\n    margin-top: ${spacing.xs}px;\n  }\n  color: ${colors.red50};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.25px;\n  font-weight: 400;\n  width: 100%;\n  min-width: 0;\n`\n\nexport const StyledThumbnailErrorIcon = styled.span`\n  flex-shrink: 0;\n  display: inline-flex;\n`\n\nexport const StyledThumbnailErrorText = styled.span`\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  max-width: 100%;\n  align-items: center;\n`\n\nexport const StyledMultilineCaption = styled.div<CaptionErrorLayoutProps>`\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles};\n  display: flex;\n  word-wrap: break-word;\n  // for IE11, use word-wrap property\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  // limit height for browsers that do not support line-clamp CSS prop\n  max-height: ${multilineCaptionMaxHeight}px;\n`\n\nexport const StyledCaptionText = styled.span`\n  // fix word wrap issue in IE\n  width: 100%;\n`\n\nexport const StyledPlaceholderCaption = styled.div<CaptionErrorLayoutProps>`\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles}\n`\n\nexport const StyledSingleLineCaption = styled.div<CaptionErrorLayoutProps>`\n  display: flex;\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles}\n`\n\nexport const StyledSinglelineCaptionBody = styled.span`\n  ${getEllipsis}\n`\n\nexport const StyledSinglelineCaptionEnding = styled.span`\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n`\n\nexport const StyledLabelText = styled(Typography)`\n  ${getEllipsis()}\n`\n\nexport const StyledThumbnailFigCaption = styled.figcaption<{\n  $color?: TypographyProps['color']\n}>`\n  ${getTypographyIntent('small')}\n  ${getEllipsis()}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-weight: ${typographyWeights.bold};\n  text-align: center;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  background-color: ${colors.white};\n`\n\nexport const StyledLabel = styled.div`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  font-size: ${labelFontSize}px;\n  background-color: ${colors.white};\n`\n\nconst thumbnailBase = css<StyledThumbnailProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${colors.gray85};\n  border-radius: ${borderRadius.md}px;\n  margin: 0;\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 1;\n        transform: scale(1);\n      }\n    `}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ $focused }) => $focused && getFocus()}\n\n  ${({ $disabled, $clickable }) =>\n    $disabled &&\n    $clickable &&\n    css`\n      cursor: not-allowed;\n    `}\n\n  ${({ $size }) => {\n    const sizeInPx = `${$size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return css`\n      width: ${sizeInPx};\n      height: ${sizeInPx};\n    `\n  }}\n`\n\nexport const StyledTickIcon = styled.svg<StyledTickIconProps>`\n  position: absolute;\n  top: ${spacing.sm}px;\n  right: ${spacing.sm}px;\n  width: ${tickSize}px;\n  height: ${tickSize}px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      opacity: 1;\n      transform: scale(1);\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      top: 50%;\n      left: 50%;\n      margin-top: ${-tickSize / 2}px;\n      margin-left: ${-tickSize / 2}px;\n    `}\n`\n\nexport const StyledFileIcon = styled(DocumentIcon)`\n  width: 36.5%;\n  height: auto;\n`\n\nexport const StyledImageThumbnailPreview = styled.div<{ $bgImage: string }>`\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ${({ $bgImage }) => css`\n    background-image: url(${$bgImage});\n  `}\n`\n\nexport const StyledImageThumbnailOverlay = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst blackOverlay = `\n  background-color: ${colors.black};\n  opacity: 0.2;\n`\n\nconst whiteOverlay = `\n  background-color: ${colors.white};\n  opacity: 0.5;\n`\n\nexport const StyledImageThumbnailImage = styled.img``\n\nexport const StyledImageThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase};\n  flex-direction: column;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      &,\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${whiteOverlay}\n        }\n      }\n      ${StyledImageThumbnailPreview},\n      ${StyledTickIcon},\n        ${StyledImageThumbnailImage} {\n        filter: saturate(0);\n      }\n      ${StyledFileIcon} {\n        filter: saturate(0);\n        z-index: -1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: ${$selected ? 0 : 1};\n      }\n    `}\n\n  ${({ $selected, $focused }) =>\n    $selected &&\n    $focused &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $selected &&\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 0;\n      }\n    `}\n\n  ${({ $focused, $disabled }) =>\n    $focused &&\n    !$disabled &&\n    css`\n      ${StyledImageThumbnailOverlay} {\n        display: block;\n      }\n    `}\n\n  ${({ $clickable, $disabled }) =>\n    $clickable &&\n    !$disabled &&\n    css`\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${blackOverlay}\n        }\n      }\n    `}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  $layout: LayoutVariant\n  $size: SizeVariant\n}>`\n  display: flex;\n  ${({ $size }) =>\n    $size === 'lg'\n      ? `\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n  ${({ $layout }) => {\n    const isRowLayout = $layout === 'row'\n    return isRowLayout\n      ? css`\n          flex-direction: row;\n          align-items: center;\n        `\n      : css`\n          flex-direction: column;\n          align-items: flex-start;\n        `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ $selected, $size }) =>\n    $selected &&\n    $size === 'sm' &&\n    css`\n      ${StyledFileIcon} {\n        display: none;\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${StyledFileIcon},\n      ${StyledTickIcon} {\n        filter: saturate(0);\n        opacity: 0.5;\n      }\n\n      &:hover {\n        background-color: inherit;\n      }\n    `}\n\n  ${({ $disabled, $selected }) =>\n    $disabled &&\n    !$selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 0;\n        transform: scale(0.75);\n      }\n    `}\n`\n"],"mappings":"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"}

package/dist/Thumbnail/Thumbnail.types.d.ts

@@ -60,9 +60,11 @@ export interface BaseThumbnailProps extends Props {
      */
     disabled?: boolean;
     /**
+     * When true, Thumbnail shows the default error label.
+     * When a string is provided, it is shown as custom error text.
      * @since 10.19.0
      */
-    error?: boolean;
+    error?: boolean | string;
     /**
      * @since 10.19.0
      */
@@ -148,10 +150,6 @@ export interface MultilineCaptionProps {
      * @since 10.19.0
      */
     caption: string;
-    /**
-     * @since 10.19.0
-     */
-    error: boolean;
     /**
      * @since 10.19.0
      */
@@ -164,6 +162,10 @@ export interface MultilineCaptionProps {
      * Called when the caption overflow state changes (e.g. when it becomes truncated).
      */
     onCaptionOverflowChange?: (isOverflowing: boolean) => void;
+    /**
+     * When true, the caption is shown in the error stack (with the error row) and omits standalone caption margins.
+     */
+    error?: boolean;
 }
 export interface SinglelineCaptionProps {
     /**
@@ -178,10 +180,6 @@ export interface SinglelineCaptionProps {
      * @since 10.19.0
      */
     disabled: boolean;
-    /**
-     * @since 10.19.0
-     */
-    error: boolean;
     /**
      * @since 10.19.0
      */
@@ -194,6 +192,10 @@ export interface SinglelineCaptionProps {
      * Called when the caption overflow state changes (e.g. when it becomes truncated).
      */
     onCaptionOverflowChange?: (isOverflowing: boolean) => void;
+    /**
+     * When true, the caption is shown in the error stack (with the error row) and omits standalone caption margins.
+     */
+    error?: boolean;
 }
 export interface CaptionTooltipProps {
     /**
@@ -229,7 +231,7 @@ export interface CaptionProps {
     /**
      * @since 10.19.0
      */
-    error?: boolean;
+    error?: boolean | string;
     /**
      * @since 10.19.0
      */