@procore/core-react 12.53.0 → 12.53.2

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TypographyProps } from '../Typography';
 import type { LayoutVariant, SizeVariant } from './Thumbnail.types';
 import { DocumentIcon } from './ThumbnailDocumentIcon';
@@ -6,7 +5,7 @@ interface CaptionTextProps {
     $layout: LayoutVariant;
     $disabled: boolean;
 }
-declare type CaptionErrorLayoutProps = CaptionTextProps & {
+type CaptionErrorLayoutProps = CaptionTextProps & {
     $error?: boolean;
 };
 interface StyledThumbnailProps {
@@ -20,36 +19,76 @@ interface StyledTickIconProps {
     $selected: boolean;
     $size: SizeVariant;
 }
-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>, {
+export declare const StyledThumbnailCaptionStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $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>, 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"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledThumbnailFigCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $color?: TypographyProps['color'];
+export declare const StyledThumbnailErrorRow: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledThumbnailErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledThumbnailErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledMultilineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, CaptionErrorLayoutProps>> & string;
+export declare const StyledCaptionText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledPlaceholderCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, CaptionErrorLayoutProps>> & string;
+export declare const StyledSingleLineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, CaptionErrorLayoutProps>> & string;
+export declare const StyledSinglelineCaptionBody: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledSinglelineCaptionEnding: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledThumbnailFigCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $color?: TypographyProps["color"];
 }>> & string;
-export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, StyledTickIconProps>> & string;
-export declare const StyledFileIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./ThumbnailDocumentIcon").DocumentIconProps, never>> & string & Omit<typeof DocumentIcon, keyof import("react").Component<any, {}, any>>;
-export declare const StyledImageThumbnailPreview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").SVGProps<SVGSVGElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTickIconProps>> & string;
+export declare const StyledFileIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("./ThumbnailDocumentIcon").DocumentIconProps> & string & Omit<typeof DocumentIcon, keyof import("react").Component<any, {}, any>>;
+export declare const StyledImageThumbnailPreview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $bgImage: string;
 }>> & string;
-export declare const StyledImageThumbnailOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledImageThumbnailImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const StyledImageThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledThumbnailProps>> & string;
-export declare const StyledThumbnailWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledImageThumbnailOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledImageThumbnailImage: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledImageThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledThumbnailProps>> & string;
+export declare const StyledThumbnailWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $layout: LayoutVariant;
     $size: SizeVariant;
 }>> & string;
-export declare const StyledPlaceholderThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledThumbnailProps>> & string;
+export declare const StyledPlaceholderThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledThumbnailProps>> & string;
 export {};

package/dist/Thumbnail/Thumbnail.styles.js

@@ -29,51 +29,51 @@ var captionTextStyles = /*#__PURE__*/css(["color:", ";font-size:12px;line-height
 });
 export var StyledThumbnailCaptionStack = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailCaptionStack",
-  componentId: "core-12_53_0__sc-195f70c-0"
+  componentId: "core-12_53_2__sc-195f70c-0"
 })(["", ";display:flex;flex-direction:column;align-items:stretch;"], captionStandaloneLayout);
 export var StyledThumbnailErrorRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailErrorRow",
-  componentId: "core-12_53_0__sc-195f70c-1"
+  componentId: "core-12_53_2__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_53_0__sc-195f70c-2"
+  componentId: "core-12_53_2__sc-195f70c-2"
 })(["flex-shrink:0;display:inline-flex;"]);
 export var StyledThumbnailErrorText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorText",
-  componentId: "core-12_53_0__sc-195f70c-3"
+  componentId: "core-12_53_2__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_53_0__sc-195f70c-4"
+  componentId: "core-12_53_2__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;"], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_53_0__sc-195f70c-5"
+  componentId: "core-12_53_2__sc-195f70c-5"
 })([""]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_53_0__sc-195f70c-6"
+  componentId: "core-12_53_2__sc-195f70c-6"
 })(["", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_53_0__sc-195f70c-7"
+  componentId: "core-12_53_2__sc-195f70c-7"
 })(["display:flex;", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_53_0__sc-195f70c-8"
+  componentId: "core-12_53_2__sc-195f70c-8"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_53_0__sc-195f70c-9"
+  componentId: "core-12_53_2__sc-195f70c-9"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_53_0__sc-195f70c-10"
+  componentId: "core-12_53_2__sc-195f70c-10"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_53_0__sc-195f70c-11"
+  componentId: "core-12_53_2__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;
@@ -81,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_53_0__sc-195f70c-12"
+  componentId: "core-12_53_2__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;
@@ -103,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_53_0__sc-195f70c-13"
+  componentId: "core-12_53_2__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);"]);
@@ -113,28 +113,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_53_0__sc-195f70c-14"
+  componentId: "core-12_53_2__sc-195f70c-14"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_53_0__sc-195f70c-15"
+  componentId: "core-12_53_2__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_53_0__sc-195f70c-16"
+  componentId: "core-12_53_2__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_53_0__sc-195f70c-17"
+  componentId: "core-12_53_2__sc-195f70c-17"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_53_0__sc-195f70c-18"
+  componentId: "core-12_53_2__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);
@@ -163,7 +163,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_53_0__sc-195f70c-19"
+  componentId: "core-12_53_2__sc-195f70c-19"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -174,7 +174,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_53_0__sc-195f70c-20"
+  componentId: "core-12_53_2__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","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  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`\n\nexport const StyledCaptionText = styled.span``\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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"}
+{"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  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`\n\nexport const StyledCaptionText = styled.span``\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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","ignoreList":[]}

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

@@ -3,8 +3,8 @@ import type { ReactNode } from 'react';
 import type { Polymorphic } from '../_utils/polymorphic';
 import type { AriaLabelled, Props } from '../_utils/types';
 import type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
-export declare type SizeVariant = 'sm' | 'lg';
-export declare type LayoutVariant = 'row' | 'column';
+export type SizeVariant = 'sm' | 'lg';
+export type LayoutVariant = 'row' | 'column';
 export interface QaTags {
     /**
      * @since 10.19.0
@@ -14,8 +14,8 @@ export interface QaTags {
 /**
  * @since 11.6.0
  */
-export declare type ThumbnailRoleType = 'checkbox' | 'figure';
-export declare type ThumbnailRoles = ThumbnailRoleType | undefined;
+export type ThumbnailRoleType = 'checkbox' | 'figure';
+export type ThumbnailRoles = ThumbnailRoleType | undefined;
 export interface ThumbnailPolyMap extends Record<ThumbnailRoleType, React.ElementType> {
     figure: 'figure';
     checkbox: 'input';
@@ -23,7 +23,7 @@ export interface ThumbnailPolyMap extends Record<ThumbnailRoleType, React.Elemen
 /**
  * @since 11.6.0
  */
-export declare type ThumbnailRef<Role extends ThumbnailRoles = undefined> = Role extends ThumbnailRoleType ? Polymorphic.Ref<ThumbnailPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
+export type ThumbnailRef<Role extends ThumbnailRoles = undefined> = Role extends ThumbnailRoleType ? Polymorphic.Ref<ThumbnailPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
 export interface BaseThumbnailProps extends Props {
     /**
      * Alt text for the Thumbnail image
@@ -111,10 +111,10 @@ export interface BaseThumbnailProps extends Props {
      */
     onClick?: (e: React.MouseEvent) => void;
 }
-declare type DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {
+type DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {
     role?: Role;
 } & BaseThumbnailProps;
-export declare type ThumbnailProps<Role extends ThumbnailRoles = undefined> = Role extends 'figure' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'figure', never, BaseThumbnailProps> : Role extends 'checkbox' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'checkbox', never, BaseThumbnailProps & {
+export type ThumbnailProps<Role extends ThumbnailRoles = undefined> = Role extends 'figure' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'figure', never, BaseThumbnailProps> : Role extends 'checkbox' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'checkbox', never, BaseThumbnailProps & {
     /** onChange from React Aria is fired before onClick */
     onChange?: (isSelected: boolean) => void;
 }> : DecorativeThumbnailProps & {
@@ -128,10 +128,10 @@ export interface FilePreviewProps {
 }
 export interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {
 }
-declare type DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {
+type DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {
     role?: Role;
 } & BasePlaceholderProps;
-export declare type PlaceholderProps<Role extends ThumbnailRoles = undefined> = Role extends 'figure' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'figure', never, AriaLabelled<BasePlaceholderProps>> : Role extends 'checkbox' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'checkbox', never, AriaLabelled<BasePlaceholderProps> & {
+export type PlaceholderProps<Role extends ThumbnailRoles = undefined> = Role extends 'figure' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'figure', never, AriaLabelled<BasePlaceholderProps>> : Role extends 'checkbox' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'checkbox', never, AriaLabelled<BasePlaceholderProps> & {
     /** onChange from React Aria is fired before onClick */
     onChange?: (isSelected: boolean) => void;
 }> : DecorativePlaceholderProps & {

package/dist/Thumbnail/Thumbnail.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { ReactNode } from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props } from '../_utils/types'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport type SizeVariant = 'sm' | 'lg'\n\nexport type LayoutVariant = 'row' | 'column'\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  caption?: string\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRoleType = 'checkbox' | 'figure'\n\nexport type ThumbnailRoles = ThumbnailRoleType | undefined\n\nexport interface ThumbnailPolyMap\n  extends Record<ThumbnailRoleType, React.ElementType> {\n  figure: 'figure'\n  checkbox: 'input'\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRef<Role extends ThumbnailRoles = undefined> =\n  Role extends ThumbnailRoleType\n    ? Polymorphic.Ref<ThumbnailPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseThumbnailProps extends Props {\n  /**\n   * Alt text for the Thumbnail image\n   * @since 11.6.0\n   */\n  alt?: string\n\n  /**\n   * An image URL or a `File` to generate a preview for\n   * @since 10.19.0\n   */\n  src?: File | string | null\n\n  /**\n   * Thumbnail size\n   * @default 'lg'\n   * @since 10.19.0\n   */\n  size?: SizeVariant\n\n  /**\n   * Use \"focused\" view\n   * @default false\n   * @since 10.19.0\n   */\n  focused?: boolean\n\n  /**\n   * Use \"selected\" view\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Use \"disabled\" view\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * When true, Thumbnail shows the default error label.\n   * When a string is provided, it is shown as custom error text.\n   * @since 10.19.0\n   */\n  error?: boolean | string\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * Thumbnail caption\n   * @default ''\n   * @since 10.19.0\n   */\n  caption?: string\n\n  /**\n   * Show placeholder for caption if it is empty\n   * @default false\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder?: boolean\n\n  /**\n   * Unless variant is provided, filename is used\n   * to choose a placeholder icon based on extension.\n   * E.g. for 'filename=\"panda.png\"', image variant will be used\n   * @since 11.7.0\n   * */\n  filename?: string\n\n  /**\n   * @since 11.7.0\n   */\n  variant?: ThumbnailDocumentIconVariant\n\n  /**\n   * Thumbnail label\n   * @default ''\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * @since 11.6.0\n   */\n  tabIndex?: number\n\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n\n  /**\n   * @since 11.6.0\n   */\n  onClick?: (e: React.MouseEvent) => void\n}\n\ntype DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BaseThumbnailProps\n\nexport type ThumbnailProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        BaseThumbnailProps\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        BaseThumbnailProps & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativeThumbnailProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface FilePreviewProps {\n  /**\n   * @since 10.19.0\n   */\n  file: File\n}\nexport interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {}\n\ntype DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BasePlaceholderProps\n\nexport type PlaceholderProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        AriaLabelled<BasePlaceholderProps>\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        AriaLabelled<BasePlaceholderProps> & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativePlaceholderProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface MultilineCaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n  /**\n   * When true, the caption is shown in the error stack (with the error row) and omits standalone caption margins.\n   */\n  error?: boolean\n}\n\nexport interface SinglelineCaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n  /**\n   * When true, the caption is shown in the error stack (with the error row) and omits standalone caption margins.\n   */\n  error?: boolean\n}\n\nexport interface CaptionTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  overlay: string\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  children: ReactNode\n}\n\nexport interface CaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: LayoutVariant\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean | string\n  /**\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiline: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface LabelProps {\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  onLabelOverflowChange?: (overflowing: boolean) => void\n}\n\nexport interface TickIconProps {\n  /**\n   * @since 10.19.0\n   */\n  size: SizeVariant\n  /**\n   * @since 10.19.0\n   */\n  selected: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { ReactNode } from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props } from '../_utils/types'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport type SizeVariant = 'sm' | 'lg'\n\nexport type LayoutVariant = 'row' | 'column'\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  caption?: string\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRoleType = 'checkbox' | 'figure'\n\nexport type ThumbnailRoles = ThumbnailRoleType | undefined\n\nexport interface ThumbnailPolyMap\n  extends Record<ThumbnailRoleType, React.ElementType> {\n  figure: 'figure'\n  checkbox: 'input'\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRef<Role extends ThumbnailRoles = undefined> =\n  Role extends ThumbnailRoleType\n    ? Polymorphic.Ref<ThumbnailPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseThumbnailProps extends Props {\n  /**\n   * Alt text for the Thumbnail image\n   * @since 11.6.0\n   */\n  alt?: string\n\n  /**\n   * An image URL or a `File` to generate a preview for\n   * @since 10.19.0\n   */\n  src?: File | string | null\n\n  /**\n   * Thumbnail size\n   * @default 'lg'\n   * @since 10.19.0\n   */\n  size?: SizeVariant\n\n  /**\n   * Use \"focused\" view\n   * @default false\n   * @since 10.19.0\n   */\n  focused?: boolean\n\n  /**\n   * Use \"selected\" view\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Use \"disabled\" view\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * When true, Thumbnail shows the default error label.\n   * When a string is provided, it is shown as custom error text.\n   * @since 10.19.0\n   */\n  error?: boolean | string\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * Thumbnail caption\n   * @default ''\n   * @since 10.19.0\n   */\n  caption?: string\n\n  /**\n   * Show placeholder for caption if it is empty\n   * @default false\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder?: boolean\n\n  /**\n   * Unless variant is provided, filename is used\n   * to choose a placeholder icon based on extension.\n   * E.g. for 'filename=\"panda.png\"', image variant will be used\n   * @since 11.7.0\n   * */\n  filename?: string\n\n  /**\n   * @since 11.7.0\n   */\n  variant?: ThumbnailDocumentIconVariant\n\n  /**\n   * Thumbnail label\n   * @default ''\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * @since 11.6.0\n   */\n  tabIndex?: number\n\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n\n  /**\n   * @since 11.6.0\n   */\n  onClick?: (e: React.MouseEvent) => void\n}\n\ntype DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BaseThumbnailProps\n\nexport type ThumbnailProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        BaseThumbnailProps\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        BaseThumbnailProps & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativeThumbnailProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface FilePreviewProps {\n  /**\n   * @since 10.19.0\n   */\n  file: File\n}\nexport interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {}\n\ntype DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BasePlaceholderProps\n\nexport type PlaceholderProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        AriaLabelled<BasePlaceholderProps>\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        AriaLabelled<BasePlaceholderProps> & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativePlaceholderProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface MultilineCaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n  /**\n   * When true, the caption is shown in the error stack (with the error row) and omits standalone caption margins.\n   */\n  error?: boolean\n}\n\nexport interface SinglelineCaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n  /**\n   * When true, the caption is shown in the error stack (with the error row) and omits standalone caption margins.\n   */\n  error?: boolean\n}\n\nexport interface CaptionTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  overlay: string\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  children: ReactNode\n}\n\nexport interface CaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: LayoutVariant\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean | string\n  /**\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiline: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface LabelProps {\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  onLabelOverflowChange?: (overflowing: boolean) => void\n}\n\nexport interface TickIconProps {\n  /**\n   * @since 10.19.0\n   */\n  size: SizeVariant\n  /**\n   * @since 10.19.0\n   */\n  selected: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Thumbnail/Thumbnail.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.utils.js","names":["getFileExtension","getIsFilePreviewableAsImage","src","File","type","startsWith","extensions","_defineProperty","image","drawing","email","gantt","zip","xml","word","ini","mov","pdf","powerpoint","excel","extensionsByVariant","Object","entries","variantByExtension","reduce","acc","_ref","_ref2","_slicedToArray","exts","forEach","ext","getThumbnailVariantForFilename","filename","defaultUnknownName","_unused","resolveThumbnailErrorLabel","i18n","error","trimmed","trim","undefined","t","getThumbnailAriaLabel","label","caption","parts","push","concat","length","join"],"sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"sourcesContent":["import type { I18njs } from '@procore/core-i18n-js'\nimport { getFileExtension } from '../_utils/filename'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport function getIsFilePreviewableAsImage(\n  src: File | string | null | undefined\n) {\n  return (\n    src instanceof File &&\n    src.type.startsWith('image/') &&\n    // not allow previewing vendor image mime types, such as \"image/vnd.adobe.photoshop\"\n    !src.type.startsWith('image/vnd.') &&\n    // not allow previewing .tiff images, as a not browser-compatible format\n    src.type !== 'image/tiff'\n  )\n}\n\nconst extensions: { [k in ThumbnailDocumentIconVariant]?: string[] } = {\n  image: ['png', 'jpg', 'jpeg', 'gif', 'psd', 'tiff', 'tif', 'bmp'],\n  drawing: ['cad', 'dwg', 'dwf', 'dwfx'],\n  email: ['msg', 'eml'],\n  gantt: ['mpp', 'p6', 'xer'],\n  zip: ['zip', 'rar', '7zip'],\n  xml: ['rtf', 'txt'],\n  word: ['doc', 'docx'],\n  ini: ['ini', 'xml', 'exe'],\n  mov: ['mov', 'avi'],\n  pdf: ['pdf'],\n  powerpoint: ['ppt', 'pptx'],\n  excel: ['csv', 'xls', 'xlsx'],\n  ['3d']: [\n    'stl',\n    'obj',\n    'ma',\n    'fbx',\n    'dae',\n    '3ds',\n    'iges',\n    'step',\n    'wrl',\n    'rvt',\n    'ifc',\n    'nwc',\n    'nwd',\n    'nwf',\n  ],\n  unknown: [],\n}\n\nconst extensionsByVariant = Object.entries(extensions) as [\n  ThumbnailDocumentIconVariant,\n  string[]\n][]\n\nconst variantByExtension = extensionsByVariant.reduce((acc, [type, exts]) => {\n  exts.forEach((ext) => {\n    acc[ext] = type\n  })\n  return acc\n}, {} as Record<string, ThumbnailDocumentIconVariant>)\n\nexport function getThumbnailVariantForFilename(\n  filename: string\n): ThumbnailDocumentIconVariant {\n  const defaultUnknownName = 'unknown'\n\n  try {\n    const ext = getFileExtension(filename)\n    return ext\n      ? variantByExtension[ext] || defaultUnknownName\n      : defaultUnknownName\n  } catch {\n    return defaultUnknownName\n  }\n}\n\nexport function resolveThumbnailErrorLabel(\n  i18n: I18njs,\n  error?: boolean | string\n): string {\n  const trimmed = typeof error === 'string' ? error.trim() : undefined\n  if (trimmed) {\n    return trimmed\n  }\n  return i18n.t('core.thumbnail.error')\n}\n\nexport function getThumbnailAriaLabel(\n  i18n: I18njs,\n  label?: string,\n  caption?: string\n): string | undefined {\n  const parts: string[] = []\n  if (label)\n    parts.push(`${i18n.t('core.thumbnail.aria-label.label')}: ${label}`)\n  if (caption)\n    parts.push(`${i18n.t('core.thumbnail.aria-label.caption')}: ${caption}`)\n  return parts.length > 0 ? parts.join('. ') : undefined\n}\n"],"mappings":"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"}
+{"version":3,"file":"Thumbnail.utils.js","names":["getFileExtension","getIsFilePreviewableAsImage","src","File","type","startsWith","extensions","_defineProperty","image","drawing","email","gantt","zip","xml","word","ini","mov","pdf","powerpoint","excel","extensionsByVariant","Object","entries","variantByExtension","reduce","acc","_ref","_ref2","_slicedToArray","exts","forEach","ext","getThumbnailVariantForFilename","filename","defaultUnknownName","_unused","resolveThumbnailErrorLabel","i18n","error","trimmed","trim","undefined","t","getThumbnailAriaLabel","label","caption","parts","push","concat","length","join"],"sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"sourcesContent":["import type { I18njs } from '@procore/core-i18n-js'\nimport { getFileExtension } from '../_utils/filename'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport function getIsFilePreviewableAsImage(\n  src: File | string | null | undefined\n) {\n  return (\n    src instanceof File &&\n    src.type.startsWith('image/') &&\n    // not allow previewing vendor image mime types, such as \"image/vnd.adobe.photoshop\"\n    !src.type.startsWith('image/vnd.') &&\n    // not allow previewing .tiff images, as a not browser-compatible format\n    src.type !== 'image/tiff'\n  )\n}\n\nconst extensions: { [k in ThumbnailDocumentIconVariant]?: string[] } = {\n  image: ['png', 'jpg', 'jpeg', 'gif', 'psd', 'tiff', 'tif', 'bmp'],\n  drawing: ['cad', 'dwg', 'dwf', 'dwfx'],\n  email: ['msg', 'eml'],\n  gantt: ['mpp', 'p6', 'xer'],\n  zip: ['zip', 'rar', '7zip'],\n  xml: ['rtf', 'txt'],\n  word: ['doc', 'docx'],\n  ini: ['ini', 'xml', 'exe'],\n  mov: ['mov', 'avi'],\n  pdf: ['pdf'],\n  powerpoint: ['ppt', 'pptx'],\n  excel: ['csv', 'xls', 'xlsx'],\n  ['3d']: [\n    'stl',\n    'obj',\n    'ma',\n    'fbx',\n    'dae',\n    '3ds',\n    'iges',\n    'step',\n    'wrl',\n    'rvt',\n    'ifc',\n    'nwc',\n    'nwd',\n    'nwf',\n  ],\n  unknown: [],\n}\n\nconst extensionsByVariant = Object.entries(extensions) as [\n  ThumbnailDocumentIconVariant,\n  string[]\n][]\n\nconst variantByExtension = extensionsByVariant.reduce((acc, [type, exts]) => {\n  exts.forEach((ext) => {\n    acc[ext] = type\n  })\n  return acc\n}, {} as Record<string, ThumbnailDocumentIconVariant>)\n\nexport function getThumbnailVariantForFilename(\n  filename: string\n): ThumbnailDocumentIconVariant {\n  const defaultUnknownName = 'unknown'\n\n  try {\n    const ext = getFileExtension(filename)\n    return ext\n      ? variantByExtension[ext] || defaultUnknownName\n      : defaultUnknownName\n  } catch {\n    return defaultUnknownName\n  }\n}\n\nexport function resolveThumbnailErrorLabel(\n  i18n: I18njs,\n  error?: boolean | string\n): string {\n  const trimmed = typeof error === 'string' ? error.trim() : undefined\n  if (trimmed) {\n    return trimmed\n  }\n  return i18n.t('core.thumbnail.error')\n}\n\nexport function getThumbnailAriaLabel(\n  i18n: I18njs,\n  label?: string,\n  caption?: string\n): string | undefined {\n  const parts: string[] = []\n  if (label)\n    parts.push(`${i18n.t('core.thumbnail.aria-label.label')}: ${label}`)\n  if (caption)\n    parts.push(`${i18n.t('core.thumbnail.aria-label.caption')}: ${caption}`)\n  return parts.length > 0 ? parts.join('. ') : undefined\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/Thumbnail/ThumbnailCaption.js

@@ -36,7 +36,7 @@ function MultilineCaption(_ref2) {
     ref = _useOverflowObserver.ref,
     isOverflowing = _useOverflowObserver.isOverflowing;
   useEffect(function () {
-    onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 ? void 0 : onCaptionOverflowChange(isOverflowing);
+    onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 || onCaptionOverflowChange(isOverflowing);
   }, [isOverflowing, onCaptionOverflowChange]);
   return /*#__PURE__*/React.createElement("span", {
     "data-qa": qa,
@@ -65,7 +65,7 @@ function SinglelineCaption(_ref3) {
     extension = _parseFilename.extension,
     isFilename = _parseFilename.isFilename;
   useEffect(function () {
-    onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 ? void 0 : onCaptionOverflowChange(isOverflowing);
+    onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 || onCaptionOverflowChange(isOverflowing);
   }, [isOverflowing, onCaptionOverflowChange]);
   return /*#__PURE__*/React.createElement(StyledSingleLineCaption, _extends({
     "aria-hidden": ariaHidden ? true : undefined,

package/dist/Thumbnail/ThumbnailCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailCaption.js","names":["Error","ErrorIcon","React","useEffect","useI18nContext","useOverflowObserver","colors","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledThumbnailCaptionStack","StyledThumbnailErrorIcon","StyledThumbnailErrorRow","StyledThumbnailErrorText","resolveThumbnailErrorLabel","ThumbnailErrorRow","_ref","label","createElement","size","style","color","red50","MultilineCaption","_ref2","ariaHidden","disabled","caption","layout","qa","onCaptionOverflowChange","error","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","undefined","_extends","$disabled","$layout","$error","Boolean","SinglelineCaption","_ref3","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref4","_ref4$disabled","_ref4$error","hasCaptionPlaceholder","multiline","_ref4$qa","_excluded3","i18n","resolvedErrorLabel","errorRow","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import { Error as ErrorIcon } from '@procore/core-icons'\nimport React, { useEffect } from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { colors } from '../_styles/colors'\nimport { parseFilename } from '../_utils/filename'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledCaptionText,\n  StyledMultilineCaption,\n  StyledPlaceholderCaption,\n  StyledSingleLineCaption,\n  StyledSinglelineCaptionBody,\n  StyledSinglelineCaptionEnding,\n  StyledThumbnailCaptionStack,\n  StyledThumbnailErrorIcon,\n  StyledThumbnailErrorRow,\n  StyledThumbnailErrorText,\n} from './Thumbnail.styles'\nimport type {\n  CaptionProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\nimport { resolveThumbnailErrorLabel } from './Thumbnail.utils'\n\nfunction ThumbnailErrorRow({ label }: { label: string }) {\n  return (\n    <StyledThumbnailErrorRow>\n      <StyledThumbnailErrorIcon aria-hidden>\n        <ErrorIcon size=\"sm\" style={{ color: colors.red50 }} />\n      </StyledThumbnailErrorIcon>\n      <StyledThumbnailErrorText>{label}</StyledThumbnailErrorText>\n    </StyledThumbnailErrorRow>\n  )\n}\n\nfunction MultilineCaption({\n  ariaHidden,\n  disabled,\n  caption,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  error,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <span data-qa={qa} aria-hidden={ariaHidden ? true : undefined}>\n      <StyledMultilineCaption\n        ref={ref}\n        $disabled={disabled}\n        $layout={layout}\n        $error={Boolean(error)}\n        {...props}\n      >\n        <StyledCaptionText>{caption}</StyledCaptionText>\n      </StyledMultilineCaption>\n    </span>\n  )\n}\n\nfunction SinglelineCaption({\n  ariaHidden,\n  caption,\n  disabled,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  error,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <StyledSingleLineCaption\n      aria-hidden={ariaHidden ? true : undefined}\n      $disabled={disabled}\n      $layout={layout}\n      $error={Boolean(error)}\n      data-qa={qa}\n      {...props}\n    >\n      <StyledSinglelineCaptionBody ref={ref}>\n        {isFilename ? `${filename}.` : caption}\n      </StyledSinglelineCaptionBody>\n      {isFilename && (\n        <StyledSinglelineCaptionEnding>\n          {extension}\n        </StyledSinglelineCaptionEnding>\n      )}\n    </StyledSingleLineCaption>\n  )\n}\n\nexport function ThumbnailCaption({\n  ariaHidden,\n  layout,\n  disabled = false,\n  error = false,\n  caption,\n  hasCaptionPlaceholder,\n  multiline,\n  qa = '',\n  ...props\n}: CaptionProps) {\n  const i18n = useI18nContext()\n\n  if (error) {\n    const resolvedErrorLabel = resolveThumbnailErrorLabel(i18n, error)\n    const errorRow = <ThumbnailErrorRow label={resolvedErrorLabel} />\n\n    if (!caption) {\n      return (\n        <StyledThumbnailCaptionStack $layout={layout} data-qa={qa}>\n          {errorRow}\n        </StyledThumbnailCaptionStack>\n      )\n    }\n\n    return (\n      <StyledThumbnailCaptionStack $layout={layout} data-qa={qa}>\n        {multiline ? (\n          <MultilineCaption\n            ariaHidden={ariaHidden}\n            disabled={disabled}\n            caption={caption}\n            layout={layout}\n            qa={qa}\n            error\n            onCaptionOverflowChange={props.onCaptionOverflowChange}\n            {...props}\n          />\n        ) : (\n          <SinglelineCaption\n            ariaHidden={ariaHidden}\n            caption={caption}\n            disabled={disabled}\n            layout={layout}\n            qa={qa}\n            error\n            onCaptionOverflowChange={props.onCaptionOverflowChange}\n            {...props}\n          />\n        )}\n        {errorRow}\n      </StyledThumbnailCaptionStack>\n    )\n  }\n\n  if (!caption) {\n    const captionPlaceholder = hasCaptionPlaceholder && '- -'\n\n    if (captionPlaceholder) {\n      return (\n        <StyledPlaceholderCaption\n          aria-hidden={ariaHidden ? true : undefined}\n          $disabled={disabled}\n          $layout={layout}\n          data-qa={qa}\n        >\n          <StyledCaptionText>{captionPlaceholder}</StyledCaptionText>\n        </StyledPlaceholderCaption>\n      )\n    }\n\n    return null\n  }\n\n  if (multiline) {\n    return (\n      <MultilineCaption\n        ariaHidden={ariaHidden}\n        disabled={disabled}\n        caption={caption}\n        layout={layout}\n        qa={qa}\n        onCaptionOverflowChange={props.onCaptionOverflowChange}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SinglelineCaption\n      ariaHidden={ariaHidden}\n      caption={caption}\n      disabled={disabled}\n      layout={layout}\n      qa={qa}\n      onCaptionOverflowChange={props.onCaptionOverflowChange}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThumbnailCaption.js","names":["Error","ErrorIcon","React","useEffect","useI18nContext","useOverflowObserver","colors","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledThumbnailCaptionStack","StyledThumbnailErrorIcon","StyledThumbnailErrorRow","StyledThumbnailErrorText","resolveThumbnailErrorLabel","ThumbnailErrorRow","_ref","label","createElement","size","style","color","red50","MultilineCaption","_ref2","ariaHidden","disabled","caption","layout","qa","onCaptionOverflowChange","error","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","undefined","_extends","$disabled","$layout","$error","Boolean","SinglelineCaption","_ref3","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref4","_ref4$disabled","_ref4$error","hasCaptionPlaceholder","multiline","_ref4$qa","_excluded3","i18n","resolvedErrorLabel","errorRow","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import { Error as ErrorIcon } from '@procore/core-icons'\nimport React, { useEffect } from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { colors } from '../_styles/colors'\nimport { parseFilename } from '../_utils/filename'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledCaptionText,\n  StyledMultilineCaption,\n  StyledPlaceholderCaption,\n  StyledSingleLineCaption,\n  StyledSinglelineCaptionBody,\n  StyledSinglelineCaptionEnding,\n  StyledThumbnailCaptionStack,\n  StyledThumbnailErrorIcon,\n  StyledThumbnailErrorRow,\n  StyledThumbnailErrorText,\n} from './Thumbnail.styles'\nimport type {\n  CaptionProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\nimport { resolveThumbnailErrorLabel } from './Thumbnail.utils'\n\nfunction ThumbnailErrorRow({ label }: { label: string }) {\n  return (\n    <StyledThumbnailErrorRow>\n      <StyledThumbnailErrorIcon aria-hidden>\n        <ErrorIcon size=\"sm\" style={{ color: colors.red50 }} />\n      </StyledThumbnailErrorIcon>\n      <StyledThumbnailErrorText>{label}</StyledThumbnailErrorText>\n    </StyledThumbnailErrorRow>\n  )\n}\n\nfunction MultilineCaption({\n  ariaHidden,\n  disabled,\n  caption,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  error,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <span data-qa={qa} aria-hidden={ariaHidden ? true : undefined}>\n      <StyledMultilineCaption\n        ref={ref}\n        $disabled={disabled}\n        $layout={layout}\n        $error={Boolean(error)}\n        {...props}\n      >\n        <StyledCaptionText>{caption}</StyledCaptionText>\n      </StyledMultilineCaption>\n    </span>\n  )\n}\n\nfunction SinglelineCaption({\n  ariaHidden,\n  caption,\n  disabled,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  error,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <StyledSingleLineCaption\n      aria-hidden={ariaHidden ? true : undefined}\n      $disabled={disabled}\n      $layout={layout}\n      $error={Boolean(error)}\n      data-qa={qa}\n      {...props}\n    >\n      <StyledSinglelineCaptionBody ref={ref}>\n        {isFilename ? `${filename}.` : caption}\n      </StyledSinglelineCaptionBody>\n      {isFilename && (\n        <StyledSinglelineCaptionEnding>\n          {extension}\n        </StyledSinglelineCaptionEnding>\n      )}\n    </StyledSingleLineCaption>\n  )\n}\n\nexport function ThumbnailCaption({\n  ariaHidden,\n  layout,\n  disabled = false,\n  error = false,\n  caption,\n  hasCaptionPlaceholder,\n  multiline,\n  qa = '',\n  ...props\n}: CaptionProps) {\n  const i18n = useI18nContext()\n\n  if (error) {\n    const resolvedErrorLabel = resolveThumbnailErrorLabel(i18n, error)\n    const errorRow = <ThumbnailErrorRow label={resolvedErrorLabel} />\n\n    if (!caption) {\n      return (\n        <StyledThumbnailCaptionStack $layout={layout} data-qa={qa}>\n          {errorRow}\n        </StyledThumbnailCaptionStack>\n      )\n    }\n\n    return (\n      <StyledThumbnailCaptionStack $layout={layout} data-qa={qa}>\n        {multiline ? (\n          <MultilineCaption\n            ariaHidden={ariaHidden}\n            disabled={disabled}\n            caption={caption}\n            layout={layout}\n            qa={qa}\n            error\n            onCaptionOverflowChange={props.onCaptionOverflowChange}\n            {...props}\n          />\n        ) : (\n          <SinglelineCaption\n            ariaHidden={ariaHidden}\n            caption={caption}\n            disabled={disabled}\n            layout={layout}\n            qa={qa}\n            error\n            onCaptionOverflowChange={props.onCaptionOverflowChange}\n            {...props}\n          />\n        )}\n        {errorRow}\n      </StyledThumbnailCaptionStack>\n    )\n  }\n\n  if (!caption) {\n    const captionPlaceholder = hasCaptionPlaceholder && '- -'\n\n    if (captionPlaceholder) {\n      return (\n        <StyledPlaceholderCaption\n          aria-hidden={ariaHidden ? true : undefined}\n          $disabled={disabled}\n          $layout={layout}\n          data-qa={qa}\n        >\n          <StyledCaptionText>{captionPlaceholder}</StyledCaptionText>\n        </StyledPlaceholderCaption>\n      )\n    }\n\n    return null\n  }\n\n  if (multiline) {\n    return (\n      <MultilineCaption\n        ariaHidden={ariaHidden}\n        disabled={disabled}\n        caption={caption}\n        layout={layout}\n        qa={qa}\n        onCaptionOverflowChange={props.onCaptionOverflowChange}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SinglelineCaption\n      ariaHidden={ariaHidden}\n      caption={caption}\n      disabled={disabled}\n      layout={layout}\n      qa={qa}\n      onCaptionOverflowChange={props.onCaptionOverflowChange}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/Thumbnail/ThumbnailDocumentIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ThumbnailDocumentIconVariant = 'image' | 'unknown' | 'zip' | 'drawing' | 'email' | 'excel' | 'gantt' | 'ini' | 'mov' | 'pdf' | 'powerpoint' | 'word' | 'xml' | '3d' | 'folder' | 'folderPeople' | 'folderLock' | 'file';
+export type ThumbnailDocumentIconVariant = 'image' | 'unknown' | 'zip' | 'drawing' | 'email' | 'excel' | 'gantt' | 'ini' | 'mov' | 'pdf' | 'powerpoint' | 'word' | 'xml' | '3d' | 'folder' | 'folderPeople' | 'folderLock' | 'file';
 export interface DocumentIconProps {
     variant: ThumbnailDocumentIconVariant;
     role?: 'img';