@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/esm/_internal/mosaic.js CHANGED
@@ -7,12 +7,9 @@ import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
- import './constants.js';
11
10
  import './mergeRefs.js';
12
11
  import './Icon2.js';
13
12
  import 'lodash/take';
14
13
  export { M as Mosaic } from './Mosaic2.js';
15
- import './clamp.js';
16
14
  import './Thumbnail2.js';
17
- import 'lodash';
18
15
  //# sourceMappingURL=mosaic.js.map
package/esm/_internal/mosaic.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
package/esm/_internal/post-block.js CHANGED
@@ -7,13 +7,10 @@ import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
- import './constants.js';
11
10
  import './mergeRefs.js';
12
11
  import './Icon2.js';
13
12
  import 'lodash/isObject';
14
13
  export { P as PostBlock } from './PostBlock.js';
15
- import './clamp.js';
16
14
  import './Thumbnail2.js';
17
- import 'lodash';
18
15
  import './types.js';
19
16
  //# sourceMappingURL=post-block.js.map
package/esm/_internal/post-block.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
package/esm/_internal/slider.js CHANGED
@@ -9,6 +9,5 @@ import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import './InputHelper.js';
11
11
  import './InputLabel.js';
12
- export { S as Slider } from './Slider2.js';
13
- export { c as clamp } from './clamp.js';
12
+ export { S as Slider, c as clamp } from './Slider2.js';
14
13
  //# sourceMappingURL=slider.js.map
package/esm/_internal/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"slider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"slider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
package/esm/_internal/thumbnail.js CHANGED
@@ -7,11 +7,8 @@ import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
- import './constants.js';
11
10
  import './mergeRefs.js';
12
11
  import './Icon2.js';
13
- import './clamp.js';
14
- export { T as Thumbnail } from './Thumbnail2.js';
15
- import 'lodash';
12
+ export { T as Thumbnail, u as useFocusPointStyle } from './Thumbnail2.js';
16
13
  export { T as ThumbnailAspectRatio, a as ThumbnailVariant } from './types.js';
17
14
  //# sourceMappingURL=thumbnail.js.map
package/esm/_internal/thumbnail.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
package/esm/_internal/types.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
2
2
  import { AspectRatio } from './components.js';
3
+ import 'react';
3
4
 
4
5
  /**
5
6
  * All available aspect ratios.
package/esm/_internal/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sources":["../../../src/components/thumbnail/types.ts"],"sourcesContent":["import React from 'react';\nimport { AspectRatio, Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils';\n\n/**\n * Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).\n */\nexport type FocusPoint = { x?: number; y?: number };\n\n/**\n * Loading attribute is not yet supported in typescript, so we need\n * to add it in order to avoid a ts error.\n * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes\n */\ndeclare module 'react' {\n interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {\n loading?: 'eager' | 'lazy';\n }\n}\n\n/**\n * All available aspect ratios.\n * @deprecated\n */\nexport const ThumbnailAspectRatio: Record<string, AspectRatio> = { ...AspectRatio };\n\n/**\n * Thumbnail sizes.\n */\nexport type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Thumbnail variants.\n */\nexport const ThumbnailVariant = {\n squared: 'squared',\n rounded: 'rounded',\n} as const;\nexport type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;\n"],"names":["ThumbnailAspectRatio","AspectRatio","ThumbnailVariant","squared","rounded"],"mappings":";;;AAoBA;;;;IAIaA,oBAAiD,sBAAQC,WAAR;AAE9D;;;;AAKA;;;IAGaC,gBAAgB,GAAG;AAC5BC,EAAAA,OAAO,EAAE,SADmB;AAE5BC,EAAAA,OAAO,EAAE;AAFmB;;;;"}
1
+ {"version":3,"file":"types.js","sources":["../../../src/components/thumbnail/types.ts"],"sourcesContent":["import React from 'react';\nimport { AspectRatio, Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils';\n\n/**\n * Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).\n */\nexport type FocusPoint = { x?: number; y?: number };\n\n/**\n * Loading attribute is not yet supported in typescript, so we need\n * to add it in order to avoid a ts error.\n * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes\n */\ndeclare module 'react' {\n interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {\n loading?: 'eager' | 'lazy';\n }\n}\n\n/**\n * All available aspect ratios.\n * @deprecated\n */\nexport const ThumbnailAspectRatio: Record<string, AspectRatio> = { ...AspectRatio };\n\n/**\n * Thumbnail sizes.\n */\nexport type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Thumbnail variants.\n */\nexport const ThumbnailVariant = {\n squared: 'squared',\n rounded: 'rounded',\n} as const;\nexport type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;\n"],"names":["ThumbnailAspectRatio","AspectRatio","ThumbnailVariant","squared","rounded"],"mappings":";;;;AAoBA;;;;IAIaA,oBAAiD,sBAAQC,WAAR;AAE9D;;;;AAKA;;;IAGaC,gBAAgB,GAAG;AAC5BC,EAAAA,OAAO,EAAE,SADmB;AAE5BC,EAAAA,OAAO,EAAE;AAFmB;;;;"}
package/esm/_internal/user-block.js CHANGED
@@ -7,12 +7,9 @@ import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
- import './constants.js';
11
10
  import './mergeRefs.js';
12
11
  import './Avatar2.js';
13
12
  import './Icon2.js';
14
- import './clamp.js';
15
13
  import './Thumbnail2.js';
16
- import 'lodash';
17
14
  export { U as UserBlock } from './UserBlock.js';
18
15
  //# sourceMappingURL=user-block.js.map
package/esm/_internal/user-block.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"user-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"user-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
package/esm/index.js CHANGED
@@ -74,15 +74,13 @@ export { R as RadioButton, a as RadioGroup } from './_internal/RadioGroup.js';
74
74
  export { a as Select, c as SelectMultiple, b as SelectMultipleField, S as SelectVariant } from './_internal/SelectMultiple.js';
75
75
  export { S as SideNavigation, a as SideNavigationItem } from './_internal/SideNavigationItem.js';
76
76
  export { S as SkeletonCircle, b as SkeletonRectangle, a as SkeletonRectangleVariant, c as SkeletonTypography } from './_internal/SkeletonTypography.js';
77
- export { S as Slider } from './_internal/Slider2.js';
78
- export { c as clamp } from './_internal/clamp.js';
77
+ export { S as Slider, c as clamp } from './_internal/Slider2.js';
79
78
  export { S as Slideshow, b as SlideshowControls, a as SlideshowItem } from './_internal/SlideshowControls.js';
80
79
  export { S as Switch } from './_internal/Switch2.js';
81
80
  export { T as Table, a as TableBody, d as TableCell, c as TableCellVariant, e as TableHeader, f as TableRow, b as ThOrder } from './_internal/TableRow.js';
82
81
  export { c as Tab, b as TabList, a as TabListLayout, d as TabPanel, T as TabProvider } from './_internal/TabPanel.js';
83
82
  export { T as TextField } from './_internal/TextField.js';
84
- export { T as Thumbnail } from './_internal/Thumbnail2.js';
85
- import 'lodash';
83
+ export { T as Thumbnail, u as useFocusPointStyle } from './_internal/Thumbnail2.js';
86
84
  export { T as ThumbnailAspectRatio, a as ThumbnailVariant } from './_internal/types.js';
87
85
  export { T as Toolbar } from './_internal/Toolbar2.js';
88
86
  export { T as Tooltip } from './_internal/Tooltip2.js';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -7,8 +7,8 @@
7
7
  },
8
8
  "dependencies": {
9
9
  "@juggle/resize-observer": "^3.2.0",
10
- "@lumx/core": "^2.1.9",
11
- "@lumx/icons": "^2.1.9",
10
+ "@lumx/core": "^2.2.0",
11
+ "@lumx/icons": "^2.2.0",
12
12
  "@popperjs/core": "^2.5.4",
13
13
  "body-scroll-lock": "^3.1.5",
14
14
  "classnames": "^2.2.6",
@@ -120,6 +120,6 @@
120
120
  "build:storybook": "cd storybook && ./build"
121
121
  },
122
122
  "sideEffects": false,
123
- "version": "2.1.9",
124
- "gitHead": "fdcfec63e1d0e4e82934a34b6e27c8076f9cba8d"
123
+ "version": "2.2.0",
124
+ "gitHead": "6d4aa1b10bf4cde545cdfc67c73778c70a549956"
125
125
  }
package/src/components/avatar/Avatar.tsx CHANGED
@@ -93,6 +93,7 @@ export const Avatar: Comp<AvatarProps, HTMLDivElement> = forwardRef((props, ref)
93
93
  size={size}
94
94
  image={image}
95
95
  alt={alt}
96
+ theme={theme}
96
97
  />
97
98
  {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}
98
99
  {badge && <div className={`${CLASSNAME}__badge`}>{badge}</div>}
package/src/components/avatar/__snapshots__/Avatar.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ Array [
9
9
  alt="xs"
10
10
  aspectRatio="square"
11
11
  className="lumx-avatar__thumbnail"
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/avatar2.jpg"
14
14
  loading="lazy"
15
15
  onClick={[Function]}
@@ -24,7 +24,7 @@ Array [
24
24
  alt="s"
25
25
  aspectRatio="square"
26
26
  className="lumx-avatar__thumbnail"
27
- 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"
27
+ 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"
28
28
  image="/demo-assets/avatar2.jpg"
29
29
  loading="lazy"
30
30
  onClick={[Function]}
@@ -39,7 +39,7 @@ Array [
39
39
  alt="m"
40
40
  aspectRatio="square"
41
41
  className="lumx-avatar__thumbnail"
42
- 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"
42
+ 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"
43
43
  image="/demo-assets/avatar2.jpg"
44
44
  loading="lazy"
45
45
  onClick={[Function]}
@@ -54,7 +54,7 @@ Array [
54
54
  alt="l"
55
55
  aspectRatio="square"
56
56
  className="lumx-avatar__thumbnail"
57
- 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"
57
+ 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"
58
58
  image="/demo-assets/avatar2.jpg"
59
59
  loading="lazy"
60
60
  onClick={[Function]}
@@ -69,7 +69,7 @@ Array [
69
69
  alt="xl"
70
70
  aspectRatio="square"
71
71
  className="lumx-avatar__thumbnail"
72
- 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"
72
+ 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"
73
73
  image="/demo-assets/avatar2.jpg"
74
74
  loading="lazy"
75
75
  onClick={[Function]}
@@ -84,7 +84,7 @@ Array [
84
84
  alt="xxl"
85
85
  aspectRatio="square"
86
86
  className="lumx-avatar__thumbnail"
87
- 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"
87
+ 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"
88
88
  image="/demo-assets/avatar2.jpg"
89
89
  loading="lazy"
90
90
  onClick={[Function]}
@@ -104,7 +104,7 @@ Array [
104
104
  alt="xs"
105
105
  aspectRatio="square"
106
106
  className="lumx-avatar__thumbnail"
107
- 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"
107
+ 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"
108
108
  image="/demo-assets/avatar1.jpg"
109
109
  loading="lazy"
110
110
  size="xs"
@@ -118,7 +118,7 @@ Array [
118
118
  alt="s"
119
119
  aspectRatio="square"
120
120
  className="lumx-avatar__thumbnail"
121
- 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"
121
+ 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"
122
122
  image="/demo-assets/avatar1.jpg"
123
123
  loading="lazy"
124
124
  size="s"
@@ -132,7 +132,7 @@ Array [
132
132
  alt="m"
133
133
  aspectRatio="square"
134
134
  className="lumx-avatar__thumbnail"
135
- 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"
135
+ 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"
136
136
  image="/demo-assets/avatar1.jpg"
137
137
  loading="lazy"
138
138
  size="m"
@@ -146,7 +146,7 @@ Array [
146
146
  alt="l"
147
147
  aspectRatio="square"
148
148
  className="lumx-avatar__thumbnail"
149
- 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"
149
+ 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"
150
150
  image="/demo-assets/avatar1.jpg"
151
151
  loading="lazy"
152
152
  size="l"
@@ -160,7 +160,7 @@ Array [
160
160
  alt="xl"
161
161
  aspectRatio="square"
162
162
  className="lumx-avatar__thumbnail"
163
- 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"
163
+ 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"
164
164
  image="/demo-assets/avatar1.jpg"
165
165
  loading="lazy"
166
166
  size="xl"
@@ -174,7 +174,7 @@ Array [
174
174
  alt="xxl"
175
175
  aspectRatio="square"
176
176
  className="lumx-avatar__thumbnail"
177
- 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"
177
+ 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"
178
178
  image="/demo-assets/avatar1.jpg"
179
179
  loading="lazy"
180
180
  size="xxl"
@@ -193,7 +193,7 @@ Array [
193
193
  alt="xs"
194
194
  aspectRatio="square"
195
195
  className="lumx-avatar__thumbnail"
196
- 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"
196
+ 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"
197
197
  image="/demo-assets/avatar2.jpg"
198
198
  loading="lazy"
199
199
  size="xs"
@@ -257,7 +257,7 @@ Array [
257
257
  alt="s"
258
258
  aspectRatio="square"
259
259
  className="lumx-avatar__thumbnail"
260
- 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"
260
+ 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"
261
261
  image="/demo-assets/avatar2.jpg"
262
262
  loading="lazy"
263
263
  size="s"
@@ -321,7 +321,7 @@ Array [
321
321
  alt="m"
322
322
  aspectRatio="square"
323
323
  className="lumx-avatar__thumbnail"
324
- 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"
324
+ 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"
325
325
  image="/demo-assets/avatar2.jpg"
326
326
  loading="lazy"
327
327
  size="m"
@@ -385,7 +385,7 @@ Array [
385
385
  alt="l"
386
386
  aspectRatio="square"
387
387
  className="lumx-avatar__thumbnail"
388
- 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"
388
+ 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"
389
389
  image="/demo-assets/avatar2.jpg"
390
390
  loading="lazy"
391
391
  size="l"
@@ -449,7 +449,7 @@ Array [
449
449
  alt="xl"
450
450
  aspectRatio="square"
451
451
  className="lumx-avatar__thumbnail"
452
- 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"
452
+ 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"
453
453
  image="/demo-assets/avatar2.jpg"
454
454
  loading="lazy"
455
455
  size="xl"
@@ -513,7 +513,7 @@ Array [
513
513
  alt="xxl"
514
514
  aspectRatio="square"
515
515
  className="lumx-avatar__thumbnail"
516
- 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"
516
+ 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"
517
517
  image="/demo-assets/avatar2.jpg"
518
518
  loading="lazy"
519
519
  size="xxl"
@@ -582,7 +582,7 @@ Array [
582
582
  alt="xs"
583
583
  aspectRatio="square"
584
584
  className="lumx-avatar__thumbnail"
585
- 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"
585
+ 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"
586
586
  image="/demo-assets/avatar3.jpg"
587
587
  loading="lazy"
588
588
  size="xs"
@@ -607,7 +607,7 @@ Array [
607
607
  alt="s"
608
608
  aspectRatio="square"
609
609
  className="lumx-avatar__thumbnail"
610
- 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"
610
+ 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"
611
611
  image="/demo-assets/avatar3.jpg"
612
612
  loading="lazy"
613
613
  size="s"
@@ -632,7 +632,7 @@ Array [
632
632
  alt="m"
633
633
  aspectRatio="square"
634
634
  className="lumx-avatar__thumbnail"
635
- 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"
635
+ 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"
636
636
  image="/demo-assets/avatar3.jpg"
637
637
  loading="lazy"
638
638
  size="m"
@@ -657,7 +657,7 @@ Array [
657
657
  alt="l"
658
658
  aspectRatio="square"
659
659
  className="lumx-avatar__thumbnail"
660
- 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"
660
+ 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"
661
661
  image="/demo-assets/avatar3.jpg"
662
662
  loading="lazy"
663
663
  size="l"
@@ -682,7 +682,7 @@ Array [
682
682
  alt="xl"
683
683
  aspectRatio="square"
684
684
  className="lumx-avatar__thumbnail"
685
- 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"
685
+ 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"
686
686
  image="/demo-assets/avatar3.jpg"
687
687
  loading="lazy"
688
688
  size="xl"
@@ -707,7 +707,7 @@ Array [
707
707
  alt="xxl"
708
708
  aspectRatio="square"
709
709
  className="lumx-avatar__thumbnail"
710
- 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"
710
+ 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"
711
711
  image="/demo-assets/avatar3.jpg"
712
712
  loading="lazy"
713
713
  size="xxl"
@@ -737,7 +737,7 @@ Array [
737
737
  alt="xs"
738
738
  aspectRatio="square"
739
739
  className="lumx-avatar__thumbnail"
740
- 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"
740
+ 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"
741
741
  image="/demo-assets/portrait3.jpg"
742
742
  loading="lazy"
743
743
  size="xs"
@@ -751,7 +751,7 @@ Array [
751
751
  alt="s"
752
752
  aspectRatio="square"
753
753
  className="lumx-avatar__thumbnail"
754
- 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"
754
+ 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"
755
755
  image="/demo-assets/portrait3.jpg"
756
756
  loading="lazy"
757
757
  size="s"
@@ -765,7 +765,7 @@ Array [
765
765
  alt="m"
766
766
  aspectRatio="square"
767
767
  className="lumx-avatar__thumbnail"
768
- 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"
768
+ 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"
769
769
  image="/demo-assets/portrait3.jpg"
770
770
  loading="lazy"
771
771
  size="m"
@@ -779,7 +779,7 @@ Array [
779
779
  alt="l"
780
780
  aspectRatio="square"
781
781
  className="lumx-avatar__thumbnail"
782
- 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"
782
+ 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"
783
783
  image="/demo-assets/portrait3.jpg"
784
784
  loading="lazy"
785
785
  size="l"
@@ -793,7 +793,7 @@ Array [
793
793
  alt="xl"
794
794
  aspectRatio="square"
795
795
  className="lumx-avatar__thumbnail"
796
- 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"
796
+ 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"
797
797
  image="/demo-assets/portrait3.jpg"
798
798
  loading="lazy"
799
799
  size="xl"
@@ -807,7 +807,7 @@ Array [
807
807
  alt="xxl"
808
808
  aspectRatio="square"
809
809
  className="lumx-avatar__thumbnail"
810
- 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"
810
+ 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"
811
811
  image="/demo-assets/portrait3.jpg"
812
812
  loading="lazy"
813
813
  size="xxl"
package/src/components/image-block/__snapshots__/ImageBlock.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ exports[`<ImageBlock> Snapshots and structure should render story 'DefaultImageB
9
9
  alt="Image alt text"
10
10
  aspectRatio="square"
11
11
  className="lumx-image-block__image"
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
  focusPoint={
14
14
  Object {
15
15
  "x": 0,