@lumx/react 2.1.9 → 2.2.0

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.
Files changed (53) hide show
  1. package/esm/_internal/Avatar2.js +2 -1
  2. package/esm/_internal/Avatar2.js.map +1 -1
  3. package/esm/_internal/Slider2.js +21 -2
  4. package/esm/_internal/Slider2.js.map +1 -1
  5. package/esm/_internal/Thumbnail2.js +179 -782
  6. package/esm/_internal/Thumbnail2.js.map +1 -1
  7. package/esm/_internal/avatar.js +0 -3
  8. package/esm/_internal/avatar.js.map +1 -1
  9. package/esm/_internal/comment-block.js +0 -3
  10. package/esm/_internal/comment-block.js.map +1 -1
  11. package/esm/_internal/image-block.js +0 -3
  12. package/esm/_internal/image-block.js.map +1 -1
  13. package/esm/_internal/link-preview.js +0 -3
  14. package/esm/_internal/link-preview.js.map +1 -1
  15. package/esm/_internal/mdi.js +2 -2
  16. package/esm/_internal/mdi.js.map +1 -1
  17. package/esm/_internal/mosaic.js +0 -3
  18. package/esm/_internal/mosaic.js.map +1 -1
  19. package/esm/_internal/post-block.js +0 -3
  20. package/esm/_internal/post-block.js.map +1 -1
  21. package/esm/_internal/slider.js +1 -2
  22. package/esm/_internal/slider.js.map +1 -1
  23. package/esm/_internal/thumbnail.js +1 -4
  24. package/esm/_internal/thumbnail.js.map +1 -1
  25. package/esm/_internal/types.js +1 -0
  26. package/esm/_internal/types.js.map +1 -1
  27. package/esm/_internal/user-block.js +0 -3
  28. package/esm/_internal/user-block.js.map +1 -1
  29. package/esm/index.js +2 -4
  30. package/esm/index.js.map +1 -1
  31. package/package.json +4 -4
  32. package/src/components/avatar/Avatar.tsx +1 -0
  33. package/src/components/avatar/__snapshots__/Avatar.test.tsx.snap +30 -30
  34. package/src/components/image-block/__snapshots__/ImageBlock.test.tsx.snap +1 -1
  35. package/src/components/mosaic/__snapshots__/Mosaic.test.tsx.snap +30 -30
  36. package/src/components/post-block/__snapshots__/PostBlock.test.tsx.snap +1 -1
  37. package/src/components/slideshow/__snapshots__/Slideshow.test.tsx.snap +10 -10
  38. package/src/components/table/__snapshots__/Table.test.tsx.snap +3 -3
  39. package/src/components/thumbnail/Thumbnail.stories.tsx +427 -52
  40. package/src/components/thumbnail/Thumbnail.test.tsx +14 -2
  41. package/src/components/thumbnail/Thumbnail.tsx +82 -47
  42. package/src/components/thumbnail/__snapshots__/Thumbnail.test.tsx.snap +26 -81
  43. package/src/components/thumbnail/index.ts +1 -0
  44. package/src/components/thumbnail/useFocusPointStyle.tsx +89 -0
  45. package/src/components/thumbnail/useImageLoad.ts +24 -23
  46. package/src/stories/generated/List/Demos.stories.tsx +2 -0
  47. package/src/stories/knobs/focusKnob.ts +1 -1
  48. package/src/stories/knobs/image.ts +35 -3
  49. package/types.d.ts +7 -0
  50. package/esm/_internal/clamp.js +0 -22
  51. package/esm/_internal/clamp.js.map +0 -1
  52. package/src/components/thumbnail/useClickable.ts +0 -26
  53. package/src/components/thumbnail/useFocusPoint.ts +0 -154
package/src/components/mosaic/__snapshots__/Mosaic.test.tsx.snap CHANGED
@@ -15,7 +15,7 @@ exports[`<Mosaic> Snapshots and structure should render story FiveThumbnails 1`]
15
15
  align="left"
16
16
  alt="Image 1"
17
17
  aspectRatio="free"
18
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
18
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
19
19
  fillHeight={true}
20
20
  image="/demo-assets/landscape1.jpg"
21
21
  loading="lazy"
@@ -30,9 +30,9 @@ exports[`<Mosaic> Snapshots and structure should render story FiveThumbnails 1`]
30
30
  align="left"
31
31
  alt="Image 2"
32
32
  aspectRatio="free"
33
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
33
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
34
34
  fillHeight={true}
35
- image="/demo-assets/landscape2.jpg"
35
+ image="/demo-assets/landscape1-s200.jpg"
36
36
  loading="lazy"
37
37
  theme="light"
38
38
  />
@@ -45,9 +45,9 @@ exports[`<Mosaic> Snapshots and structure should render story FiveThumbnails 1`]
45
45
  align="left"
46
46
  alt="Image 3"
47
47
  aspectRatio="free"
48
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
48
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
49
49
  fillHeight={true}
50
- image="/demo-assets/landscape3.jpg"
50
+ image="/demo-assets/landscape2.jpg"
51
51
  loading="lazy"
52
52
  theme="light"
53
53
  />
@@ -60,9 +60,9 @@ exports[`<Mosaic> Snapshots and structure should render story FiveThumbnails 1`]
60
60
  align="left"
61
61
  alt="Image 4"
62
62
  aspectRatio="free"
63
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
63
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
64
64
  fillHeight={true}
65
- image="/demo-assets/portrait1.jpg"
65
+ image="/demo-assets/landscape3.jpg"
66
66
  loading="lazy"
67
67
  theme="light"
68
68
  />
@@ -94,7 +94,7 @@ exports[`<Mosaic> Snapshots and structure should render story FourThumbnails 1`]
94
94
  align="left"
95
95
  alt="Image 1"
96
96
  aspectRatio="free"
97
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
97
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
98
98
  fillHeight={true}
99
99
  image="/demo-assets/landscape1.jpg"
100
100
  loading="lazy"
@@ -109,9 +109,9 @@ exports[`<Mosaic> Snapshots and structure should render story FourThumbnails 1`]
109
109
  align="left"
110
110
  alt="Image 2"
111
111
  aspectRatio="free"
112
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
112
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
113
113
  fillHeight={true}
114
- image="/demo-assets/landscape2.jpg"
114
+ image="/demo-assets/landscape1-s200.jpg"
115
115
  loading="lazy"
116
116
  theme="light"
117
117
  />
@@ -124,9 +124,9 @@ exports[`<Mosaic> Snapshots and structure should render story FourThumbnails 1`]
124
124
  align="left"
125
125
  alt="Image 3"
126
126
  aspectRatio="free"
127
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
127
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
128
128
  fillHeight={true}
129
- image="/demo-assets/landscape3.jpg"
129
+ image="/demo-assets/landscape2.jpg"
130
130
  loading="lazy"
131
131
  theme="light"
132
132
  />
@@ -139,9 +139,9 @@ exports[`<Mosaic> Snapshots and structure should render story FourThumbnails 1`]
139
139
  align="left"
140
140
  alt="Image 4"
141
141
  aspectRatio="free"
142
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
142
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
143
143
  fillHeight={true}
144
- image="/demo-assets/portrait1.jpg"
144
+ image="/demo-assets/landscape3.jpg"
145
145
  loading="lazy"
146
146
  theme="light"
147
147
  />
@@ -165,7 +165,7 @@ exports[`<Mosaic> Snapshots and structure should render story OneThumbnail 1`] =
165
165
  align="left"
166
166
  alt="Image 1"
167
167
  aspectRatio="free"
168
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
168
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
169
169
  fillHeight={true}
170
170
  image="/demo-assets/landscape1.jpg"
171
171
  loading="lazy"
@@ -191,7 +191,7 @@ exports[`<Mosaic> Snapshots and structure should render story SixThumbnails 1`]
191
191
  align="left"
192
192
  alt="Image 1"
193
193
  aspectRatio="free"
194
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
194
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
195
195
  fillHeight={true}
196
196
  image="/demo-assets/landscape1.jpg"
197
197
  loading="lazy"
@@ -207,9 +207,9 @@ exports[`<Mosaic> Snapshots and structure should render story SixThumbnails 1`]
207
207
  align="left"
208
208
  alt="Image 2"
209
209
  aspectRatio="free"
210
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
210
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
211
211
  fillHeight={true}
212
- image="/demo-assets/landscape2.jpg"
212
+ image="/demo-assets/landscape1-s200.jpg"
213
213
  loading="lazy"
214
214
  onClick={[Function]}
215
215
  theme="light"
@@ -223,9 +223,9 @@ exports[`<Mosaic> Snapshots and structure should render story SixThumbnails 1`]
223
223
  align="left"
224
224
  alt="Image 3"
225
225
  aspectRatio="free"
226
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
226
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
227
227
  fillHeight={true}
228
- image="/demo-assets/landscape3.jpg"
228
+ image="/demo-assets/landscape2.jpg"
229
229
  loading="lazy"
230
230
  onClick={[Function]}
231
231
  theme="light"
@@ -239,9 +239,9 @@ exports[`<Mosaic> Snapshots and structure should render story SixThumbnails 1`]
239
239
  align="left"
240
240
  alt="Image 4"
241
241
  aspectRatio="free"
242
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
242
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
243
243
  fillHeight={true}
244
- image="/demo-assets/portrait1.jpg"
244
+ image="/demo-assets/landscape3.jpg"
245
245
  loading="lazy"
246
246
  onClick={[Function]}
247
247
  theme="light"
@@ -274,7 +274,7 @@ exports[`<Mosaic> Snapshots and structure should render story ThreeThumbnails 1`
274
274
  align="left"
275
275
  alt="Image 1"
276
276
  aspectRatio="free"
277
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
277
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
278
278
  fillHeight={true}
279
279
  image="/demo-assets/landscape1.jpg"
280
280
  loading="lazy"
@@ -289,9 +289,9 @@ exports[`<Mosaic> Snapshots and structure should render story ThreeThumbnails 1`
289
289
  align="left"
290
290
  alt="Image 2"
291
291
  aspectRatio="free"
292
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
292
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
293
293
  fillHeight={true}
294
- image="/demo-assets/landscape2.jpg"
294
+ image="/demo-assets/landscape1-s200.jpg"
295
295
  loading="lazy"
296
296
  theme="light"
297
297
  />
@@ -304,9 +304,9 @@ exports[`<Mosaic> Snapshots and structure should render story ThreeThumbnails 1`
304
304
  align="left"
305
305
  alt="Image 3"
306
306
  aspectRatio="free"
307
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
307
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
308
308
  fillHeight={true}
309
- image="/demo-assets/landscape3.jpg"
309
+ image="/demo-assets/landscape2.jpg"
310
310
  loading="lazy"
311
311
  theme="light"
312
312
  />
@@ -330,7 +330,7 @@ exports[`<Mosaic> Snapshots and structure should render story TwoThumbnails 1`]
330
330
  align="left"
331
331
  alt="Image 1"
332
332
  aspectRatio="free"
333
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
333
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
334
334
  fillHeight={true}
335
335
  image="/demo-assets/landscape1.jpg"
336
336
  loading="lazy"
@@ -345,9 +345,9 @@ exports[`<Mosaic> Snapshots and structure should render story TwoThumbnails 1`]
345
345
  align="left"
346
346
  alt="Image 2"
347
347
  aspectRatio="free"
348
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
348
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
349
349
  fillHeight={true}
350
- image="/demo-assets/landscape2.jpg"
350
+ image="/demo-assets/landscape1-s200.jpg"
351
351
  loading="lazy"
352
352
  theme="light"
353
353
  />
package/src/components/post-block/__snapshots__/PostBlock.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ exports[`<PostBlock> Snapshots and structure should render story 'Default' 1`] =
9
9
  >
10
10
  <Thumbnail
11
11
  alt="Landscape"
12
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
12
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
13
13
  image="/demo-assets/landscape1.jpg"
14
14
  loading="lazy"
15
15
  theme="light"
package/src/components/slideshow/__snapshots__/Slideshow.test.tsx.snap CHANGED
@@ -39,13 +39,13 @@ Array [
39
39
  />
40
40
  </SlideshowItem>
41
41
  <SlideshowItem
42
- key="/demo-assets/landscape2.jpg-1"
42
+ key="/demo-assets/landscape1-s200.jpg-1"
43
43
  >
44
44
  <ImageBlock
45
45
  align="left"
46
46
  alt="Image 2"
47
47
  captionPosition="below"
48
- image="/demo-assets/landscape2.jpg"
48
+ image="/demo-assets/landscape1-s200.jpg"
49
49
  theme="light"
50
50
  thumbnailProps={
51
51
  Object {
@@ -55,13 +55,13 @@ Array [
55
55
  />
56
56
  </SlideshowItem>
57
57
  <SlideshowItem
58
- key="/demo-assets/landscape3.jpg-2"
58
+ key="/demo-assets/landscape2.jpg-2"
59
59
  >
60
60
  <ImageBlock
61
61
  align="left"
62
62
  alt="Image 3"
63
63
  captionPosition="below"
64
- image="/demo-assets/landscape3.jpg"
64
+ image="/demo-assets/landscape2.jpg"
65
65
  theme="light"
66
66
  thumbnailProps={
67
67
  Object {
@@ -71,13 +71,13 @@ Array [
71
71
  />
72
72
  </SlideshowItem>
73
73
  <SlideshowItem
74
- key="/demo-assets/portrait1.jpg-3"
74
+ key="/demo-assets/landscape3.jpg-3"
75
75
  >
76
76
  <ImageBlock
77
77
  align="left"
78
78
  alt="Image 4"
79
79
  captionPosition="below"
80
- image="/demo-assets/portrait1.jpg"
80
+ image="/demo-assets/landscape3.jpg"
81
81
  theme="light"
82
82
  thumbnailProps={
83
83
  Object {
@@ -87,13 +87,13 @@ Array [
87
87
  />
88
88
  </SlideshowItem>
89
89
  <SlideshowItem
90
- key="/demo-assets/portrait2.jpg-4"
90
+ key="/demo-assets/portrait1.jpg-4"
91
91
  >
92
92
  <ImageBlock
93
93
  align="left"
94
94
  alt="Image 5"
95
95
  captionPosition="below"
96
- image="/demo-assets/portrait2.jpg"
96
+ image="/demo-assets/portrait1.jpg"
97
97
  theme="light"
98
98
  thumbnailProps={
99
99
  Object {
@@ -103,13 +103,13 @@ Array [
103
103
  />
104
104
  </SlideshowItem>
105
105
  <SlideshowItem
106
- key="/demo-assets/portrait3.jpg-5"
106
+ key="/demo-assets/portrait1-s200.jpg-5"
107
107
  >
108
108
  <ImageBlock
109
109
  align="left"
110
110
  alt="Image 6"
111
111
  captionPosition="below"
112
- image="/demo-assets/portrait3.jpg"
112
+ image="/demo-assets/portrait1-s200.jpg"
113
113
  theme="light"
114
114
  thumbnailProps={
115
115
  Object {
package/src/components/table/__snapshots__/Table.test.tsx.snap CHANGED
@@ -60,7 +60,7 @@ exports[`<Table> Snapshots and structure should render story 'Default' 1`] = `
60
60
  alt="Frozen yogurt"
61
61
  aspectRatio="square"
62
62
  className="lumx-spacing-margin-right-big"
63
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
63
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
64
64
  image="/demo-assets/landscape1.jpg"
65
65
  loading="lazy"
66
66
  size="m"
@@ -129,7 +129,7 @@ exports[`<Table> Snapshots and structure should render story 'Default' 1`] = `
129
129
  alt="Ice cream sandwich"
130
130
  aspectRatio="square"
131
131
  className="lumx-spacing-margin-right-big"
132
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
132
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
133
133
  image="/demo-assets/landscape2.jpg"
134
134
  loading="lazy"
135
135
  size="m"
@@ -198,7 +198,7 @@ exports[`<Table> Snapshots and structure should render story 'Default' 1`] = `
198
198
  alt="Eclair"
199
199
  aspectRatio="square"
200
200
  className="lumx-spacing-margin-right-big"
201
- fallback="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41"
201
+ fallback="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z"
202
202
  image="/demo-assets/landscape3.jpg"
203
203
  loading="lazy"
204
204
  size="m"