@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

package/dist/elements/FileDetails/StaticFileDetails/index.css

@@ -1,7 +1,7 @@
 @layer payload-default {
   .file-details {
-    background: var(--theme-elevation-50);
-    border: var(--stroke-width-small) solid var(--theme-border-color);
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid var(--color-border);
     border-radius: var(--radius-medium);
     box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
   }
@@ -25,10 +25,9 @@
   }
 
   .file-details__remove .btn__icon {
-    border: var(--stroke-width-small) solid var(--theme-border-color);
-    background: var(--theme-input-bg);
+    border: var(--stroke-width-small) solid var(--color-border);
+    background: var(--color-bg);
     box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
-    transition: border 100ms cubic-bezier(0, 0.2, 0.2, 1);
   }
 
   .file-details__remove .btn__icon:not(:disabled):hover {
@@ -36,7 +35,7 @@
   }
 
   .file-details__remove .btn__icon:hover {
-    border: var(--stroke-width-small) solid var(--theme-elevation-400);
+    border: var(--stroke-width-small) solid var(--special-border-translucent-strong);
   }
 
   .file-details__main-detail {
@@ -81,7 +80,7 @@
   }
 
   .file-details__size-label {
-    color: var(--theme-elevation-400);
+    color: var(--color-text-tertiary);
   }
 
   .file-details__file-mutation {
@@ -92,16 +91,17 @@
 
   .file-details__edit {
     cursor: pointer;
-    background-color: var(--theme-elevation-150);
+    background-color: var(--color-bg-tertiary);
     border: none;
     border-radius: var(--radius-medium);
     padding: var(--spacer-1) var(--spacer-2);
   }
 
   .file-details__edit:hover {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-secondary);
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1440px) {
     .file-details__main-detail {
       padding: var(--spacer-4);
@@ -118,6 +118,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .file-details header {
       flex-wrap: wrap;

package/dist/elements/FileDetails/StaticFileDetails/index.d.ts

@@ -4,7 +4,7 @@ import type { Data, FileSizes, SanitizedCollectionConfig } from 'payload';
 export type StaticFileDetailsProps = {
     customUploadActions?: React.ReactNode[];
     doc: {
-        sizes?: FileSizes;
+        variants?: FileSizes;
     } & Data;
     enableAdjustments?: boolean;
     handleRemove?: () => void;

package/dist/elements/FileDetails/StaticFileDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB,GAAG,IAAI,CAAA;IACR,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,GAAG,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAA"}

package/dist/elements/FileDetails/StaticFileDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Button","Thumbnail","UploadActions","FileMeta","baseClass","StaticFileDetails","props","customUploadActions","doc","enableAdjustments","handleRemove","hasImageSizes","hideRemoveFile","imageCacheTag","uploadConfig","filename","filesize","height","mimeType","thumbnailURL","url","width","previewAllowed","displayPreview","_jsx","className","_jsxs","fileSrc","customActions","Boolean","enablePreviewSizes","buttonStyle","icon","onClick","round"],"sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { UploadActions } from '../../Upload/index.js'\nimport { FileMeta } from '../FileMeta/index.js'\nimport './index.css'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nexport type StaticFileDetailsProps = {\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const StaticFileDetails: React.FC<StaticFileDetailsProps> = (props) => {\n  const {\n    customUploadActions,\n    doc,\n    enableAdjustments,\n    handleRemove,\n    hasImageSizes,\n    hideRemoveFile,\n    imageCacheTag,\n    uploadConfig,\n  } = props\n\n  const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  const previewAllowed = uploadConfig.displayPreview ?? true\n\n  return (\n    <div className={baseClass}>\n      <header>\n        {previewAllowed && (\n          <Thumbnail\n            // size=\"small\"\n            className={`${baseClass}__thumbnail`}\n            doc={doc}\n            fileSrc={thumbnailURL || url}\n            imageCacheTag={imageCacheTag}\n            uploadConfig={uploadConfig}\n          />\n        )}\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {(enableAdjustments || (hasImageSizes && doc.filename) || customUploadActions) && (\n            <UploadActions\n              customActions={customUploadActions}\n              enableAdjustments={Boolean(enableAdjustments)}\n              enablePreviewSizes={hasImageSizes && doc.filename}\n              mimeType={mimeType}\n            />\n          )}\n        </div>\n        {!hideRemoveFile && handleRemove && (\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,iBAAA,GAAuDC,KAAA;EAClE,MAAM;IACJC,mBAAmB;IACnBC,GAAG;IACHC,iBAAiB;IACjBC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC;EAAY,CACb,GAAGR,KAAA;EAEJ,MAAM;IAAES,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,GAAG;IAAEC;EAAK,CAAE,GAAGb,GAAA;EAE3E,MAAMc,cAAA,GAAiBR,YAAA,CAAaS,cAAc,IAAI;EAEtD,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWrB,SAAA;cACd,aAAAsB,KAAA,CAAC;iBACEJ,cAAA,iBACCE,IAAA,CAACvB,SAAA;QACC;QACAwB,SAAA,EAAW,GAAGrB,SAAA,aAAsB;QACpCI,GAAA,EAAKA,GAAA;QACLmB,OAAA,EAASR,YAAA,IAAgBC,GAAA;QACzBP,aAAA,EAAeA,aAAA;QACfC,YAAA,EAAcA;uBAGlBY,KAAA,CAAC;QAAID,SAAA,EAAW,GAAGrB,SAAA,eAAwB;gCACzCoB,IAAA,CAACrB,QAAA;UACCY,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVC,MAAA,EAAQA,MAAA;UACRC,QAAA,EAAUA,QAAA;UACVE,GAAA,EAAKA,GAAA;UACLC,KAAA,EAAOA;YAGP,CAAAZ,iBAAA,IAAsBE,aAAA,IAAiBH,GAAA,CAAIO,QAAQ,IAAKR,mBAAkB,kBAC1EiB,IAAA,CAACtB,aAAA;UACC0B,aAAA,EAAerB,mBAAA;UACfE,iBAAA,EAAmBoB,OAAA,CAAQpB,iBAAA;UAC3BqB,kBAAA,EAAoBnB,aAAA,IAAiBH,GAAA,CAAIO,QAAQ;UACjDG,QAAA,EAAUA;;UAIf,CAACN,cAAA,IAAkBF,YAAA,iBAClBc,IAAA,CAACxB,MAAA;QACC+B,WAAA,EAAY;QACZN,SAAA,EAAW,GAAGrB,SAAA,UAAmB;QACjC4B,IAAA,EAAK;QACLC,OAAA,EAASvB,YAAA;QACTwB,KAAK;;;;AAMjB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Button","Thumbnail","UploadActions","FileMeta","baseClass","StaticFileDetails","props","customUploadActions","doc","enableAdjustments","handleRemove","hasImageSizes","hideRemoveFile","imageCacheTag","uploadConfig","filename","filesize","height","mimeType","thumbnailURL","url","width","previewAllowed","displayPreview","_jsx","className","_jsxs","fileSrc","customActions","Boolean","enablePreviewSizes","buttonStyle","icon","onClick","round"],"sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { UploadActions } from '../../Upload/index.js'\nimport { FileMeta } from '../FileMeta/index.js'\nimport './index.css'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nexport type StaticFileDetailsProps = {\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    variants?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const StaticFileDetails: React.FC<StaticFileDetailsProps> = (props) => {\n  const {\n    customUploadActions,\n    doc,\n    enableAdjustments,\n    handleRemove,\n    hasImageSizes,\n    hideRemoveFile,\n    imageCacheTag,\n    uploadConfig,\n  } = props\n\n  const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  const previewAllowed = uploadConfig.displayPreview ?? true\n\n  return (\n    <div className={baseClass}>\n      <header>\n        {previewAllowed && (\n          <Thumbnail\n            // size=\"small\"\n            className={`${baseClass}__thumbnail`}\n            doc={doc}\n            fileSrc={thumbnailURL || url}\n            imageCacheTag={imageCacheTag}\n            uploadConfig={uploadConfig}\n          />\n        )}\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {(enableAdjustments || (hasImageSizes && doc.filename) || customUploadActions) && (\n            <UploadActions\n              customActions={customUploadActions}\n              enableAdjustments={Boolean(enableAdjustments)}\n              enablePreviewSizes={hasImageSizes && doc.filename}\n              mimeType={mimeType}\n            />\n          )}\n        </div>\n        {!hideRemoveFile && handleRemove && (\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,iBAAA,GAAuDC,KAAA;EAClE,MAAM;IACJC,mBAAmB;IACnBC,GAAG;IACHC,iBAAiB;IACjBC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC;EAAY,CACb,GAAGR,KAAA;EAEJ,MAAM;IAAES,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,GAAG;IAAEC;EAAK,CAAE,GAAGb,GAAA;EAE3E,MAAMc,cAAA,GAAiBR,YAAA,CAAaS,cAAc,IAAI;EAEtD,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWrB,SAAA;cACd,aAAAsB,KAAA,CAAC;iBACEJ,cAAA,iBACCE,IAAA,CAACvB,SAAA;QACC;QACAwB,SAAA,EAAW,GAAGrB,SAAA,aAAsB;QACpCI,GAAA,EAAKA,GAAA;QACLmB,OAAA,EAASR,YAAA,IAAgBC,GAAA;QACzBP,aAAA,EAAeA,aAAA;QACfC,YAAA,EAAcA;uBAGlBY,KAAA,CAAC;QAAID,SAAA,EAAW,GAAGrB,SAAA,eAAwB;gCACzCoB,IAAA,CAACrB,QAAA;UACCY,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVC,MAAA,EAAQA,MAAA;UACRC,QAAA,EAAUA,QAAA;UACVE,GAAA,EAAKA,GAAA;UACLC,KAAA,EAAOA;YAGP,CAAAZ,iBAAA,IAAsBE,aAAA,IAAiBH,GAAA,CAAIO,QAAQ,IAAKR,mBAAkB,kBAC1EiB,IAAA,CAACtB,aAAA;UACC0B,aAAA,EAAerB,mBAAA;UACfE,iBAAA,EAAmBoB,OAAA,CAAQpB,iBAAA;UAC3BqB,kBAAA,EAAoBnB,aAAA,IAAiBH,GAAA,CAAIO,QAAQ;UACjDG,QAAA,EAAUA;;UAIf,CAACN,cAAA,IAAkBF,YAAA,iBAClBc,IAAA,CAACxB,MAAA;QACC+B,WAAA,EAAY;QACZN,SAAA,EAAW,GAAGrB,SAAA,UAAmB;QACjC4B,IAAA,EAAK;QACLC,OAAA,EAASvB,YAAA;QACTwB,KAAK;;;;AAMjB","ignoreList":[]}

package/dist/elements/FileDetails/index.d.ts

@@ -4,7 +4,7 @@ type SharedFileDetailsProps = {
     collectionSlug: string;
     customUploadActions?: React.ReactNode[];
     doc: {
-        sizes?: FileSizes;
+        variants?: FileSizes;
     } & Data;
     enableAdjustments?: boolean;
     hasImageSizes?: boolean;

package/dist/elements/FileDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB,GAAG,IAAI,CAAA;IACR,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,CAAC,EAAE,KAAK,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,yBAAyB,GAAG,sBAAsB,CAAC,GACjF,sBAAsB,CAAA;AAExB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,GAAG,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,CAAC,EAAE,KAAK,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,yBAAyB,GAAG,sBAAsB,CAAC,GACjF,sBAAsB,CAAA;AAExB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQlD,CAAA"}

package/dist/elements/FileDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany","_jsx"],"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableFileDetails } from './DraggableFileDetails/index.js'\nimport { StaticFileDetails } from './StaticFileDetails/index.js'\n\ntype SharedFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\ntype StaticFileDetailsProps = {\n  draggableItemProps?: never\n  handleRemove?: () => void\n  hasMany?: never\n  isSortable?: never\n  removeItem?: never\n  rowIndex?: never\n}\n\ntype DraggableFileDetailsProps = {\n  handleRemove?: never\n  hasMany: boolean\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n}\n\nexport type FileDetailsProps = (DraggableFileDetailsProps | StaticFileDetailsProps) &\n  SharedFileDetailsProps\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { hasMany } = props\n\n  if (hasMany) {\n    return <DraggableFileDetails {...props} />\n  }\n\n  return <StaticFileDetails {...props} />\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAmClC,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC;EAAO,CAAE,GAAGD,KAAA;EAEpB,IAAIC,OAAA,EAAS;IACX,oBAAOC,IAAA,CAACL,oBAAA;MAAsB,GAAGG;;EACnC;EAEA,oBAAOE,IAAA,CAACJ,iBAAA;IAAmB,GAAGE;;AAChC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany","_jsx"],"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableFileDetails } from './DraggableFileDetails/index.js'\nimport { StaticFileDetails } from './StaticFileDetails/index.js'\n\ntype SharedFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    variants?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\ntype StaticFileDetailsProps = {\n  draggableItemProps?: never\n  handleRemove?: () => void\n  hasMany?: never\n  isSortable?: never\n  removeItem?: never\n  rowIndex?: never\n}\n\ntype DraggableFileDetailsProps = {\n  handleRemove?: never\n  hasMany: boolean\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n}\n\nexport type FileDetailsProps = (DraggableFileDetailsProps | StaticFileDetailsProps) &\n  SharedFileDetailsProps\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { hasMany } = props\n\n  if (hasMany) {\n    return <DraggableFileDetails {...props} />\n  }\n\n  return <StaticFileDetails {...props} />\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAmClC,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC;EAAO,CAAE,GAAGD,KAAA;EAEpB,IAAIC,OAAA,EAAS;IACX,oBAAOC,IAAA,CAACL,oBAAA;MAAsB,GAAGG;;EACnC;EAEA,oBAAOE,IAAA,CAACJ,iBAAA;IAAmB,GAAGE;;AAChC","ignoreList":[]}

package/dist/elements/FileManager/FilePreview/index.css

@@ -56,10 +56,9 @@
     padding: 0 var(--spacer-2);
     border-radius: var(--radius-medium);
     background: var(--color-bg-secondary-hover);
-    font-family: var(--text-body-medium-strong-font-family);
     font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     color: var(--color-text);
     white-space: nowrap;
     flex-shrink: 0;

package/dist/elements/FileManager/FilePreview/index.js

@@ -28,10 +28,10 @@ export const FilePreview = t0 => {
   const {
     t
   } = useTranslation();
-  const hasImageSizes = uploadConfig?.imageSizes?.length > 0;
+  const hasVariants = uploadConfig?.variants?.length > 0;
   const mimeType = data?.mimeType ?? "";
   let t1;
-  if ($[0] !== UploadFilePreview || $[1] !== collectionSlug || $[2] !== data || $[3] !== hasImageSizes || $[4] !== imageCacheTag || $[5] !== mimeType || $[6] !== selectedSize || $[7] !== selectedSizeData || $[8] !== setSelectedSize || $[9] !== t || $[10] !== uploadConfig) {
+  if ($[0] !== UploadFilePreview || $[1] !== collectionSlug || $[2] !== data || $[3] !== hasVariants || $[4] !== imageCacheTag || $[5] !== mimeType || $[6] !== selectedSize || $[7] !== selectedSizeData || $[8] !== setSelectedSize || $[9] !== t || $[10] !== uploadConfig) {
     const isImageFile = isImage(mimeType);
     const fileSrc = selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null;
     const originalUrl = data?.url;
@@ -97,7 +97,7 @@ export const FilePreview = t0 => {
     const metaString = parts.join(" \u2013 ");
     t1 = _jsxs("div", {
       className: baseClass,
-      children: [hasImageSizes && isImageFile && _jsx(MiniCarousel, {
+      children: [hasVariants && isImageFile && _jsx(MiniCarousel, {
         doc: data,
         imageCacheTag,
         onSelect: setSelectedSize,
@@ -123,7 +123,7 @@ export const FilePreview = t0 => {
     $[0] = UploadFilePreview;
     $[1] = collectionSlug;
     $[2] = data;
-    $[3] = hasImageSizes;
+    $[3] = hasVariants;
     $[4] = imageCacheTag;
     $[5] = mimeType;
     $[6] = selectedSize;

package/dist/elements/FileManager/FilePreview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatFilesize","isImage","React","useTranslation","appendCacheTag","MiniCarousel","Thumbnail","AudioPreview","PdfPreview","VideoPreview","baseClass","FilePreview","t0","$","collectionSlug","data","imageCacheTag","selectedSize","selectedSizeData","setSelectedSize","uploadConfig","UploadFilePreview","t","hasImageSizes","imageSizes","length","mimeType","t1","isImageFile","fileSrc","url","thumbnailURL","originalUrl","nativePreviewSrc","undefined","renderBuiltInPreview","startsWith","_jsx","title","filename","className","doc","size","w","width","h","height","parts","filesize","push","t2","t3","metaString","join","_jsxs","children","onSelect"],"sources":["../../../../src/elements/FileManager/FilePreview/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { FileManagerProps } from '../index.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../../utilities/appendCacheTag.js'\nimport { MiniCarousel } from '../../MiniCarousel/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { AudioPreview } from './AudioPreview/index.js'\nimport { PdfPreview } from './PdfPreview/index.js'\nimport { VideoPreview } from './VideoPreview/index.js'\nimport './index.css'\n\nconst baseClass = 'file-preview'\n\ntype Props = {\n  readonly data: Record<string, unknown>\n  readonly imageCacheTag?: false | string\n  readonly selectedSize?: null | string\n  readonly selectedSizeData?: null | Record<string, unknown>\n  readonly setSelectedSize: (size: null | string) => void\n} & Pick<FileManagerProps, 'collectionSlug' | 'uploadConfig' | 'UploadFilePreview'>\n\nexport const FilePreview: React.FC<Props> = ({\n  collectionSlug,\n  data,\n  imageCacheTag,\n  selectedSize,\n  selectedSizeData,\n  setSelectedSize,\n  uploadConfig,\n  UploadFilePreview,\n}) => {\n  const { t } = useTranslation()\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const mimeType = (data?.mimeType as string) ?? ''\n  const isImageFile = isImage(mimeType)\n  const fileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n\n  const originalUrl = data?.url as string | undefined\n  const nativePreviewSrc = originalUrl ? appendCacheTag(originalUrl, imageCacheTag) : undefined\n\n  // Built-in previews for native file types; images (and unknown types) fall back to the thumbnail.\n  const renderBuiltInPreview = () => {\n    if (nativePreviewSrc && !isImageFile) {\n      if (mimeType.startsWith('video/')) {\n        return <VideoPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType.startsWith('audio/')) {\n        return <AudioPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType === 'application/pdf') {\n        return <PdfPreview fileSrc={nativePreviewSrc} title={data?.filename as string} />\n      }\n    }\n\n    return (\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={selectedSizeData || data}\n        fileSrc={fileSrc}\n        imageCacheTag={imageCacheTag}\n        size=\"expand\"\n        uploadConfig={uploadConfig}\n      />\n    )\n  }\n\n  const metaString = (() => {\n    const w = (selectedSizeData?.width ?? data?.width) as number | undefined\n    const h = (selectedSizeData?.height ?? data?.height) as number | undefined\n    const parts: string[] = []\n    if (typeof w === 'number' && typeof h === 'number') {\n      parts.push(`${w} × ${h}`)\n    }\n    parts.push(\n      formatFilesize(((selectedSizeData?.filesize ?? (data?.filesize as number)) || 0) as number),\n    )\n    if (data?.mimeType) {\n      parts.push(data.mimeType as string)\n    }\n    return parts.join(' – ')\n  })()\n\n  return (\n    <div className={baseClass}>\n      {hasImageSizes && isImageFile && (\n        <MiniCarousel\n          doc={data}\n          imageCacheTag={imageCacheTag}\n          onSelect={setSelectedSize}\n          selectedSize={selectedSize}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      <div className={`${baseClass}__main`}>\n        <div className={`${baseClass}__image-wrap`}>\n          {UploadFilePreview ?? renderBuiltInPreview()}\n        </div>\n        <div className={`${baseClass}__info`}>\n          <span className={`${baseClass}__info-label`}>\n            {selectedSize ?? t('general:original')}\n          </span>\n          <span className={`${baseClass}__info-meta`}>{metaString}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,EAAEC,OAAO,QAAQ;AACxC,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,WAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,cAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,YAAA;IAAAC,gBAAA;IAAAC,eAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAT,EAS5C;EACC;IAAAU;EAAA,IAAcnB,cAAA;EAEd,MAAAoB,aAAA,GAAsBH,YAAA,EAAAI,UAAA,EAAAC,MAAA,IAAmC;EACzD,MAAAC,QAAA,GAAiBX,IAAC,EAAAW,QAAA,IAA6B;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAQ,iBAAA,IAAAR,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAU,aAAA,IAAAV,CAAA,QAAAG,aAAA,IAAAH,CAAA,QAAAa,QAAA,IAAAb,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAK,gBAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAS,CAAA,IAAAT,CAAA,SAAAO,YAAA;IAC/C,MAAAQ,WAAA,GAAoB3B,OAAA,CAAQyB,QAAA;IAC5B,MAAAG,OAAA,GAAiBX,gBAAA,EAAAY,GAAA,IAAyBf,IAAA,EAAAgB,YAAM,IAAgBhB,IAAA,EAAAe,GAAM,QAAO;IAI7E,MAAAE,WAAA,GAAoBjB,IAAA,EAAAe,GAAA;IACpB,MAAAG,gBAAA,GAAyBD,WAAA,GAAc5B,cAAA,CAAe4B,WAAA,EAAahB,aAAA,IAAAkB,SAAiB;IAGpF,MAAAC,oBAAA,GAAAA,CAAA;MAAA,IACMF,gBAAA,KAAqBL,WAAA;QAAA,IACnBF,QAAA,CAAAU,UAAA,CAAoB;UAAA,OACfC,IAAA,CAAA5B,YAAA;YAAAoB,OAAA,EAAuBI;UAAA,C;;YAE5BP,QAAA,CAAAU,UAAA,CAAoB;UAAA,OACfC,IAAA,CAAA9B,YAAA;YAAAsB,OAAA,EAAuBI;UAAA,C;;YAE5BP,QAAA,KAAa;UAAA,OACRW,IAAA,CAAA7B,UAAA;YAAAqB,OAAA,EAAqBI,gBAAA;YAAAK,KAAA,EAAyBvB,IAAA,EAAAwB;UAAA,C;;;aAKvDF,IAAA,CAAA/B,SAAA;QAAAkC,SAAA,EACa,GAAA9B,SAAA,aAAyB;QAAAI,cAAA;QAAA2B,GAAA,EAE/BvB,gBAAA,IAAoBH,IAAA;QAAAc,OAAA;QAAAb,aAAA;QAAA0B,IAAA,EAGpB;QAAAtB;MAAA,C;;IAOT,MAAAuB,CAAA,GAAWzB,gBAAA,EAAA0B,KAAA,IAA2B7B,IAAA,EAAA6B,KAAM;IAC5C,MAAAC,CAAA,GAAW3B,gBAAA,EAAA4B,MAAA,IAA4B/B,IAAA,EAAA+B,MAAM;IAAA,IAAAC,KAAA;IAAA,IAAAlC,CAAA,SAAAE,IAAA,IAAAF,CAAA,SAAAgC,CAAA,IAAAhC,CAAA,SAAAK,gBAAA,EAAA8B,QAAA,IAAAnC,CAAA,SAAA8B,CAAA;MAC7CI,KAAA;MAA0B,IACtB,OAAOJ,CAAA,KAAM,YAAY,OAAOE,CAAA,KAAM;QACxCE,KAAA,CAAAE,IAAA,CAAW,GAAGN,CAAA,MAAOE,CAAA,EAAG;MAAA;MAGR,MAAAK,EAAA,IAAChC,gBAAA,EAAA8B,QAAA,IAA+BjC,IAAA,EAAAiC,QAAwB,MAAM;MAAA,IAAAG,EAAA;MAAA,IAAAtC,CAAA,SAAAqC,EAAA;QAA9EC,EAAA,GAAAnD,cAAA,CAAgBkD,EAA8D;QAAArC,CAAA,OAAAqC,EAAA;QAAArC,CAAA,OAAAsC,EAAA;MAAA;QAAAA,EAAA,GAAAtC,CAAA;MAAA;MADhFkC,KAAA,CAAAE,IAAA,CACEE,EAA8E;MAAA,IAE5EpC,IAAA,EAAAW,QAAA;QACFqB,KAAA,CAAAE,IAAA,CAAWlC,IAAA,CAAAW,QAAa;MAAA;MAAAb,CAAA,OAAAE,IAAA;MAAAF,CAAA,OAAAgC,CAAA;MAAAhC,CAAA,OAAAK,gBAAA,EAAA8B,QAAA;MAAAnC,CAAA,OAAA8B,CAAA;MAAA9B,CAAA,OAAAkC,KAAA;IAAA;MAAAA,KAAA,GAAAlC,CAAA;IAAA;IAX5B,MAAAuC,UAAA,GAaSL,KAAA,CAAAM,IAAA,CAAW;IAIlB1B,EAAA,GAAA2B,KAAA,CAAC;MAAAd,SAAA,EAAA9B,SAAA;MAAA6C,QAAA,GACEhC,aAAA,IAAiBK,WAAA,IAChBS,IAAA,CAAAhC,YAAA;QAAAoC,GAAA,EACO1B,IAAA;QAAAC,aAAA;QAAAwC,QAAA,EAEKrC,eAAA;QAAAF,YAAA;QAAAG;MAAA,C,GAKdkC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAA9B,SAAA,QAAoB;QAAA6C,QAAA,GAClClB,IAAA,CAAC;UAAAG,SAAA,EAAe,GAAA9B,SAAA,cAA0B;UAAA6C,QAAA,EACvClC,iBAAA,IAAqBc,oBAAA;QAAA,C,GAExBmB,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAA9B,SAAA,QAAoB;UAAA6C,QAAA,GAClClB,IAAA,CAAC;YAAAG,SAAA,EAAgB,GAAA9B,SAAA,cAA0B;YAAA6C,QAAA,EACxCtC,YAAA,IAAgBK,CAAA,CAAE;UAAA,C,GAErBe,IAAA,CAAC;YAAAG,SAAA,EAAgB,GAAA9B,SAAA,aAAyB;YAAA6C,QAAA,EAAGH;UAAA,C;;;;;;;;;;;;;;;;;;;SAlBnDzB,E;CAuBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatFilesize","isImage","React","useTranslation","appendCacheTag","MiniCarousel","Thumbnail","AudioPreview","PdfPreview","VideoPreview","baseClass","FilePreview","t0","$","collectionSlug","data","imageCacheTag","selectedSize","selectedSizeData","setSelectedSize","uploadConfig","UploadFilePreview","t","hasVariants","variants","length","mimeType","t1","isImageFile","fileSrc","url","thumbnailURL","originalUrl","nativePreviewSrc","undefined","renderBuiltInPreview","startsWith","_jsx","title","filename","className","doc","size","w","width","h","height","parts","filesize","push","t2","t3","metaString","join","_jsxs","children","onSelect"],"sources":["../../../../src/elements/FileManager/FilePreview/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { FileManagerProps } from '../index.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../../utilities/appendCacheTag.js'\nimport { MiniCarousel } from '../../MiniCarousel/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { AudioPreview } from './AudioPreview/index.js'\nimport { PdfPreview } from './PdfPreview/index.js'\nimport { VideoPreview } from './VideoPreview/index.js'\nimport './index.css'\n\nconst baseClass = 'file-preview'\n\ntype Props = {\n  readonly data: Record<string, unknown>\n  readonly imageCacheTag?: false | string\n  readonly selectedSize?: null | string\n  readonly selectedSizeData?: null | Record<string, unknown>\n  readonly setSelectedSize: (size: null | string) => void\n} & Pick<FileManagerProps, 'collectionSlug' | 'uploadConfig' | 'UploadFilePreview'>\n\nexport const FilePreview: React.FC<Props> = ({\n  collectionSlug,\n  data,\n  imageCacheTag,\n  selectedSize,\n  selectedSizeData,\n  setSelectedSize,\n  uploadConfig,\n  UploadFilePreview,\n}) => {\n  const { t } = useTranslation()\n\n  const hasVariants = uploadConfig?.variants?.length > 0\n  const mimeType = (data?.mimeType as string) ?? ''\n  const isImageFile = isImage(mimeType)\n  const fileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n\n  const originalUrl = data?.url as string | undefined\n  const nativePreviewSrc = originalUrl ? appendCacheTag(originalUrl, imageCacheTag) : undefined\n\n  // Built-in previews for native file types; images (and unknown types) fall back to the thumbnail.\n  const renderBuiltInPreview = () => {\n    if (nativePreviewSrc && !isImageFile) {\n      if (mimeType.startsWith('video/')) {\n        return <VideoPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType.startsWith('audio/')) {\n        return <AudioPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType === 'application/pdf') {\n        return <PdfPreview fileSrc={nativePreviewSrc} title={data?.filename as string} />\n      }\n    }\n\n    return (\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={selectedSizeData || data}\n        fileSrc={fileSrc}\n        imageCacheTag={imageCacheTag}\n        size=\"expand\"\n        uploadConfig={uploadConfig}\n      />\n    )\n  }\n\n  const metaString = (() => {\n    const w = (selectedSizeData?.width ?? data?.width) as number | undefined\n    const h = (selectedSizeData?.height ?? data?.height) as number | undefined\n    const parts: string[] = []\n    if (typeof w === 'number' && typeof h === 'number') {\n      parts.push(`${w} × ${h}`)\n    }\n    parts.push(\n      formatFilesize(((selectedSizeData?.filesize ?? (data?.filesize as number)) || 0) as number),\n    )\n    if (data?.mimeType) {\n      parts.push(data.mimeType as string)\n    }\n    return parts.join(' – ')\n  })()\n\n  return (\n    <div className={baseClass}>\n      {hasVariants && isImageFile && (\n        <MiniCarousel\n          doc={data}\n          imageCacheTag={imageCacheTag}\n          onSelect={setSelectedSize}\n          selectedSize={selectedSize}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      <div className={`${baseClass}__main`}>\n        <div className={`${baseClass}__image-wrap`}>\n          {UploadFilePreview ?? renderBuiltInPreview()}\n        </div>\n        <div className={`${baseClass}__info`}>\n          <span className={`${baseClass}__info-label`}>\n            {selectedSize ?? t('general:original')}\n          </span>\n          <span className={`${baseClass}__info-meta`}>{metaString}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FileManager/FileToolbar/index.css

@@ -42,10 +42,9 @@
     border: var(--stroke-width-small) solid var(--special-border-translucent);
     cursor: pointer;
     color: var(--color-text);
-    font-family: var(--text-body-medium-strong-font-family);
     font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
     max-width: var(--file-toolbar-filename-max-width);
 

package/dist/elements/FileManager/FileToolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileManager/FileToolbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAarC,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkFvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileManager/FileToolbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAcrC,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAA"}

package/dist/elements/FileManager/FileToolbar/index.js

@@ -6,6 +6,7 @@ import { useElementHeightVariable } from '../../../hooks/useElementHeightVariabl
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { CropIcon } from '../../../icons/Crop/index.js';
 import { DownloadIcon } from '../../../icons/Download/index.js';
+import { LinkIcon } from '../../../icons/Link/index.js';
 import { NewTabIcon } from '../../../icons/NewTab/index.js';
 import { SwapIcon } from '../../../icons/Swap/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -55,6 +56,7 @@ export const FileToolbar = ({
         }),
         buttonType: "custom",
         horizontalAlign: "left",
+        popupType: "menu",
         portalClassName: `${baseClass}__filename-popup`,
         size: "fit-content",
         verticalAlign: "bottom",
@@ -69,6 +71,8 @@ export const FileToolbar = ({
     }), /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__right`,
       children: [fileUrl && /*#__PURE__*/_jsx(CopyToClipboard, {
+        defaultMessage: t('upload:copyLinkToFile'),
+        icon: /*#__PURE__*/_jsx(LinkIcon, {}),
         value: fileUrl
       }), isAdjustable && /*#__PURE__*/_jsx(Button, {
         "aria-label": t('upload:editImage'),

package/dist/elements/FileManager/FileToolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useElementHeightVariable","ChevronIcon","CropIcon","DownloadIcon","NewTabIcon","SwapIcon","useTranslation","Button","CopyToClipboard","Popup","PopupList","baseClass","FileToolbar","filename","fileSrc","fileUrl","hideRemoveFile","isAdjustable","onEditImage","onReplace","t","ref","cssVar","_jsxs","className","_jsx","button","size","buttonType","horizontalAlign","portalClassName","verticalAlign","MenuItem","icon","onClick","value","buttonStyle","margin","round","tooltip","href","rel","target","title","download"],"sources":["../../../../src/elements/FileManager/FileToolbar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef } from 'react'\n\nimport { useElementHeightVariable } from '../../../hooks/useElementHeightVariable.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { CropIcon } from '../../../icons/Crop/index.js'\nimport { DownloadIcon } from '../../../icons/Download/index.js'\nimport { NewTabIcon } from '../../../icons/NewTab/index.js'\nimport { SwapIcon } from '../../../icons/Swap/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport { Popup } from '../../Popup/index.js'\nimport * as PopupList from '../../Popup/PopupButtonList/index.js'\nimport './index.css'\n\nconst baseClass = 'file-toolbar'\n\ntype Props = {\n  readonly filename: string\n  readonly fileSrc?: null | string\n  readonly fileUrl?: null | string\n  readonly hideRemoveFile?: boolean\n  readonly isAdjustable?: boolean\n  readonly onEditImage?: () => void\n  readonly onReplace?: () => void\n}\n\nexport const FileToolbar: React.FC<Props> = ({\n  filename,\n  fileSrc,\n  fileUrl,\n  hideRemoveFile,\n  isAdjustable,\n  onEditImage,\n  onReplace,\n}) => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLDivElement>(null)\n  useElementHeightVariable({ cssVar: '--file-toolbar-height', ref })\n\n  return (\n    <div className={baseClass} ref={ref}>\n      <div className={`${baseClass}__left`}>\n        {hideRemoveFile ? (\n          <span className={`${baseClass}__filename-btn ${baseClass}__filename-btn--static`}>\n            <span className={`${baseClass}__filename-text`}>{filename}</span>\n          </span>\n        ) : (\n          <Popup\n            button={\n              <span className={`${baseClass}__filename-btn`}>\n                <span className={`${baseClass}__filename-text`}>{filename}</span>\n                <ChevronIcon size={16} />\n              </span>\n            }\n            buttonType=\"custom\"\n            horizontalAlign=\"left\"\n            portalClassName={`${baseClass}__filename-popup`}\n            size=\"fit-content\"\n            verticalAlign=\"bottom\"\n          >\n            <PopupList.MenuItem>\n              <PopupList.Button icon={<SwapIcon />} onClick={onReplace}>\n                {t('upload:replaceFile')}\n              </PopupList.Button>\n            </PopupList.MenuItem>\n          </Popup>\n        )}\n      </div>\n\n      <div className={`${baseClass}__right`}>\n        {fileUrl && <CopyToClipboard value={fileUrl} />}\n        {isAdjustable && (\n          <Button\n            aria-label={t('upload:editImage')}\n            buttonStyle=\"ghost\"\n            icon={<CropIcon size={24} />}\n            margin={false}\n            onClick={onEditImage}\n            round={false}\n            tooltip={t('upload:editImage')}\n          />\n        )}\n        {fileSrc && (\n          <a\n            aria-label={t('fields:openInNewTab')}\n            className={`${baseClass}__icon-link`}\n            href={fileSrc}\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            title={t('fields:openInNewTab')}\n          >\n            <NewTabIcon size={24} />\n          </a>\n        )}\n        {fileSrc && (\n          <a\n            aria-label={t('upload:download')}\n            className={`${baseClass}__icon-link`}\n            download={filename}\n            href={fileSrc}\n            title={t('upload:download')}\n          >\n            <DownloadIcon size={24} />\n          </a>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useElementHeightVariable","ChevronIcon","CropIcon","DownloadIcon","LinkIcon","NewTabIcon","SwapIcon","useTranslation","Button","CopyToClipboard","Popup","PopupList","baseClass","FileToolbar","filename","fileSrc","fileUrl","hideRemoveFile","isAdjustable","onEditImage","onReplace","t","ref","cssVar","_jsxs","className","_jsx","button","size","buttonType","horizontalAlign","popupType","portalClassName","verticalAlign","MenuItem","icon","onClick","defaultMessage","value","buttonStyle","margin","round","tooltip","href","rel","target","title","download"],"sources":["../../../../src/elements/FileManager/FileToolbar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef } from 'react'\n\nimport { useElementHeightVariable } from '../../../hooks/useElementHeightVariable.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { CropIcon } from '../../../icons/Crop/index.js'\nimport { DownloadIcon } from '../../../icons/Download/index.js'\nimport { LinkIcon } from '../../../icons/Link/index.js'\nimport { NewTabIcon } from '../../../icons/NewTab/index.js'\nimport { SwapIcon } from '../../../icons/Swap/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport { Popup } from '../../Popup/index.js'\nimport * as PopupList from '../../Popup/PopupButtonList/index.js'\nimport './index.css'\n\nconst baseClass = 'file-toolbar'\n\ntype Props = {\n  readonly filename: string\n  readonly fileSrc?: null | string\n  readonly fileUrl?: null | string\n  readonly hideRemoveFile?: boolean\n  readonly isAdjustable?: boolean\n  readonly onEditImage?: () => void\n  readonly onReplace?: () => void\n}\n\nexport const FileToolbar: React.FC<Props> = ({\n  filename,\n  fileSrc,\n  fileUrl,\n  hideRemoveFile,\n  isAdjustable,\n  onEditImage,\n  onReplace,\n}) => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLDivElement>(null)\n  useElementHeightVariable({ cssVar: '--file-toolbar-height', ref })\n\n  return (\n    <div className={baseClass} ref={ref}>\n      <div className={`${baseClass}__left`}>\n        {hideRemoveFile ? (\n          <span className={`${baseClass}__filename-btn ${baseClass}__filename-btn--static`}>\n            <span className={`${baseClass}__filename-text`}>{filename}</span>\n          </span>\n        ) : (\n          <Popup\n            button={\n              <span className={`${baseClass}__filename-btn`}>\n                <span className={`${baseClass}__filename-text`}>{filename}</span>\n                <ChevronIcon size={16} />\n              </span>\n            }\n            buttonType=\"custom\"\n            horizontalAlign=\"left\"\n            popupType=\"menu\"\n            portalClassName={`${baseClass}__filename-popup`}\n            size=\"fit-content\"\n            verticalAlign=\"bottom\"\n          >\n            <PopupList.MenuItem>\n              <PopupList.Button icon={<SwapIcon />} onClick={onReplace}>\n                {t('upload:replaceFile')}\n              </PopupList.Button>\n            </PopupList.MenuItem>\n          </Popup>\n        )}\n      </div>\n\n      <div className={`${baseClass}__right`}>\n        {fileUrl && (\n          <CopyToClipboard\n            defaultMessage={t('upload:copyLinkToFile')}\n            icon={<LinkIcon />}\n            value={fileUrl}\n          />\n        )}\n        {isAdjustable && (\n          <Button\n            aria-label={t('upload:editImage')}\n            buttonStyle=\"ghost\"\n            icon={<CropIcon size={24} />}\n            margin={false}\n            onClick={onEditImage}\n            round={false}\n            tooltip={t('upload:editImage')}\n          />\n        )}\n        {fileSrc && (\n          <a\n            aria-label={t('fields:openInNewTab')}\n            className={`${baseClass}__icon-link`}\n            href={fileSrc}\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            title={t('fields:openInNewTab')}\n          >\n            <NewTabIcon size={24} />\n          </a>\n        )}\n        {fileSrc && (\n          <a\n            aria-label={t('upload:download')}\n            className={`${baseClass}__icon-link`}\n            download={filename}\n            href={fileSrc}\n            title={t('upload:download')}\n          >\n            <DownloadIcon size={24} />\n          </a>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FileManager/index.css

@@ -100,41 +100,10 @@
 
   .file-manager__selected-meta {
     color: var(--color-text-tertiary);
-    font-family: var(--text-body-small-font-family);
     font-size: var(--text-body-small-font-size);
     line-height: var(--text-body-small-line-height);
   }
 
-  .file-manager__hidden-input {
-    display: none;
-  }
-
-  .file-manager__dropzone-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: var(--spacer-2);
-    width: 100%;
-  }
-
-  .file-manager__dropzone-buttons {
-    display: flex;
-    gap: var(--spacer-2);
-    align-items: center;
-  }
-
-  .file-manager__or-text {
-    color: var(--color-text-tertiary);
-    text-transform: lowercase;
-  }
-
-  .file-manager__drag-text {
-    flex-shrink: 0;
-    margin: 0;
-    text-transform: lowercase;
-    color: var(--color-text-tertiary);
-  }
-
   @container edit-main (min-width: 1024px) {
     .file-manager {
       min-height: 100px;

package/dist/elements/FileManager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileManager/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAA6D,MAAM,OAAO,CAAA;AA2BjF,OAAO,aAAa,CAAA;AAcpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,SAAS,EAAE,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAA;IACtF,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkblD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileManager/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAqD,MAAM,OAAO,CAAA;AA8BzE,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,SAAS,EAAE,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAA;IACtF,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+XlD,CAAA"}