@lumx/react 2.1.6-alpha.3 → 2.1.7
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/esm/_internal/Lightbox2.js +10 -4
- package/esm/_internal/Lightbox2.js.map +1 -1
- package/esm/_internal/List2.js.map +1 -1
- package/esm/_internal/TextField.js +2 -2
- package/esm/_internal/TextField.js.map +1 -1
- package/esm/_internal/UserBlock.js +1 -0
- package/esm/_internal/UserBlock.js.map +1 -1
- package/package.json +10 -15
- package/src/components/alert-dialog/AlertDialog.stories.tsx +9 -2
- package/src/components/autocomplete/AutocompleteMultiple.stories.tsx +1 -1
- package/src/components/avatar/__snapshots__/Avatar.test.tsx.snap +30 -30
- package/src/components/comment-block/__snapshots__/CommentBlock.test.tsx.snap +1 -1
- package/src/components/dialog/Dialog.stories.tsx +9 -2
- package/src/components/image-block/ImageBlock.stories.tsx +2 -2
- package/src/components/image-block/__snapshots__/ImageBlock.test.tsx.snap +1 -1
- package/src/components/lightbox/Lightbox.stories.tsx +82 -0
- package/src/components/lightbox/Lightbox.tsx +12 -4
- package/src/components/mosaic/__snapshots__/Mosaic.test.tsx.snap +18 -18
- package/src/components/notification/Notifications.stories.tsx +16 -10
- package/src/components/skeleton/SkeletonCircle.stories.tsx +1 -1
- package/src/components/skeleton/SkeletonRectangle.stories.tsx +1 -1
- package/src/components/skeleton/SkeletonTypography.stories.tsx +1 -1
- package/src/components/slideshow/__snapshots__/Slideshow.test.tsx.snap +12 -12
- package/src/components/text-field/TextField.stories.tsx +30 -0
- package/src/components/text-field/TextField.tsx +11 -9
- package/src/components/thumbnail/Thumbnail.stories.tsx +2 -2
- package/src/components/thumbnail/__snapshots__/Thumbnail.test.tsx.snap +5 -5
- package/src/components/user-block/UserBlock.stories.tsx +4 -1
- package/src/components/user-block/UserBlock.tsx +1 -0
- package/src/components/user-block/__snapshots__/UserBlock.test.tsx.snap +10 -10
- package/src/stories/chromaticForceScreenSize.tsx +7 -0
- package/src/stories/generated/Autocomplete/Demos.stories.tsx +1 -1
- package/src/stories/generated/Avatar/Demos.stories.tsx +1 -1
- package/src/stories/generated/Badge/Demos.stories.tsx +1 -1
- package/src/stories/generated/Button/Demos.stories.tsx +1 -1
- package/src/stories/generated/Checkbox/Demos.stories.tsx +1 -1
- package/src/stories/generated/Chip/Demos.stories.tsx +1 -1
- package/src/stories/generated/CommentBlock/Demos.stories.tsx +1 -1
- package/src/stories/generated/DatePicker/Demos.stories.tsx +1 -1
- package/src/stories/generated/Dialog/Demos.stories.tsx +1 -1
- package/src/stories/generated/Divider/Demos.stories.tsx +1 -1
- package/src/stories/generated/Dropdown/Demos.stories.tsx +1 -1
- package/src/stories/generated/ExpansionPanel/Demos.stories.tsx +1 -1
- package/src/stories/generated/Icon/Demos.stories.tsx +1 -1
- package/src/stories/generated/ImageBlock/Demos.stories.tsx +1 -1
- package/src/stories/generated/Lightbox/Demos.stories.tsx +1 -1
- package/src/stories/generated/Link/Demos.stories.tsx +1 -1
- package/src/stories/generated/LinkPreview/Demos.stories.tsx +1 -1
- package/src/stories/generated/List/Demos.stories.tsx +1 -1
- package/src/stories/generated/Message/Demos.stories.tsx +1 -1
- package/src/stories/generated/Mosaic/Demos.stories.tsx +1 -1
- package/src/stories/generated/Notification/Demos.stories.tsx +1 -1
- package/src/stories/generated/Popover/Demos.stories.tsx +1 -1
- package/src/stories/generated/PostBlock/Demos.stories.tsx +1 -1
- package/src/stories/generated/Progress/Demos.stories.tsx +1 -1
- package/src/stories/generated/ProgressTracker/Demos.stories.tsx +1 -1
- package/src/stories/generated/RadioButton/Demos.stories.tsx +1 -1
- package/src/stories/generated/Select/Demos.stories.tsx +1 -1
- package/src/stories/generated/SideNavigation/Demos.stories.tsx +1 -1
- package/src/stories/generated/Skeleton/Demos.stories.tsx +1 -1
- package/src/stories/generated/Slider/Demos.stories.tsx +1 -1
- package/src/stories/generated/Slideshow/Demos.stories.tsx +1 -1
- package/src/stories/generated/Switch/Demos.stories.tsx +1 -1
- package/src/stories/generated/Table/Demos.stories.tsx +1 -1
- package/src/stories/generated/Tabs/Demos.stories.tsx +1 -1
- package/src/stories/generated/TextField/Demos.stories.tsx +1 -1
- package/src/stories/generated/Thumbnail/Demos.stories.tsx +1 -1
- package/src/stories/generated/Toolbar/Demos.stories.tsx +1 -1
- package/src/stories/generated/Tooltip/Demos.stories.tsx +1 -1
- package/src/stories/generated/Uploader/Demos.stories.tsx +1 -1
- package/src/stories/generated/UserBlock/Demos.stories.tsx +1 -1
- package/src/stories/knobs/enumKnob.ts +1 -1
- package/src/stories/knobs/image.ts +12 -12
- package/src/untypped-modules.d.ts +2 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/comment-block/Demos' };
|
|
4
|
+
export default { title: 'LumX components/comment-block/CommentBlock Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Relevant } from './relevant';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/date-picker/Demos' };
|
|
4
|
+
export default { title: 'LumX components/date-picker/DatePicker Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Input } from './input';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/dialog/Demos' };
|
|
4
|
+
export default { title: 'LumX components/dialog/Dialog Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Alert } from './alert';
|
|
7
7
|
export { App as Confirm } from './confirm';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/dropdown/Demos' };
|
|
4
|
+
export default { title: 'LumX components/dropdown/Dropdown Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Target } from './target';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/expansion-panel/Demos' };
|
|
4
|
+
export default { title: 'LumX components/expansion-panel/ExpansionPanel Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as DragHandle } from './drag-handle';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/icon/Demos' };
|
|
4
|
+
export default { title: 'LumX components/icon/Icon Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Colors } from './colors';
|
|
7
7
|
export { App as Shape } from './shape';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/image-block/Demos' };
|
|
4
|
+
export default { title: 'LumX components/image-block/ImageBlock Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as ImageBlockAbove } from './image-block-above';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/link/Demos' };
|
|
4
|
+
export default { title: 'LumX components/link/Link Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Implicit } from './implicit';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/link-preview/Demos' };
|
|
4
|
+
export default { title: 'LumX components/link-preview/LinkPreview Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Big } from './big';
|
|
7
7
|
export { App as Default } from './default';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/list/Demos' };
|
|
4
|
+
export default { title: 'LumX components/list/List Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Big } from './big';
|
|
7
7
|
export { App as Huge } from './huge';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/message/Demos' };
|
|
4
|
+
export default { title: 'LumX components/message/Message Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Error } from './error';
|
|
7
7
|
export { App as Info } from './info';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/mosaic/Demos' };
|
|
4
|
+
export default { title: 'LumX components/mosaic/Mosaic Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as FourImages } from './four-images';
|
|
7
7
|
export { App as MoreImages } from './more-images';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/notification/Demos' };
|
|
4
|
+
export default { title: 'LumX components/notification/Notification Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/popover/Demos' };
|
|
4
|
+
export default { title: 'LumX components/popover/Popover Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Alignments } from './alignments';
|
|
7
7
|
export { App as Auto } from './auto';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/progress/Demos' };
|
|
4
|
+
export default { title: 'LumX components/progress/Progress Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Circular } from './circular';
|
|
7
7
|
export { App as Linear } from './linear';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/progress-tracker/Demos' };
|
|
4
|
+
export default { title: 'LumX components/progress-tracker/ProgressTracker Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Error } from './error';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/radio-button/Demos' };
|
|
4
|
+
export default { title: 'LumX components/radio-button/RadioButton Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/select/Demos' };
|
|
4
|
+
export default { title: 'LumX components/select/Select Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as MultiSelectChip } from './multi-select-chip';
|
|
7
7
|
export { App as MultiSelectSearch } from './multi-select-search';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/side-navigation/Demos' };
|
|
4
|
+
export default { title: 'LumX components/side-navigation/SideNavigation Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Emphasis } from './emphasis';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/skeleton/Demos' };
|
|
4
|
+
export default { title: 'LumX components/skeleton/Skeleton Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Animation } from './animation';
|
|
7
7
|
export { App as Circle } from './circle';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/slider/Demos' };
|
|
4
|
+
export default { title: 'LumX components/slider/Slider Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Precision } from './precision';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/slideshow/Demos' };
|
|
4
|
+
export default { title: 'LumX components/slideshow/Slideshow Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Auto } from './auto';
|
|
7
7
|
export { App as Default } from './default';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/tabs/Demos' };
|
|
4
|
+
export default { title: 'LumX components/tabs/Tabs Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as IconTabs } from './icon-tabs';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/text-field/Demos' };
|
|
4
|
+
export default { title: 'LumX components/text-field/TextField Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as CharacterCounter } from './character-counter';
|
|
7
7
|
export { App as Clearable } from './clearable';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/thumbnail/Demos' };
|
|
4
|
+
export default { title: 'LumX components/thumbnail/Thumbnail Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Combined } from './combined';
|
|
7
7
|
export { App as Ratios } from './ratios';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/toolbar/Demos' };
|
|
4
|
+
export default { title: 'LumX components/toolbar/Toolbar Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Back } from './back';
|
|
7
7
|
export { App as Default } from './default';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/tooltip/Demos' };
|
|
4
|
+
export default { title: 'LumX components/tooltip/Tooltip Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Default } from './default';
|
|
7
7
|
export { App as Delay } from './delay';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/uploader/Demos' };
|
|
4
|
+
export default { title: 'LumX components/uploader/Uploader Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Avatar } from './avatar';
|
|
7
7
|
export { App as Default } from './default';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* File generated when storybook is started. Do not edit directly!
|
|
3
3
|
*/
|
|
4
|
-
export default { title: 'LumX components/user-block/Demos' };
|
|
4
|
+
export default { title: 'LumX components/user-block/UserBlock Demos' };
|
|
5
5
|
|
|
6
6
|
export { App as Extended } from './extended';
|
|
7
7
|
export { App as SizeL } from './size-l';
|
|
@@ -10,5 +10,5 @@ export function enumKnob<T>(
|
|
|
10
10
|
const values: Record<string, T> = !isArray(enumObj)
|
|
11
11
|
? enumObj
|
|
12
12
|
: Object.fromEntries(Object.values(enumObj).map((value) => [value, value]));
|
|
13
|
-
return select
|
|
13
|
+
return select(name, values, defaultValue, groupId);
|
|
14
14
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { select } from '@storybook/addon-knobs';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
const avatar1 = '/demo-assets/avatar1.jpg';
|
|
4
|
+
const avatar2 = '/demo-assets/avatar2.jpg';
|
|
5
|
+
const avatar3 = '/demo-assets/avatar3.jpg';
|
|
6
|
+
const avatar4 = '/demo-assets/avatar4.jpg';
|
|
7
|
+
const landscape1 = '/demo-assets/landscape1.jpg';
|
|
8
|
+
const landscape2 = '/demo-assets/landscape2.jpg';
|
|
9
|
+
const landscape3 = '/demo-assets/landscape3.jpg';
|
|
10
|
+
const portrait1 = '/demo-assets/portrait1.jpg';
|
|
11
|
+
const portrait2 = '/demo-assets/portrait2.jpg';
|
|
12
|
+
const portrait3 = '/demo-assets/portrait3.jpg';
|
|
13
|
+
const square1 = '/demo-assets/square1.jpg';
|
|
14
|
+
const square2 = '/demo-assets/square2.jpg';
|
|
15
15
|
|
|
16
16
|
export const AVATAR_IMAGES = { avatar1, avatar2, avatar3, avatar4 };
|
|
17
17
|
|