npm - @lumx/react - Versions diffs - 3.1.4 → 3.2.0 - Mend

@lumx/react 3.1.4 → 3.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 (144) hide show

package/_internal/types.d.ts +16 -5
package/index.d.ts +51 -4
package/index.js +621 -417
package/index.js.map +1 -1
package/package.json +3 -3
package/src/components/alert-dialog/AlertDialog.stories.tsx +96 -165
package/src/components/alert-dialog/AlertDialog.test.tsx +15 -23
package/src/components/avatar/Avatar.stories.tsx +91 -62
package/src/components/avatar/Avatar.test.tsx +9 -24
package/src/components/badge/Badge.stories.tsx +63 -38
package/src/components/button/Button.stories.tsx +147 -139
package/src/components/button/IconButton.stories.tsx +45 -0
package/src/components/checkbox/Checkbox.stories.tsx +37 -30
package/src/components/chip/Chip.stories.tsx +77 -15
package/src/components/comment-block/CommentBlock.stories.tsx +90 -25
package/src/components/comment-block/CommentBlock.test.tsx +12 -17
package/src/components/date-picker/DatePickerField.stories.tsx +52 -83
package/src/components/dialog/Dialog.stories.tsx +132 -240
package/src/components/dialog/Dialog.test.tsx +6 -30
package/src/components/dialog/Dialog.tsx +17 -3
package/src/components/dropdown/Dropdown.stories.tsx +1 -186
package/src/components/flag/Flag.stories.tsx +33 -18
package/src/components/flag/Flag.test.tsx +1 -8
package/src/components/flex-box/FlexBox.stories.tsx +151 -238
package/src/components/flex-box/FlexBox.test.tsx +9 -49
package/src/components/generic-block/GenericBlock.stories.jsx +1 -1
package/src/components/grid-column/GridColumn.stories.tsx +46 -0
package/src/components/heading/Heading.stories.tsx +57 -95
package/src/components/icon/Icon.stories.tsx +67 -70
package/src/components/image-block/ImageBlock.stories.tsx +103 -47
package/src/components/image-block/ImageBlock.test.tsx +12 -17
package/src/components/inline-list/InlineList.stories.tsx +45 -29
package/src/components/input-helper/InputHelper.stories.tsx +31 -25
package/src/components/input-label/InputLabel.stories.tsx +33 -10
package/src/components/lightbox/Lightbox.stories.tsx +39 -77
package/src/components/lightbox/Lightbox.test.tsx +12 -17
package/src/components/link/Link.stories.tsx +98 -128
package/src/components/link-preview/LinkPreview.stories.tsx +48 -75
package/src/components/list/List.stories.tsx +59 -84
package/src/components/list/List.test.tsx +8 -17
package/src/components/list/ListDivider.stories.tsx +9 -4
package/src/components/list/ListDivider.test.tsx +12 -17
package/src/components/list/ListItem.stories.tsx +97 -59
package/src/components/list/ListItem.test.tsx +12 -17
package/src/components/list/ListSubheader.stories.tsx +8 -5
package/src/components/list/ListSubheader.test.tsx +12 -18
package/src/components/message/Message.stories.tsx +51 -22
package/src/components/mosaic/Mosaic.stories.tsx +78 -74
package/src/components/mosaic/Mosaic.test.tsx +0 -31
package/src/components/navigation/Navigation.stories.tsx +67 -0
package/src/components/navigation/Navigation.test.tsx +58 -0
package/src/components/navigation/Navigation.tsx +62 -0
package/src/components/navigation/NavigationItem.test.tsx +37 -0
package/src/components/navigation/NavigationItem.tsx +89 -0
package/src/components/navigation/NavigationSection.test.tsx +126 -0
package/src/components/navigation/NavigationSection.tsx +109 -0
package/src/components/navigation/context.tsx +6 -0
package/src/components/navigation/index.ts +1 -0
package/src/components/notification/Notifications.stories.tsx +52 -47
package/src/components/popover/Popover.stories.tsx +68 -201
package/src/components/popover-dialog/PopoverDialog.stories.tsx +26 -65
package/src/components/post-block/PostBlock.test.tsx +12 -17
package/src/components/progress/ProgressCircular.stories.tsx +24 -12
package/src/components/progress/ProgressLinear.stories.tsx +6 -2
package/src/components/radio-button/RadioButton.stories.tsx +35 -24
package/src/components/select/Select.stories.tsx +19 -23
package/src/components/skeleton/SkeletonCircle.stories.tsx +37 -21
package/src/components/skeleton/SkeletonCircle.test.tsx +12 -17
package/src/components/skeleton/SkeletonRectangle.stories.tsx +74 -99
package/src/components/skeleton/SkeletonRectangle.test.tsx +12 -17
package/src/components/skeleton/SkeletonTypography.test.tsx +12 -17
package/src/components/slider/Slider.stories.tsx +41 -25
package/src/components/slider/Slider.test.tsx +12 -18
package/src/components/slideshow/Slideshow.stories.tsx +31 -61
package/src/components/slideshow/Slideshow.test.tsx +15 -23
package/src/components/slideshow/SlideshowControls.stories.tsx +4 -6
package/src/components/switch/Switch.stories.tsx +35 -32
package/src/components/table/Table.test.tsx +12 -17
package/src/components/tabs/Tabs.stories.tsx +4 -3
package/src/components/text/Text.stories.tsx +130 -0
package/src/components/text-field/TextField.stories.tsx +114 -148
package/src/components/thumbnail/Thumbnail.stories.tsx +106 -255
package/src/components/thumbnail/Thumbnail.test.tsx +12 -35
package/src/components/tooltip/Tooltip.stories.tsx +51 -136
package/src/components/user-block/UserBlock.stories.tsx +67 -56
package/src/components/user-block/UserBlock.test.tsx +1 -5
package/src/index.ts +1 -0
package/src/stories/controls/color.ts +6 -0
package/src/stories/controls/element.ts +6 -0
package/src/stories/controls/focusPoint.ts +1 -0
package/src/stories/controls/icons.ts +6 -0
package/src/stories/{knobs → controls}/image.ts +6 -16
package/src/stories/controls/selectArgType.ts +4 -0
package/src/stories/controls/theme.ts +3 -0
package/src/stories/controls/typography.ts +5 -0
package/src/stories/controls/withUndefined.ts +1 -0
package/src/stories/decorators/withChromaticForceScreenSize.tsx +8 -0
package/src/stories/decorators/withCombinations.tsx +99 -0
package/src/stories/decorators/withNestedProps.tsx +23 -0
package/src/stories/{withResizableBox.tsx → decorators/withResizableBox.tsx} +6 -10
package/src/stories/decorators/withValueOnChange.tsx +18 -0
package/src/stories/decorators/withWrapper.tsx +19 -0
package/src/stories/utils/CustomLink.tsx +8 -2
package/src/stories/{knobs → utils}/lorem.ts +9 -9
package/src/testing/utils/commonTestsSuiteRTL.ts +2 -3
package/src/testing/utils/index.ts +0 -2
package/src/untypped-modules.d.ts +0 -2
package/src/utils/MaterialThemeSwitcher/MaterialThemeSwitcher.tsx +1 -1
package/src/utils/ThemeContext.ts +4 -0
package/src/utils/forwardRefPolymorphic.ts +9 -0
package/src/utils/type.ts +28 -4
package/src/components/alert-dialog/__snapshots__/AlertDialog.test.tsx.snap +0 -551
package/src/components/avatar/__snapshots__/Avatar.test.tsx.snap +0 -681
package/src/components/comment-block/__snapshots__/CommentBlock.test.tsx.snap +0 -92
package/src/components/dialog/__snapshots__/Dialog.test.tsx.snap +0 -960
package/src/components/expansion-panel/ExpansionPanel.stories.tsx +0 -65
package/src/components/flag/__snapshots__/Flag.test.tsx.snap +0 -133
package/src/components/flex-box/__snapshots__/FlexBox.test.tsx.snap +0 -492
package/src/components/grid-column/GridColumn.stories.jsx +0 -56
package/src/components/image-block/__snapshots__/ImageBlock.test.tsx.snap +0 -64
package/src/components/lightbox/__snapshots__/Lightbox.test.tsx.snap +0 -194
package/src/components/list/__snapshots__/List.test.tsx.snap +0 -360
package/src/components/list/__snapshots__/ListDivider.test.tsx.snap +0 -7
package/src/components/list/__snapshots__/ListItem.test.tsx.snap +0 -160
package/src/components/list/__snapshots__/ListSubheader.test.tsx.snap +0 -9
package/src/components/mosaic/__snapshots__/Mosaic.test.tsx.snap +0 -357
package/src/components/post-block/__snapshots__/PostBlock.test.tsx.snap +0 -139
package/src/components/skeleton/__snapshots__/SkeletonCircle.test.tsx.snap +0 -54
package/src/components/skeleton/__snapshots__/SkeletonRectangle.test.tsx.snap +0 -177
package/src/components/skeleton/__snapshots__/SkeletonTypography.test.tsx.snap +0 -174
package/src/components/slider/__snapshots__/Slider.test.tsx.snap +0 -122
package/src/components/slideshow/__snapshots__/Slideshow.test.tsx.snap +0 -157
package/src/components/table/__snapshots__/Table.test.tsx.snap +0 -263
package/src/components/text/Text.stories.jsx +0 -75
package/src/components/thumbnail/__snapshots__/Thumbnail.test.tsx.snap +0 -130
package/src/components/user-block/__snapshots__/UserBlock.test.tsx.snap +0 -362
package/src/stories/chromaticForceScreenSize.tsx +0 -7
package/src/stories/knobs/buttonKnob.ts +0 -9
package/src/stories/knobs/emphasisKnob.ts +0 -8
package/src/stories/knobs/enumKnob.ts +0 -14
package/src/stories/knobs/focusKnob.ts +0 -3
package/src/stories/knobs/sizeKnob.ts +0 -5
package/src/stories/knobs/thumbnailsKnob.ts +0 -9
package/src/testing/utils/itShouldRenderStories.tsx +0 -103

package/src/components/grid-column/GridColumn.stories.jsx DELETED Viewed

@@ -1,56 +0,0 @@
-import React from 'react';
-import { GridColumn } from '@lumx/react/components/grid-column/GridColumn';
-import range from 'lodash/range';
-import { Size } from '@lumx/react';
-const genericBlockStyle = { border: '1px solid red', padding: '2px 8px' };
-export default {
-    title: 'LumX components/grid-column/GridColumn',
-    argTypes: {
-        nbItems: {
-            control: 'number',
-            defaultValue: 6,
-            min: 0,
-        },
-        gap: {
-            control: 'select',
-            options: [Size.tiny, Size.regular, Size.big, Size.huge],
-            defaultValue: Size.regular,
-        },
-        itemMinWidth: {
-            control: 'number',
-            defaultValue: 200,
-        },
-        maxColumns: {
-            control: 'number',
-            defaultValue: 4,
-        },
-    },
-    args: {
-        style: {
-            overflow: 'hidden',
-            resize: 'horizontal',
-        },
-    },
-};
-const getItems = (nb) =>
-    range(nb).map((key) => (
-        // eslint-disable-next-line react/jsx-key
-        <div style={genericBlockStyle}>
-            <h2>Column {key}</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
-                dolore magna aliqua. Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Iaculis at erat
-                pellentesque adipiscing commodo elit at imperdiet dui. Ultricies integer quis auctor elit sed vulputate.
-                Mattis enim ut tellus elementum. Ipsum suspendisse ultrices gravida dictum fusce ut..
-            </p>
-        </div>
-    ));
-const Template = ({ nbItems = 5, ...props }) => <GridColumn {...props}>{getItems(nbItems)}</GridColumn>;
-export const Default = Template.bind({});

package/src/components/image-block/__snapshots__/ImageBlock.test.tsx.snap DELETED Viewed

@@ -1,64 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<ImageBlock> Snapshots and structure should render story 'DefaultImageBlock' 1`] = `
-<figure
-  className="lumx-image-block lumx-image-block--caption-position-below lumx-image-block--align-center lumx-image-block--theme-light"
->
-  <Thumbnail
-    align="center"
-    alt="Image alt text"
-    aspectRatio="square"
-    className="lumx-image-block__image"
-    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"
-    focusPoint={
-      {
-        "x": 0,
-        "y": 0,
-      }
-    }
-    image="/demo-assets/landscape1.jpg"
-    loading="lazy"
-    onClick={false}
-    theme="light"
-  />
-  <figcaption
-    className="lumx-image-block__wrapper"
-  >
-    <div
-      className="lumx-image-block__caption"
-    >
-      <span
-        className="lumx-image-block__title"
-      >
-        Hello world
-      </span>
-      <span
-        className="lumx-image-block__description"
-      >
-        My awesome description
-      </span>
-    </div>
-    <div
-      className="lumx-image-block__tags"
-    >
-      <ChipGroup
-        align="left"
-      >
-        <Chip
-          size="s"
-          theme="light"
-        >
-          Tag 1
-        </Chip>
-        <Chip
-          size="s"
-          theme="light"
-        >
-          Tag 2
-        </Chip>
-      </ChipGroup>
-    </div>
-  </figcaption>
-</figure>
-`;

package/src/components/lightbox/__snapshots__/Lightbox.test.tsx.snap DELETED Viewed

@@ -1,194 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Lightbox> Snapshots and structure should render story 'Default' 1`] = `
-<Portal
-  containerInfo={<body />}
->
-  <div
-    aria-modal="true"
-    className="lumx-lightbox lumx-lightbox--is-shown"
-    style={
-      {
-        "zIndex": undefined,
-      }
-    }
-  >
-    <IconButton
-      className="lumx-lightbox__close"
-      color="light"
-      emphasis="low"
-      icon="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"
-      label="Close"
-      onClick={[Function]}
-      size="m"
-      theme="light"
-      type="button"
-    />
-    <ClickAwayProvider
-      callback={[Function]}
-      childrenRefs={
-        {
-          "current": [
-            {
-              "current": null,
-            },
-          ],
-        }
-      }
-    >
-      <div
-        className="lumx-lightbox__wrapper"
-        role="presentation"
-      >
-        <Slideshow
-          activeIndex={0}
-          autoPlay={true}
-          fillHeight={true}
-          groupBy={1}
-          interval={5000}
-          slideshowControlsProps={
-            {
-              "nextButtonProps": {
-                "label": "Next",
-              },
-              "previousButtonProps": {
-                "label": "Previous",
-              },
-            }
-          }
-          theme="dark"
-        >
-          <SlideshowItem
-            key="/demo-assets/portrait1.jpg"
-          >
-            <ImageBlock
-              align="center"
-              alt="Nice Image"
-              captionPosition="below"
-              description="What an image"
-              fillHeight={true}
-              image="/demo-assets/portrait1.jpg"
-              tags={
-                <ChipGroup
-                  align="center"
-                >
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 1
-                  </Chip>
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 2
-                  </Chip>
-                </ChipGroup>
-              }
-              theme="dark"
-              title="Nice Image"
-            />
-          </SlideshowItem>
-          <SlideshowItem
-            key="/demo-assets/portrait2.jpg"
-          >
-            <ImageBlock
-              align="center"
-              alt="Nice Image"
-              captionPosition="below"
-              description="What an image"
-              fillHeight={true}
-              image="/demo-assets/portrait2.jpg"
-              tags={
-                <ChipGroup
-                  align="center"
-                >
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 1
-                  </Chip>
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 2
-                  </Chip>
-                </ChipGroup>
-              }
-              theme="dark"
-              title="Nice Image"
-            />
-          </SlideshowItem>
-          <SlideshowItem
-            key="/demo-assets/landscape3.jpg"
-          >
-            <ImageBlock
-              align="center"
-              alt="Nice Image"
-              captionPosition="below"
-              description="What an image"
-              fillHeight={true}
-              image="/demo-assets/landscape3.jpg"
-              tags={
-                <ChipGroup
-                  align="center"
-                >
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 1
-                  </Chip>
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 2
-                  </Chip>
-                </ChipGroup>
-              }
-              theme="dark"
-              title="Nice Image"
-            />
-          </SlideshowItem>
-          <SlideshowItem
-            key="/demo-assets/landscape2.jpg"
-          >
-            <ImageBlock
-              align="center"
-              alt="Nice Image"
-              captionPosition="below"
-              description="What an image"
-              fillHeight={true}
-              image="/demo-assets/landscape2.jpg"
-              tags={
-                <ChipGroup
-                  align="center"
-                >
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 1
-                  </Chip>
-                  <Chip
-                    size="s"
-                    theme="dark"
-                  >
-                    Tag 2
-                  </Chip>
-                </ChipGroup>
-              }
-              theme="dark"
-              title="Nice Image"
-            />
-          </SlideshowItem>
-        </Slideshow>
-      </div>
-    </ClickAwayProvider>
-  </div>
-</Portal>
-`;

package/src/components/list/__snapshots__/List.test.tsx.snap DELETED Viewed

@@ -1,360 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<List> Snapshots and structure should render story 'AsLink' 1`] = `
-<ul
-  className="lumx-list lumx-list--item-padding-big"
-  tabIndex={-1}
->
-  <ListItem
-    before={
-      <Icon
-        icon="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
-      />
-    }
-    className="lumx-color-background-dark-L6"
-    isHighlighted={false}
-    key=".0"
-    linkProps={
-      {
-        "href": "#",
-      }
-    }
-    linkRef={[Function]}
-    onFocus={[Function]}
-    onItemSelected={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    size="regular"
-  >
-    <span>
-      My first link
-    </span>
-  </ListItem>
-  <ListItem
-    after={
-      <Icon
-        icon="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"
-      />
-    }
-    className="lumx-color-background-dark-L6"
-    isHighlighted={false}
-    key=".1"
-    linkProps={
-      {
-        "href": "http://www.google.com",
-        "target": "_blank",
-      }
-    }
-    linkRef={[Function]}
-    onFocus={[Function]}
-    onItemSelected={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    size="regular"
-  >
-    <span>
-      Google
-    </span>
-  </ListItem>
-</ul>
-`;
-exports[`<List> Snapshots and structure should render story 'KeyboardNavigation' 1`] = `
-<ul
-  className="lumx-list lumx-list--item-padding-big"
-  tabIndex={-1}
->
-  <ListItem
-    isHighlighted={false}
-    key=".0"
-    linkRef={[Function]}
-    onFocus={[Function]}
-    onItemSelected={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    size="regular"
-  >
-    Clickable item 1
-  </ListItem>
-  <ListDivider
-    key=".1"
-  />
-  <ListItem
-    isHighlighted={false}
-    key=".2"
-    linkProps={
-      {
-        "href": "#",
-      }
-    }
-    linkRef={[Function]}
-    onFocus={[Function]}
-    onItemSelected={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    size="regular"
-  >
-    Link item 1
-  </ListItem>
-  <ListItem
-    key=".3..0"
-    size="regular"
-  >
-    Non clickable (=non navigable) item
-  </ListItem>
-  <ListSubheader
-    key=".3..1"
-  >
-    Header
-  </ListSubheader>
-  <ListItem
-    isHighlighted={false}
-    key=".3..2"
-    linkProps={
-      {
-        "href": "#",
-      }
-    }
-    linkRef={[Function]}
-    onFocus={[Function]}
-    onItemSelected={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    size="regular"
-  >
-    Link item 2
-  </ListItem>
-  <ListSubheader
-    key=".3..3"
-  >
-    Header
-  </ListSubheader>
-  <ListItem
-    isDisabled={true}
-    key=".4"
-    linkProps={
-      {
-        "href": "#",
-      }
-    }
-    size="regular"
-  >
-    Disabled link item
-  </ListItem>
-  <ListItem
-    isDisabled={true}
-    key=".5"
-    onItemSelected={[Function]}
-    size="regular"
-  >
-    Disabled button item
-  </ListItem>
-  <CustomListItem
-    key=".6"
-  />
-  <ListItem
-    isHighlighted={false}
-    key=".7:$1"
-    linkProps={
-      {
-        "href": "#",
-      }
-    }
-    linkRef={[Function]}
-    onFocus={[Function]}
-    onItemSelected={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    size="regular"
-  >
-    Link item 4
-  </ListItem>
-</ul>
-`;
-exports[`<List> Snapshots and structure should render story 'WithCustomChildren' 1`] = `
-<ul
-  className="lumx-list"
-  tabIndex={-1}
->
-  <CustomListItem
-    key=".0"
-  />
-  <CustomListItem
-    key=".1"
-  />
-  <CustomListItem
-    key=".2"
-  />
-</ul>
-`;
-exports[`<List> Snapshots and structure should render story 'WithItemPadding' 1`] = `
-[
-  <ul
-    className="lumx-list lumx-list--item-padding-big"
-    tabIndex={-1}
-  >
-    <ListItem
-      className="lumx-color-background-dark-L6"
-      isHighlighted={false}
-      key=".0"
-      linkProps={
-        {
-          "href": "#",
-        }
-      }
-      linkRef={[Function]}
-      onFocus={[Function]}
-      onItemSelected={[Function]}
-      onMouseDown={[Function]}
-      onMouseUp={[Function]}
-      size="big"
-    >
-      <div>
-        Two-line item
-      </div>
-      <div
-        className="lumx-color-font-dark-L2"
-      >
-        Secondary text
-      </div>
-    </ListItem>
-    <ListItem
-      className="lumx-color-background-dark-L6"
-      isHighlighted={false}
-      key=".1"
-      linkProps={
-        {
-          "href": "#",
-        }
-      }
-      linkRef={[Function]}
-      onFocus={[Function]}
-      onItemSelected={[Function]}
-      onMouseDown={[Function]}
-      onMouseUp={[Function]}
-      size="big"
-    >
-      <div>
-        Two-line item
-      </div>
-      <div
-        className="lumx-color-font-dark-L2"
-      >
-        Secondary text
-      </div>
-    </ListItem>
-  </ul>,
-  <ul
-    className="lumx-list lumx-list--item-padding-big"
-    tabIndex={-1}
-  >
-    <ListItem
-      className="lumx-color-background-dark-L6"
-      isHighlighted={false}
-      key=".0"
-      linkProps={
-        {
-          "href": "#",
-        }
-      }
-      linkRef={[Function]}
-      onFocus={[Function]}
-      onItemSelected={[Function]}
-      onMouseDown={[Function]}
-      onMouseUp={[Function]}
-      size="big"
-    >
-      <div>
-        Two-line item
-      </div>
-      <div
-        className="lumx-color-font-dark-L2"
-      >
-        Secondary text
-      </div>
-    </ListItem>
-    <ListItem
-      className="lumx-color-background-dark-L6"
-      isHighlighted={false}
-      key=".1"
-      linkProps={
-        {
-          "href": "#",
-        }
-      }
-      linkRef={[Function]}
-      onFocus={[Function]}
-      onItemSelected={[Function]}
-      onMouseDown={[Function]}
-      onMouseUp={[Function]}
-      size="big"
-    >
-      <div>
-        Two-line item
-      </div>
-      <div
-        className="lumx-color-font-dark-L2"
-      >
-        Secondary text
-      </div>
-    </ListItem>
-  </ul>,
-  <ul
-    className="lumx-list lumx-list--item-padding-huge"
-    tabIndex={-1}
-  >
-    <ListItem
-      className="lumx-color-background-dark-L6"
-      isHighlighted={false}
-      key=".0"
-      linkProps={
-        {
-          "href": "#",
-        }
-      }
-      linkRef={[Function]}
-      onFocus={[Function]}
-      onItemSelected={[Function]}
-      onMouseDown={[Function]}
-      onMouseUp={[Function]}
-      size="big"
-    >
-      <div>
-        Two-line item
-      </div>
-      <div
-        className="lumx-color-font-dark-L2"
-      >
-        Secondary text
-      </div>
-    </ListItem>
-    <ListItem
-      className="lumx-color-background-dark-L6"
-      isHighlighted={false}
-      key=".1"
-      linkProps={
-        {
-          "href": "#",
-        }
-      }
-      linkRef={[Function]}
-      onFocus={[Function]}
-      onItemSelected={[Function]}
-      onMouseDown={[Function]}
-      onMouseUp={[Function]}
-      size="big"
-    >
-      <div>
-        Two-line item
-      </div>
-      <div
-        className="lumx-color-font-dark-L2"
-      >
-        Secondary text
-      </div>
-    </ListItem>
-  </ul>,
-]
-`;

package/src/components/list/__snapshots__/ListDivider.test.tsx.snap DELETED Viewed

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<ListDivider> Snapshots and structure should render story 'Default' 1`] = `
-<li
-  className="lumx-list-divider"
-/>
-`;