@jobber/components 7.15.3 → 7.15.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/docs/FormatFile/FormatFile.md +25 -0
- package/dist/docs/Icon/Icon.md +1 -0
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -22,6 +22,31 @@ image, while expanded is used to display a file alongside its metadata.
|
|
|
22
22
|
* For a thumbnail representation of a user, use [Avatar](../Avatar/Avatar.md).
|
|
23
23
|
|
|
24
24
|
|
|
25
|
+
## Developer notes
|
|
26
|
+
|
|
27
|
+
`FormatFileThumbnail` distinguishes between a real video thumbnail and a video
|
|
28
|
+
file that has no preview image available.
|
|
29
|
+
|
|
30
|
+
When a video has a valid `thumbnailUrl` or decodable source, Atlantis renders
|
|
31
|
+
the thumbnail and overlays the existing small `video` icon. When no preview is
|
|
32
|
+
available, Atlantis renders a fallback placeholder and shows the `videoFile`
|
|
33
|
+
icon by default instead of showing the OS broken-image glyph.
|
|
34
|
+
|
|
35
|
+
`showFileTypeIndicator={false}` hides all file type iconography, including the
|
|
36
|
+
large `videoFile` icon used by video placeholders.
|
|
37
|
+
|
|
38
|
+
Use `surfaceColor` on `FormatFileThumbnail` when the tile needs to visually
|
|
39
|
+
blend into surrounding chrome:
|
|
40
|
+
|
|
41
|
+
```tsx
|
|
42
|
+
<FormatFileThumbnail
|
|
43
|
+
file={file}
|
|
44
|
+
size={{ width: 96, height: 96 }}
|
|
45
|
+
surfaceColor="var(--color-surface)"
|
|
46
|
+
/>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
|
|
25
50
|
## Props
|
|
26
51
|
|
|
27
52
|
### Web
|
package/dist/docs/Icon/Icon.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "7.15.
|
|
3
|
+
"version": "7.15.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -528,8 +528,8 @@
|
|
|
528
528
|
"devDependencies": {
|
|
529
529
|
"@apollo/client": "^3.7.10",
|
|
530
530
|
"@csstools/postcss-global-data": "^1.0.3",
|
|
531
|
-
"@jobber/design": "0.
|
|
532
|
-
"@jobber/hooks": "2.20.
|
|
531
|
+
"@jobber/design": "0.101.0",
|
|
532
|
+
"@jobber/hooks": "2.20.1",
|
|
533
533
|
"@rollup/plugin-alias": "^5.1.0",
|
|
534
534
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
535
535
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
@@ -583,5 +583,5 @@
|
|
|
583
583
|
"> 1%",
|
|
584
584
|
"IE 10"
|
|
585
585
|
],
|
|
586
|
-
"gitHead": "
|
|
586
|
+
"gitHead": "1e7705b3834eb2027601b03d1d47cb7368eafd7d"
|
|
587
587
|
}
|