@lumx/react 2.2.3 → 2.2.6

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 (98) hide show
  1. package/esm/_internal/AlertDialog.js +1 -2
  2. package/esm/_internal/AlertDialog.js.map +1 -1
  3. package/esm/_internal/AutocompleteMultiple.js +1 -2
  4. package/esm/_internal/AutocompleteMultiple.js.map +1 -1
  5. package/esm/_internal/Button2.js +1 -1
  6. package/esm/_internal/Checkbox2.js +1 -2
  7. package/esm/_internal/Checkbox2.js.map +1 -1
  8. package/esm/_internal/DatePickerField.js +1 -1
  9. package/esm/_internal/DragHandle.js +1 -2
  10. package/esm/_internal/DragHandle.js.map +1 -1
  11. package/esm/_internal/ExpansionPanel.js +1 -1
  12. package/esm/_internal/Icon2.js +23 -3
  13. package/esm/_internal/Icon2.js.map +1 -1
  14. package/esm/_internal/IconButton.js +1 -1
  15. package/esm/_internal/Lightbox2.js +1 -1
  16. package/esm/_internal/Link2.js +1 -1
  17. package/esm/_internal/LinkPreview.js +1 -1
  18. package/esm/_internal/LinkPreview.js.map +1 -1
  19. package/esm/_internal/Message2.js +3 -3
  20. package/esm/_internal/Message2.js.map +1 -1
  21. package/esm/_internal/Notification2.js +1 -2
  22. package/esm/_internal/Notification2.js.map +1 -1
  23. package/esm/_internal/ProgressTrackerStepPanel.js +1 -2
  24. package/esm/_internal/ProgressTrackerStepPanel.js.map +1 -1
  25. package/esm/_internal/SelectMultiple.js +1 -2
  26. package/esm/_internal/SelectMultiple.js.map +1 -1
  27. package/esm/_internal/SideNavigationItem.js +1 -2
  28. package/esm/_internal/SideNavigationItem.js.map +1 -1
  29. package/esm/_internal/SlideshowControls.js +1 -1
  30. package/esm/_internal/TabPanel.js +1 -1
  31. package/esm/_internal/TableRow.js +1 -2
  32. package/esm/_internal/TableRow.js.map +1 -1
  33. package/esm/_internal/TextField.js +1 -2
  34. package/esm/_internal/TextField.js.map +1 -1
  35. package/esm/_internal/Thumbnail2.js +6 -3
  36. package/esm/_internal/Thumbnail2.js.map +1 -1
  37. package/esm/_internal/alert-dialog.js +1 -2
  38. package/esm/_internal/alert-dialog.js.map +1 -1
  39. package/esm/_internal/autocomplete.js +1 -2
  40. package/esm/_internal/autocomplete.js.map +1 -1
  41. package/esm/_internal/avatar.js +1 -2
  42. package/esm/_internal/avatar.js.map +1 -1
  43. package/esm/_internal/button.js +1 -1
  44. package/esm/_internal/checkbox.js +1 -2
  45. package/esm/_internal/checkbox.js.map +1 -1
  46. package/esm/_internal/comment-block.js +1 -2
  47. package/esm/_internal/comment-block.js.map +1 -1
  48. package/esm/_internal/date-picker.js +1 -2
  49. package/esm/_internal/date-picker.js.map +1 -1
  50. package/esm/_internal/drag-handle.js +1 -2
  51. package/esm/_internal/drag-handle.js.map +1 -1
  52. package/esm/_internal/expansion-panel.js +1 -2
  53. package/esm/_internal/expansion-panel.js.map +1 -1
  54. package/esm/_internal/flag.js +1 -1
  55. package/esm/_internal/icon.js +1 -1
  56. package/esm/_internal/image-block.js +1 -2
  57. package/esm/_internal/image-block.js.map +1 -1
  58. package/esm/_internal/lightbox.js +1 -2
  59. package/esm/_internal/lightbox.js.map +1 -1
  60. package/esm/_internal/link-preview.js +1 -2
  61. package/esm/_internal/link-preview.js.map +1 -1
  62. package/esm/_internal/link.js +1 -1
  63. package/esm/_internal/message.js +1 -2
  64. package/esm/_internal/message.js.map +1 -1
  65. package/esm/_internal/mosaic.js +1 -2
  66. package/esm/_internal/mosaic.js.map +1 -1
  67. package/esm/_internal/notification.js +1 -2
  68. package/esm/_internal/notification.js.map +1 -1
  69. package/esm/_internal/post-block.js +1 -2
  70. package/esm/_internal/post-block.js.map +1 -1
  71. package/esm/_internal/progress-tracker.js +1 -2
  72. package/esm/_internal/progress-tracker.js.map +1 -1
  73. package/esm/_internal/select.js +1 -2
  74. package/esm/_internal/select.js.map +1 -1
  75. package/esm/_internal/side-navigation.js +1 -2
  76. package/esm/_internal/side-navigation.js.map +1 -1
  77. package/esm/_internal/slideshow.js +1 -2
  78. package/esm/_internal/slideshow.js.map +1 -1
  79. package/esm/_internal/table.js +1 -2
  80. package/esm/_internal/table.js.map +1 -1
  81. package/esm/_internal/tabs.js +1 -1
  82. package/esm/_internal/text-field.js +1 -2
  83. package/esm/_internal/text-field.js.map +1 -1
  84. package/esm/_internal/thumbnail.js +1 -2
  85. package/esm/_internal/thumbnail.js.map +1 -1
  86. package/esm/_internal/uploader.js +1 -1
  87. package/esm/_internal/user-block.js +1 -2
  88. package/esm/_internal/user-block.js.map +1 -1
  89. package/esm/index.js +1 -2
  90. package/esm/index.js.map +1 -1
  91. package/package.json +4 -4
  92. package/src/components/icon/Icon.tsx +5 -0
  93. package/src/components/link-preview/LinkPreview.tsx +1 -1
  94. package/src/components/link-preview/__snapshots__/LinkPreview.test.tsx.snap +2 -2
  95. package/src/components/message/Message.tsx +3 -1
  96. package/src/components/thumbnail/Thumbnail.tsx +7 -1
  97. package/esm/_internal/mdi.js +0 -22
  98. package/esm/_internal/mdi.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"expansion-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"expansion-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,10 +2,10 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
+ import './Icon2.js';
5
6
  import 'lodash/isBoolean';
6
7
  import 'lodash/isEmpty';
7
8
  import 'lodash/kebabCase';
8
9
  import 'lodash/noop';
9
10
  export { F as Flag } from './Flag2.js';
10
- import './Icon2.js';
11
11
  //# sourceMappingURL=flag.js.map
@@ -2,9 +2,9 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
+ export { I as Icon } from './Icon2.js';
5
6
  import 'lodash/isBoolean';
6
7
  import 'lodash/isEmpty';
7
8
  import 'lodash/kebabCase';
8
9
  import 'lodash/noop';
9
- export { I as Icon } from './Icon2.js';
10
10
  //# sourceMappingURL=icon.js.map
@@ -2,13 +2,12 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import './mergeRefs.js';
11
- import './Icon2.js';
12
11
  import 'lodash/isObject';
13
12
  export { a as ImageBlock, I as ImageBlockCaptionPosition } from './ImageBlock.js';
14
13
  import './Thumbnail2.js';
@@ -1 +1 @@
1
- {"version":3,"file":"image-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
1
+ {"version":3,"file":"image-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import '../index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
@@ -21,7 +21,6 @@ import './ClickAwayProvider.js';
21
21
  import 'lodash/pull';
22
22
  import './useDelayedVisibility.js';
23
23
  import './useDisableBodyScroll.js';
24
- import './Icon2.js';
25
24
  export { L as Lightbox } from './Lightbox2.js';
26
25
  import './Tooltip2.js';
27
26
  import 'lodash/debounce';
@@ -1 +1 @@
1
- {"version":3,"file":"lightbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"lightbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import './mergeRefs.js';
11
11
  import './renderLink.js';
12
- import './Icon2.js';
13
12
  import './Link2.js';
14
13
  export { L as LinkPreview } from './LinkPreview.js';
15
14
  import './Thumbnail2.js';
@@ -1 +1 @@
1
- {"version":3,"file":"link-preview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"link-preview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -2,11 +2,11 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
+ import './Icon2.js';
5
6
  import 'lodash/isBoolean';
6
7
  import 'lodash/isEmpty';
7
8
  import 'lodash/kebabCase';
8
9
  import 'lodash/noop';
9
10
  import './renderLink.js';
10
- import './Icon2.js';
11
11
  export { L as Link } from './Link2.js';
12
12
  //# sourceMappingURL=link.js.map
@@ -2,11 +2,10 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
- import './Icon2.js';
11
10
  export { M as Message } from './Message2.js';
12
11
  //# sourceMappingURL=message.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
1
+ {"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -2,13 +2,12 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import './mergeRefs.js';
11
- import './Icon2.js';
12
11
  import 'lodash/take';
13
12
  export { M as Mosaic } from './Mosaic2.js';
14
13
  import './Thumbnail2.js';
@@ -1 +1 @@
1
- {"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
1
+ {"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
@@ -14,6 +14,5 @@ import './Button2.js';
14
14
  import 'lodash/isFunction';
15
15
  import 'react-dom';
16
16
  import './useDelayedVisibility.js';
17
- import './Icon2.js';
18
17
  export { N as Notification } from './Notification2.js';
19
18
  //# sourceMappingURL=notification.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"notification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -2,13 +2,12 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import './mergeRefs.js';
11
- import './Icon2.js';
12
11
  import 'lodash/isObject';
13
12
  export { P as PostBlock } from './PostBlock.js';
14
13
  import './Thumbnail2.js';
@@ -1 +1 @@
1
- {"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -2,14 +2,13 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import '../index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
9
9
  import 'lodash/kebabCase';
10
10
  import 'lodash/noop';
11
11
  import './mergeRefs.js';
12
- import './Icon2.js';
13
12
  import './InputHelper.js';
14
13
  import './InputLabel.js';
15
14
  import './useRovingTabIndex.js';
@@ -1 +1 @@
1
- {"version":3,"file":"progress-tracker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"progress-tracker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import '../index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
@@ -23,7 +23,6 @@ import './ClickAwayProvider.js';
23
23
  import 'lodash/pull';
24
24
  import './List2.js';
25
25
  import './Dropdown2.js';
26
- import './Icon2.js';
27
26
  import './InputHelper.js';
28
27
  import './InputLabel.js';
29
28
  export { a as Select, c as SelectMultiple, b as SelectMultipleField, S as SelectVariant } from './SelectMultiple.js';
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import '../index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
@@ -19,7 +19,6 @@ import './IconButton.js';
19
19
  import 'react-dom';
20
20
  import './ClickAwayProvider.js';
21
21
  import 'lodash/pull';
22
- import './Icon2.js';
23
22
  export { S as SideNavigation, a as SideNavigationItem } from './SideNavigationItem.js';
24
23
  import './Tooltip2.js';
25
24
  import 'lodash/debounce';
@@ -1 +1 @@
1
- {"version":3,"file":"side-navigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"side-navigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import '../index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
@@ -20,7 +20,6 @@ import 'lodash/range';
20
20
  import 'react-dom';
21
21
  import './ClickAwayProvider.js';
22
22
  import 'lodash/pull';
23
- import './Icon2.js';
24
23
  export { S as Slideshow, b as SlideshowControls, a as SlideshowItem } from './SlideshowControls.js';
25
24
  import './Tooltip2.js';
26
25
  import 'lodash/debounce';
@@ -1 +1 @@
1
- {"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,12 +2,11 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import 'lodash/isFunction';
11
- import './Icon2.js';
12
11
  export { T as Table, a as TableBody, d as TableCell, c as TableCellVariant, e as TableHeader, f as TableRow, b as ThOrder } from './TableRow.js';
13
12
  //# sourceMappingURL=table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
1
+ {"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
@@ -2,13 +2,13 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
+ import './Icon2.js';
5
6
  import '../index2.js';
6
7
  import 'lodash/isBoolean';
7
8
  import 'lodash/isEmpty';
8
9
  import 'lodash/kebabCase';
9
10
  import 'lodash/noop';
10
11
  import './mergeRefs.js';
11
- import './Icon2.js';
12
12
  import './useRovingTabIndex.js';
13
13
  export { c as Tab, b as TabList, a as TabListLayout, d as TabPanel, T as TabProvider } from './TabPanel.js';
14
14
  //# sourceMappingURL=tabs.js.map
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import '../index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
@@ -18,7 +18,6 @@ import './IconButton.js';
18
18
  import 'react-dom';
19
19
  import './ClickAwayProvider.js';
20
20
  import 'lodash/pull';
21
- import './Icon2.js';
22
21
  import './InputHelper.js';
23
22
  import './InputLabel.js';
24
23
  export { T as TextField } from './TextField.js';
@@ -1 +1 @@
1
- {"version":3,"file":"text-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"text-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,13 +2,12 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
9
9
  import 'lodash/noop';
10
10
  import './mergeRefs.js';
11
- import './Icon2.js';
12
11
  export { T as Thumbnail, u as useFocusPointStyle } from './Thumbnail2.js';
13
12
  export { T as ThumbnailAspectRatio, a as ThumbnailVariant } from './types.js';
14
13
  //# sourceMappingURL=thumbnail.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -2,10 +2,10 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
+ import './Icon2.js';
5
6
  import 'lodash/isBoolean';
6
7
  import 'lodash/isEmpty';
7
8
  import 'lodash/kebabCase';
8
9
  import 'lodash/noop';
9
- import './Icon2.js';
10
10
  export { a as Uploader, U as UploaderVariant } from './Uploader2.js';
11
11
  //# sourceMappingURL=uploader.js.map
@@ -2,7 +2,7 @@ import './_rollupPluginBabelHelpers.js';
2
2
  import './components.js';
3
3
  import 'react';
4
4
  import './getRootClassName.js';
5
- import './mdi.js';
5
+ import './Icon2.js';
6
6
  import 'lodash/isBoolean';
7
7
  import 'lodash/isEmpty';
8
8
  import 'lodash/kebabCase';
@@ -10,7 +10,6 @@ import 'lodash/noop';
10
10
  import './mergeRefs.js';
11
11
  import './Avatar2.js';
12
12
  import './renderLink.js';
13
- import './Icon2.js';
14
13
  import './Link2.js';
15
14
  import './Thumbnail2.js';
16
15
  export { U as UserBlock } from './UserBlock.js';
@@ -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
@@ -2,7 +2,7 @@ import './_internal/_rollupPluginBabelHelpers.js';
2
2
  export { Alignment, AspectRatio, ColorPalette, ColorVariant, Emphasis, Kind, Orientation, Size, Theme, Typography, TypographyInterface, TypographyTitleCustom } from './_internal/components.js';
3
3
  import 'react';
4
4
  import './_internal/getRootClassName.js';
5
- import './_internal/mdi.js';
5
+ export { I as Icon } from './_internal/Icon2.js';
6
6
  import './index2.js';
7
7
  import 'lodash/isBoolean';
8
8
  import 'lodash/isEmpty';
@@ -53,7 +53,6 @@ export { F as Flag } from './_internal/Flag2.js';
53
53
  import 'lodash/castArray';
54
54
  export { F as FlexBox } from './_internal/FlexBox.js';
55
55
  export { G as Grid, a as GridItem } from './_internal/GridItem.js';
56
- export { I as Icon } from './_internal/Icon2.js';
57
56
  import 'lodash/isObject';
58
57
  export { a as ImageBlock, I as ImageBlockCaptionPosition } from './_internal/ImageBlock.js';
59
58
  export { I as InputHelper } from './_internal/InputHelper.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.2.3",
11
- "@lumx/icons": "^2.2.3",
10
+ "@lumx/core": "^2.2.6",
11
+ "@lumx/icons": "^2.2.6",
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.2.3",
124
- "gitHead": "ac62f8ec49f1d9eb677950b4c934c55cec3c8870"
123
+ "version": "2.2.6",
124
+ "gitHead": "fc0a2a32102883668d8a1427154ae4d5f2b4cfda"
125
125
  }
@@ -4,6 +4,7 @@ import classNames from 'classnames';
4
4
 
5
5
  import { Color, ColorPalette, ColorVariant, Size, Theme } from '@lumx/react';
6
6
  import { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';
7
+ import { mdiAlertCircle } from '@lumx/icons';
7
8
 
8
9
  export type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
9
10
 
@@ -101,6 +102,10 @@ export const Icon: Comp<IconProps, HTMLElement> = forwardRef((props, ref) => {
101
102
  size: iconSize,
102
103
  }),
103
104
  !hasShape && `${CLASSNAME}--no-shape`,
105
+ !hasShape &&
106
+ iconColor === ColorPalette.yellow &&
107
+ icon === mdiAlertCircle &&
108
+ `${CLASSNAME}--has-dark-layer`,
104
109
  `${CLASSNAME}--path`,
105
110
  )}
106
111
  >
@@ -115,7 +115,7 @@ export const LinkPreview: Comp<LinkPreviewProps, HTMLDivElement> = forwardRef((p
115
115
  className={classNames(`${CLASSNAME}__link`, linkProps?.className)}
116
116
  target="_blank"
117
117
  href={link}
118
- color={theme === Theme.light ? ColorPalette.blue : ColorPalette.light}
118
+ color={theme === Theme.light ? ColorPalette.primary : ColorPalette.light}
119
119
  colorVariant={ColorVariant.N}
120
120
  >
121
121
  {link}
@@ -15,7 +15,7 @@ exports[`<LinkPreview> Snapshots and structure should render correctly 1`] = `
15
15
  >
16
16
  <Link
17
17
  className="lumx-link-preview__link"
18
- color="blue"
18
+ color="primary"
19
19
  colorVariant="N"
20
20
  target="_blank"
21
21
  />
@@ -40,7 +40,7 @@ exports[`<LinkPreview> Snapshots and structure should render correctly 2`] = `
40
40
  >
41
41
  <Link
42
42
  className="lumx-link-preview__link"
43
- color="blue"
43
+ color="primary"
44
44
  colorVariant="N"
45
45
  target="_blank"
46
46
  />
@@ -62,7 +62,9 @@ export const Message: Comp<MessageProps, HTMLDivElement> = forwardRef((props, re
62
62
  )}
63
63
  {...forwardedProps}
64
64
  >
65
- {(customIcon || icon) && <Icon className={`${CLASSNAME}__icon`} icon={customIcon || icon} size={Size.xs} />}
65
+ {(customIcon || icon) && (
66
+ <Icon className={`${CLASSNAME}__icon`} icon={customIcon || icon} size={Size.xs} color={color} />
67
+ )}
66
68
  <div className={`${CLASSNAME}__text`}>{children}</div>
67
69
  </div>
68
70
  );
@@ -188,7 +188,13 @@ export const Thumbnail: Comp<ThumbnailProps> = forwardRef((props, ref) => {
188
188
  ...focusPointStyle,
189
189
  }}
190
190
  ref={mergeRefs(setImgElement, propImgRef)}
191
- className={classNames(`${CLASSNAME}__image`, isLoading && `${CLASSNAME}__image--is-loading`)}
191
+ className={classNames(
192
+ handleBasicClasses({
193
+ prefix: `${CLASSNAME}__image`,
194
+ isLoading,
195
+ hasDefinedSize: Boolean(imgProps?.height && imgProps.width),
196
+ }),
197
+ )}
192
198
  crossOrigin={crossOrigin}
193
199
  src={image}
194
200
  alt={alt}
@@ -1,22 +0,0 @@
1
- // Material Design Icons v5.8.55
2
- var mdiAlert = "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z";
3
- var mdiAlertCircle = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
4
- var mdiArrowDown = "M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z";
5
- var mdiArrowUp = "M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z";
6
- var mdiCheck = "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z";
7
- var mdiCheckCircle = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z";
8
- var mdiChevronDown = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";
9
- var mdiChevronLeft = "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z";
10
- var mdiChevronRight = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";
11
- var mdiChevronUp = "M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z";
12
- var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
13
- var mdiCloseCircle = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z";
14
- var mdiDragVertical = "M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z";
15
- var mdiImageBroken = "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";
16
- var mdiInformation = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
17
- var mdiMenuDown = "M7,10L12,15L17,10H7Z";
18
- var mdiRadioboxBlank = "M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
19
- var mdiRadioboxMarked = "M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z";
20
-
21
- export { mdiInformation as a, mdiCheckCircle as b, mdiAlertCircle as c, mdiClose as d, mdiCheck as e, mdiChevronRight as f, mdiChevronLeft as g, mdiDragVertical as h, mdiChevronUp as i, mdiChevronDown as j, mdiRadioboxMarked as k, mdiRadioboxBlank as l, mdiAlert as m, mdiCloseCircle as n, mdiMenuDown as o, mdiArrowUp as p, mdiArrowDown as q, mdiImageBroken as r };
22
- //# sourceMappingURL=mdi.js.map