Init visual regression, skip inconsistent and broken stories

vimeo · Jul 31, 2023 · eb3d6ca · eb3d6ca
1 parent 294fcb6
commit eb3d6ca
Show file tree

Hide file tree

Showing 277 changed files with 710 additions and 22 deletions.
diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
@@ -107,7 +107,7 @@ jobs:
           version: 7.26.3
       - uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: 16
 
       - uses: actions/cache@v3
         name: Setup pnpm cache
@@ -119,3 +119,35 @@ jobs:
 
       - run: pnpm i --frozen-lockfile
       - run: pnpm jest
+
+  visual-regression:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 7.26.3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: |
+            .pnpm-store
+            pnpm
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+      - run: pnpm i --frozen-lockfile
+      - run: pnpm build-storybook
+
+      - name: Lost Pixel
+        uses: lost-pixel/[email protected]
+
+      - name: Upload artifacts
+        uses: actions/upload-artifact@v3
+        if: failure()
+        with:
+          name: lost-pixel-artifacts
+          path: ./lost-pixel
diff --git a/lost-pixel/.gitignore b/lost-pixel/.gitignore
@@ -0,0 +1,2 @@
+current
+difference
diff --git a/lost-pixel/baseline/color-accent--all.png b/lost-pixel/baseline/color-accent--all.png
diff --git a/lost-pixel/baseline/color-accent--amethyst.png b/lost-pixel/baseline/color-accent--amethyst.png
diff --git a/lost-pixel/baseline/color-accent--cerise.png b/lost-pixel/baseline/color-accent--cerise.png
diff --git a/lost-pixel/baseline/color-accent--cerulean.png b/lost-pixel/baseline/color-accent--cerulean.png
diff --git a/lost-pixel/baseline/color-accent--fuschia.png b/lost-pixel/baseline/color-accent--fuschia.png
diff --git a/lost-pixel/baseline/color-accent--lapis.png b/lost-pixel/baseline/color-accent--lapis.png
diff --git a/lost-pixel/baseline/color-accent--peridot.png b/lost-pixel/baseline/color-accent--peridot.png
diff --git a/lost-pixel/baseline/color-accent--taupe.png b/lost-pixel/baseline/color-accent--taupe.png
diff --git a/lost-pixel/baseline/color-accent--vermilion.png b/lost-pixel/baseline/color-accent--vermilion.png
diff --git a/lost-pixel/baseline/color-system--all.png b/lost-pixel/baseline/color-system--all.png
diff --git a/lost-pixel/baseline/color-system--blue.png b/lost-pixel/baseline/color-system--blue.png
diff --git a/lost-pixel/baseline/color-system--grayscale.png b/lost-pixel/baseline/color-system--grayscale.png
diff --git a/lost-pixel/baseline/color-system--green.png b/lost-pixel/baseline/color-system--green.png
diff --git a/lost-pixel/baseline/color-system--red.png b/lost-pixel/baseline/color-system--red.png
diff --git a/lost-pixel/baseline/color-system--slate.png b/lost-pixel/baseline/color-system--slate.png
diff --git a/lost-pixel/baseline/color-system--yellow.png b/lost-pixel/baseline/color-system--yellow.png
diff --git a/lost-pixel/baseline/components-annotation--annotation.png b/lost-pixel/baseline/components-annotation--annotation.png
diff --git a/lost-pixel/baseline/components-annotation-props--attach.png b/lost-pixel/baseline/components-annotation-props--attach.png
diff --git a/lost-pixel/baseline/components-avatar--avatar.png b/lost-pixel/baseline/components-avatar--avatar.png
diff --git a/lost-pixel/baseline/components-avatar--size.png b/lost-pixel/baseline/components-avatar--size.png
diff --git a/lost-pixel/baseline/components-badge--badge.png b/lost-pixel/baseline/components-badge--badge.png
diff --git a/lost-pixel/baseline/components-badge-props--format-old.png b/lost-pixel/baseline/components-badge-props--format-old.png
diff --git a/lost-pixel/baseline/components-badge-props--format.png b/lost-pixel/baseline/components-badge-props--format.png
diff --git a/lost-pixel/baseline/components-badge-props--href.png b/lost-pixel/baseline/components-badge-props--href.png
diff --git a/lost-pixel/baseline/components-badge-props--size.png b/lost-pixel/baseline/components-badge-props--size.png
diff --git a/lost-pixel/baseline/components-button--button.png b/lost-pixel/baseline/components-button--button.png
diff --git a/lost-pixel/baseline/components-button-examples--growth-cta.png b/lost-pixel/baseline/components-button-examples--growth-cta.png
diff --git a/lost-pixel/baseline/components-button-props--color.png b/lost-pixel/baseline/components-button-props--color.png
diff --git a/lost-pixel/baseline/components-button-props--disabled.png b/lost-pixel/baseline/components-button-props--disabled.png
diff --git a/lost-pixel/baseline/components-button-props--element.png b/lost-pixel/baseline/components-button-props--element.png
diff --git a/lost-pixel/baseline/components-button-props--fluid-queried.png b/lost-pixel/baseline/components-button-props--fluid-queried.png
diff --git a/lost-pixel/baseline/components-button-props--fluid.png b/lost-pixel/baseline/components-button-props--fluid.png
diff --git a/lost-pixel/baseline/components-button-props--format.png b/lost-pixel/baseline/components-button-props--format.png
diff --git a/lost-pixel/baseline/components-button-props--icon-pill.png b/lost-pixel/baseline/components-button-props--icon-pill.png
diff --git a/lost-pixel/baseline/components-button-props--icon-position.png b/lost-pixel/baseline/components-button-props--icon-position.png
diff --git a/lost-pixel/baseline/components-button-props--icon-small.png b/lost-pixel/baseline/components-button-props--icon-small.png
diff --git a/lost-pixel/baseline/components-button-props--icon.png b/lost-pixel/baseline/components-button-props--icon.png
diff --git a/lost-pixel/baseline/components-button-props--loading-story.png b/lost-pixel/baseline/components-button-props--loading-story.png
diff --git a/lost-pixel/baseline/components-button-props--loading.png b/lost-pixel/baseline/components-button-props--loading.png
diff --git a/lost-pixel/baseline/components-button-props--overflow.png b/lost-pixel/baseline/components-button-props--overflow.png
diff --git a/lost-pixel/baseline/components-button-props--size.png b/lost-pixel/baseline/components-button-props--size.png
diff --git a/lost-pixel/baseline/components-button-props--status.png b/lost-pixel/baseline/components-button-props--status.png
diff --git a/lost-pixel/baseline/components-button-props--text-shift.png b/lost-pixel/baseline/components-button-props--text-shift.png
diff --git a/lost-pixel/baseline/components-button-props--variant.png b/lost-pixel/baseline/components-button-props--variant.png
diff --git a/lost-pixel/baseline/components-button-social--social.png b/lost-pixel/baseline/components-button-social--social.png
diff --git a/lost-pixel/baseline/components-button-toggle-state--all-states-story.png b/lost-pixel/baseline/components-button-toggle-state--all-states-story.png
diff --git a/lost-pixel/baseline/components-button-toggle-state--button-toggle-state-story.png b/lost-pixel/baseline/components-button-toggle-state--button-toggle-state-story.png
diff --git a/lost-pixel/baseline/components-button-toggle-state--format-story.png b/lost-pixel/baseline/components-button-toggle-state--format-story.png
diff --git a/lost-pixel/baseline/components-card--card.png b/lost-pixel/baseline/components-card--card.png
diff --git a/lost-pixel/baseline/components-card-category--card-category.png b/lost-pixel/baseline/components-card-category--card-category.png
diff --git a/lost-pixel/baseline/components-card-new-item--card-new-item.png b/lost-pixel/baseline/components-card-new-item--card-new-item.png
diff --git a/lost-pixel/baseline/components-card-new-item-examples--video-library.png b/lost-pixel/baseline/components-card-new-item-examples--video-library.png
diff --git a/lost-pixel/baseline/components-checkbox--checkbox.png b/lost-pixel/baseline/components-checkbox--checkbox.png
diff --git a/lost-pixel/baseline/components-checkbox-props--checked.png b/lost-pixel/baseline/components-checkbox-props--checked.png
diff --git a/lost-pixel/baseline/components-checkbox-props--disabled.png b/lost-pixel/baseline/components-checkbox-props--disabled.png
diff --git a/lost-pixel/baseline/components-checkbox-props--status.png b/lost-pixel/baseline/components-checkbox-props--status.png
diff --git a/lost-pixel/baseline/components-checkbox-set--checkbox-set.png b/lost-pixel/baseline/components-checkbox-set--checkbox-set.png
diff --git a/lost-pixel/baseline/components-color-select--color-select.png b/lost-pixel/baseline/components-color-select--color-select.png
diff --git a/lost-pixel/baseline/components-color-select-2--color-select-2.png b/lost-pixel/baseline/components-color-select-2--color-select-2.png
diff --git a/lost-pixel/baseline/components-color-select-2-minors--color-select-2-presets.png b/lost-pixel/baseline/components-color-select-2-minors--color-select-2-presets.png
diff --git a/lost-pixel/baseline/components-color-select-2-props--attach.png b/lost-pixel/baseline/components-color-select-2-props--attach.png
diff --git a/lost-pixel/baseline/components-color-select-2-props--children.png b/lost-pixel/baseline/components-color-select-2-props--children.png
diff --git a/lost-pixel/baseline/components-color-select-minors--color-select-presets.png b/lost-pixel/baseline/components-color-select-minors--color-select-presets.png
diff --git a/lost-pixel/baseline/components-color-select-props--attach.png b/lost-pixel/baseline/components-color-select-props--attach.png
diff --git a/lost-pixel/baseline/components-color-select-props--children.png b/lost-pixel/baseline/components-color-select-props--children.png
diff --git a/lost-pixel/baseline/components-copy-field--copy-field.png b/lost-pixel/baseline/components-copy-field--copy-field.png
diff --git a/lost-pixel/baseline/components-copy-field-props--children.png b/lost-pixel/baseline/components-copy-field-props--children.png
diff --git a/lost-pixel/baseline/components-copy-field-props--format.png b/lost-pixel/baseline/components-copy-field-props--format.png
diff --git a/lost-pixel/baseline/components-copy-field-props--size.png b/lost-pixel/baseline/components-copy-field-props--size.png
diff --git a/lost-pixel/baseline/components-copy-field-props--status.png b/lost-pixel/baseline/components-copy-field-props--status.png
diff --git a/lost-pixel/baseline/components-copy-field-props--variant.png b/lost-pixel/baseline/components-copy-field-props--variant.png
diff --git a/lost-pixel/baseline/components-counter-icon--counter-icon.png b/lost-pixel/baseline/components-counter-icon--counter-icon.png
diff --git a/lost-pixel/baseline/components-dropzone--dropzone.png b/lost-pixel/baseline/components-dropzone--dropzone.png
diff --git a/lost-pixel/baseline/components-dropzone-examples--upload.png b/lost-pixel/baseline/components-dropzone-examples--upload.png
diff --git a/lost-pixel/baseline/components-file-upload--file-upload.png b/lost-pixel/baseline/components-file-upload--file-upload.png
diff --git a/lost-pixel/baseline/components-grid--grid.png b/lost-pixel/baseline/components-grid--grid.png
diff --git a/lost-pixel/baseline/components-input--input.png b/lost-pixel/baseline/components-input--input.png
diff --git a/lost-pixel/baseline/components-input-examples--autosuggest-with-filter.png b/lost-pixel/baseline/components-input-examples--autosuggest-with-filter.png
diff --git a/lost-pixel/baseline/components-input-examples--underline.png b/lost-pixel/baseline/components-input-examples--underline.png
diff --git a/lost-pixel/baseline/components-input-props--autosuggest.png b/lost-pixel/baseline/components-input-props--autosuggest.png
diff --git a/lost-pixel/baseline/components-input-props--disabled.png b/lost-pixel/baseline/components-input-props--disabled.png
diff --git a/lost-pixel/baseline/components-input-props--floating.png b/lost-pixel/baseline/components-input-props--floating.png
diff --git a/lost-pixel/baseline/components-input-props--messages.png b/lost-pixel/baseline/components-input-props--messages.png
diff --git a/lost-pixel/baseline/components-input-props--number.png b/lost-pixel/baseline/components-input-props--number.png
diff --git a/lost-pixel/baseline/components-input-props--pill.png b/lost-pixel/baseline/components-input-props--pill.png
diff --git a/lost-pixel/baseline/components-input-props--size.png b/lost-pixel/baseline/components-input-props--size.png
diff --git a/lost-pixel/baseline/components-input-props--status.png b/lost-pixel/baseline/components-input-props--status.png
diff --git a/lost-pixel/baseline/components-input-props--variant.png b/lost-pixel/baseline/components-input-props--variant.png
diff --git a/lost-pixel/baseline/components-input-props--with-character-count.png b/lost-pixel/baseline/components-input-props--with-character-count.png
diff --git a/lost-pixel/baseline/components-loader-circular--loader.png b/lost-pixel/baseline/components-loader-circular--loader.png
diff --git a/lost-pixel/baseline/components-loader-circular-props--format.png b/lost-pixel/baseline/components-loader-circular-props--format.png
diff --git a/lost-pixel/baseline/components-loader-circular-props--size.png b/lost-pixel/baseline/components-loader-circular-props--size.png
diff --git a/lost-pixel/baseline/components-menu--menu.png b/lost-pixel/baseline/components-menu--menu.png
diff --git a/lost-pixel/baseline/components-menu-examples--collapsible.png b/lost-pixel/baseline/components-menu-examples--collapsible.png
diff --git a/lost-pixel/baseline/components-menu-examples--complex.png b/lost-pixel/baseline/components-menu-examples--complex.png
diff --git a/lost-pixel/baseline/components-menu-examples--simple.png b/lost-pixel/baseline/components-menu-examples--simple.png
diff --git a/lost-pixel/baseline/components-menu-examples--with-disabled-items.png b/lost-pixel/baseline/components-menu-examples--with-disabled-items.png
diff --git a/lost-pixel/baseline/components-menu-props--format.png b/lost-pixel/baseline/components-menu-props--format.png
diff --git a/lost-pixel/baseline/components-modal--modal.png b/lost-pixel/baseline/components-modal--modal.png
diff --git a/lost-pixel/baseline/components-modal-props--active.png b/lost-pixel/baseline/components-modal-props--active.png
diff --git a/lost-pixel/baseline/components-modal-props--feature.png b/lost-pixel/baseline/components-modal-props--feature.png
diff --git a/lost-pixel/baseline/components-modal-props--screen.png b/lost-pixel/baseline/components-modal-props--screen.png
diff --git a/lost-pixel/baseline/components-modal-props--size.png b/lost-pixel/baseline/components-modal-props--size.png
diff --git a/lost-pixel/baseline/components-notice--notice.png b/lost-pixel/baseline/components-notice--notice.png
diff --git a/lost-pixel/baseline/components-notice-examples--non-string-children.png b/lost-pixel/baseline/components-notice-examples--non-string-children.png
diff --git a/lost-pixel/baseline/components-notice-props--negative-pill.png b/lost-pixel/baseline/components-notice-props--negative-pill.png
diff --git a/lost-pixel/baseline/components-notice-props--negative.png b/lost-pixel/baseline/components-notice-props--negative.png
diff --git a/lost-pixel/baseline/components-notice-props--positive-pill.png b/lost-pixel/baseline/components-notice-props--positive-pill.png
diff --git a/lost-pixel/baseline/components-notice-props--positive.png b/lost-pixel/baseline/components-notice-props--positive.png
diff --git a/lost-pixel/baseline/components-notice-props--primary-pill.png b/lost-pixel/baseline/components-notice-props--primary-pill.png
diff --git a/lost-pixel/baseline/components-notice-props--primary.png b/lost-pixel/baseline/components-notice-props--primary.png
diff --git a/lost-pixel/baseline/components-notification--notification.png b/lost-pixel/baseline/components-notification--notification.png
diff --git a/lost-pixel/baseline/components-notification-examples--fancy-content.png b/lost-pixel/baseline/components-notification-examples--fancy-content.png
diff --git a/lost-pixel/baseline/components-notification-props--action.png b/lost-pixel/baseline/components-notification-props--action.png
diff --git a/lost-pixel/baseline/components-notification-props--automatic.png b/lost-pixel/baseline/components-notification-props--automatic.png
diff --git a/lost-pixel/baseline/components-notification-props--controlled.png b/lost-pixel/baseline/components-notification-props--controlled.png
diff --git a/lost-pixel/baseline/components-pagination--pagination.png b/lost-pixel/baseline/components-pagination--pagination.png
diff --git a/lost-pixel/baseline/components-panel-props--active.png b/lost-pixel/baseline/components-panel-props--active.png
diff --git a/lost-pixel/baseline/components-panel-props--attach.png b/lost-pixel/baseline/components-panel-props--attach.png
diff --git a/lost-pixel/baseline/components-panel-props--resizable.png b/lost-pixel/baseline/components-panel-props--resizable.png
diff --git a/lost-pixel/baseline/components-password--password.png b/lost-pixel/baseline/components-password--password.png
diff --git a/lost-pixel/baseline/components-password-props--floating.png b/lost-pixel/baseline/components-password-props--floating.png
diff --git a/lost-pixel/baseline/components-password-props--label.png b/lost-pixel/baseline/components-password-props--label.png
diff --git a/lost-pixel/baseline/components-path--path.png b/lost-pixel/baseline/components-path--path.png
diff --git a/lost-pixel/baseline/components-path-examples--custom-widths.png b/lost-pixel/baseline/components-path-examples--custom-widths.png
diff --git a/lost-pixel/baseline/components-pop-over--pop-over.png b/lost-pixel/baseline/components-pop-over--pop-over.png
diff --git a/lost-pixel/baseline/components-pop-over-examples--dynamic-size.png b/lost-pixel/baseline/components-pop-over-examples--dynamic-size.png
diff --git a/lost-pixel/baseline/components-pop-over-examples--pop-over-inside-link.png b/lost-pixel/baseline/components-pop-over-examples--pop-over-inside-link.png
diff --git a/lost-pixel/baseline/components-pop-over-examples--scrollable.png b/lost-pixel/baseline/components-pop-over-examples--scrollable.png
diff --git a/lost-pixel/baseline/components-pop-over-props--active.png b/lost-pixel/baseline/components-pop-over-props--active.png
diff --git a/lost-pixel/baseline/components-pop-over-props--attach.png b/lost-pixel/baseline/components-pop-over-props--attach.png
diff --git a/lost-pixel/baseline/components-progress--progress.png b/lost-pixel/baseline/components-progress--progress.png
diff --git a/lost-pixel/baseline/components-radio--radio-set.png b/lost-pixel/baseline/components-radio--radio-set.png
diff --git a/lost-pixel/baseline/components-radio--radio.png b/lost-pixel/baseline/components-radio--radio.png
diff --git a/lost-pixel/baseline/components-radio-examples--buttons.png b/lost-pixel/baseline/components-radio-examples--buttons.png
diff --git a/lost-pixel/baseline/components-radio-examples--controlled.png b/lost-pixel/baseline/components-radio-examples--controlled.png
diff --git a/lost-pixel/baseline/components-radio-examples--custom-element.png b/lost-pixel/baseline/components-radio-examples--custom-element.png
diff --git a/lost-pixel/baseline/components-radio-examples--horizontal.png b/lost-pixel/baseline/components-radio-examples--horizontal.png
diff --git a/lost-pixel/baseline/components-ribbon--ribbon.png b/lost-pixel/baseline/components-ribbon--ribbon.png
diff --git a/lost-pixel/baseline/components-ribbon-props--animate.png b/lost-pixel/baseline/components-ribbon-props--animate.png
diff --git a/lost-pixel/baseline/components-ribbon-props--custom.png b/lost-pixel/baseline/components-ribbon-props--custom.png
diff --git a/lost-pixel/baseline/components-ribbon-props--size.png b/lost-pixel/baseline/components-ribbon-props--size.png
diff --git a/lost-pixel/baseline/components-ribbon-props--variant.png b/lost-pixel/baseline/components-ribbon-props--variant.png
diff --git a/lost-pixel/baseline/components-search--search.png b/lost-pixel/baseline/components-search--search.png
diff --git a/lost-pixel/baseline/components-search-props--format.png b/lost-pixel/baseline/components-search-props--format.png
diff --git a/lost-pixel/baseline/components-search-props--size.png b/lost-pixel/baseline/components-search-props--size.png
diff --git a/lost-pixel/baseline/components-search-props--variant.png b/lost-pixel/baseline/components-search-props--variant.png
diff --git a/lost-pixel/baseline/components-select--select.png b/lost-pixel/baseline/components-select--select.png
diff --git a/lost-pixel/baseline/components-select-props--default-value.png b/lost-pixel/baseline/components-select-props--default-value.png
diff --git a/lost-pixel/baseline/components-select-props--disabled.png b/lost-pixel/baseline/components-select-props--disabled.png
diff --git a/lost-pixel/baseline/components-select-props--faux-external-state.png b/lost-pixel/baseline/components-select-props--faux-external-state.png
diff --git a/lost-pixel/baseline/components-select-props--faux.png b/lost-pixel/baseline/components-select-props--faux.png
diff --git a/lost-pixel/baseline/components-select-props--messages.png b/lost-pixel/baseline/components-select-props--messages.png
diff --git a/lost-pixel/baseline/components-select-props--pill.png b/lost-pixel/baseline/components-select-props--pill.png
diff --git a/lost-pixel/baseline/components-select-props--size.png b/lost-pixel/baseline/components-select-props--size.png
diff --git a/lost-pixel/baseline/components-select-props--status.png b/lost-pixel/baseline/components-select-props--status.png
diff --git a/lost-pixel/baseline/components-select-props--value.png b/lost-pixel/baseline/components-select-props--value.png
diff --git a/lost-pixel/baseline/components-sidebar--sidebar.png b/lost-pixel/baseline/components-sidebar--sidebar.png
diff --git a/lost-pixel/baseline/components-sidebar-examples--active.png b/lost-pixel/baseline/components-sidebar-examples--active.png
diff --git a/lost-pixel/baseline/components-sidebar-examples--live.png b/lost-pixel/baseline/components-sidebar-examples--live.png
diff --git a/lost-pixel/baseline/components-sidebar-props--attach.png b/lost-pixel/baseline/components-sidebar-props--attach.png
diff --git a/lost-pixel/baseline/components-sidebar-props--on-open-on-close.png b/lost-pixel/baseline/components-sidebar-props--on-open-on-close.png
diff --git a/lost-pixel/baseline/components-sidebar-props--state.png b/lost-pixel/baseline/components-sidebar-props--state.png
diff --git a/lost-pixel/baseline/components-slider--slider.png b/lost-pixel/baseline/components-slider--slider.png
diff --git a/lost-pixel/baseline/components-slider-props--editable-label.png b/lost-pixel/baseline/components-slider-props--editable-label.png
diff --git a/lost-pixel/baseline/components-slider-props--in-popover.png b/lost-pixel/baseline/components-slider-props--in-popover.png
diff --git a/lost-pixel/baseline/components-slider-props--min-max.png b/lost-pixel/baseline/components-slider-props--min-max.png
diff --git a/lost-pixel/baseline/components-slider-props--range.png b/lost-pixel/baseline/components-slider-props--range.png
diff --git a/lost-pixel/baseline/components-tag--on-close.png b/lost-pixel/baseline/components-tag--on-close.png
diff --git a/lost-pixel/baseline/components-tag--size.png b/lost-pixel/baseline/components-tag--size.png
diff --git a/lost-pixel/baseline/components-tag--src.png b/lost-pixel/baseline/components-tag--src.png
diff --git a/lost-pixel/baseline/components-tag--tag.png b/lost-pixel/baseline/components-tag--tag.png
diff --git a/lost-pixel/baseline/components-text-area--text-area.png b/lost-pixel/baseline/components-text-area--text-area.png
diff --git a/lost-pixel/baseline/components-text-area-props--default-value.png b/lost-pixel/baseline/components-text-area-props--default-value.png
diff --git a/lost-pixel/baseline/components-text-area-props--format.png b/lost-pixel/baseline/components-text-area-props--format.png
diff --git a/lost-pixel/baseline/components-text-area-props--with-character-count.png b/lost-pixel/baseline/components-text-area-props--with-character-count.png
diff --git a/lost-pixel/baseline/components-tip--tip.png b/lost-pixel/baseline/components-tip--tip.png
diff --git a/lost-pixel/baseline/components-tip-examples--fancy.png b/lost-pixel/baseline/components-tip-examples--fancy.png
diff --git a/lost-pixel/baseline/components-tip-examples--text-wrapping.png b/lost-pixel/baseline/components-tip-examples--text-wrapping.png
diff --git a/lost-pixel/baseline/components-tip-examples--tip-pop-over-combo.png b/lost-pixel/baseline/components-tip-examples--tip-pop-over-combo.png
diff --git a/lost-pixel/baseline/components-tip-props--active.png b/lost-pixel/baseline/components-tip-props--active.png
diff --git a/lost-pixel/baseline/components-tip-props--attach.png b/lost-pixel/baseline/components-tip-props--attach.png
diff --git a/lost-pixel/baseline/components-tip-props--pill.png b/lost-pixel/baseline/components-tip-props--pill.png
diff --git a/lost-pixel/baseline/components-tip-props--trigger.png b/lost-pixel/baseline/components-tip-props--trigger.png
diff --git a/lost-pixel/baseline/components-tip-props--variant.png b/lost-pixel/baseline/components-tip-props--variant.png
diff --git a/lost-pixel/baseline/components-toggle--toggle.png b/lost-pixel/baseline/components-toggle--toggle.png
diff --git a/lost-pixel/baseline/components-toggle-props--checked.png b/lost-pixel/baseline/components-toggle-props--checked.png
diff --git a/lost-pixel/baseline/components-toggle-props--disabled.png b/lost-pixel/baseline/components-toggle-props--disabled.png
diff --git a/lost-pixel/baseline/components-toggle-props--error.png b/lost-pixel/baseline/components-toggle-props--error.png
diff --git a/lost-pixel/baseline/components-toggle-props--icon.png b/lost-pixel/baseline/components-toggle-props--icon.png
diff --git a/lost-pixel/baseline/components-toggle-props--label.png b/lost-pixel/baseline/components-toggle-props--label.png
diff --git a/lost-pixel/baseline/components-toggle-props--size.png b/lost-pixel/baseline/components-toggle-props--size.png
diff --git a/lost-pixel/baseline/components-tour-point-examples--inside-pop-over-with-delay.png b/lost-pixel/baseline/components-tour-point-examples--inside-pop-over-with-delay.png
diff --git a/lost-pixel/baseline/components-tour-point-examples--inside-pop-over.png b/lost-pixel/baseline/components-tour-point-examples--inside-pop-over.png
diff --git a/lost-pixel/baseline/components-tour-point-props--confirmation.png b/lost-pixel/baseline/components-tour-point-props--confirmation.png
diff --git a/lost-pixel/baseline/components-tour-point-props--dismission.png b/lost-pixel/baseline/components-tour-point-props--dismission.png
diff --git a/lost-pixel/baseline/icons-icons--all.png b/lost-pixel/baseline/icons-icons--all.png
diff --git a/lost-pixel/baseline/icons-icons--brand.png b/lost-pixel/baseline/icons-icons--brand.png
diff --git a/lost-pixel/baseline/icons-icons--media.png b/lost-pixel/baseline/icons-icons--media.png
diff --git a/lost-pixel/baseline/icons-icons--payment.png b/lost-pixel/baseline/icons-icons--payment.png
diff --git a/lost-pixel/baseline/icons-icons--social.png b/lost-pixel/baseline/icons-icons--social.png
diff --git a/lost-pixel/baseline/icons-icons--ui.png b/lost-pixel/baseline/icons-icons--ui.png
diff --git a/lost-pixel/baseline/icons-icons--vimeo.png b/lost-pixel/baseline/icons-icons--vimeo.png
diff --git a/lost-pixel/baseline/illustration-illustrations--all.png b/lost-pixel/baseline/illustration-illustrations--all.png
diff --git a/lost-pixel/baseline/labs-pronouns--auto-complete.png b/lost-pixel/baseline/labs-pronouns--auto-complete.png
diff --git a/lost-pixel/baseline/labs-pronouns--comments.png b/lost-pixel/baseline/labs-pronouns--comments.png
diff --git a/lost-pixel/baseline/labs-pronouns--general-settings.png b/lost-pixel/baseline/labs-pronouns--general-settings.png
diff --git a/lost-pixel/baseline/labs-pronouns--user-settings.png b/lost-pixel/baseline/labs-pronouns--user-settings.png
diff --git a/lost-pixel/baseline/labs-pronouns--video-list.png b/lost-pixel/baseline/labs-pronouns--video-list.png
diff --git a/lost-pixel/baseline/labs-themekit--common.png b/lost-pixel/baseline/labs-themekit--common.png
diff --git a/lost-pixel/baseline/themes-theme--common.png b/lost-pixel/baseline/themes-theme--common.png
diff --git a/lost-pixel/baseline/tokens-color--background.png b/lost-pixel/baseline/tokens-color--background.png
diff --git a/lost-pixel/baseline/tokens-color--format.png b/lost-pixel/baseline/tokens-color--format.png
diff --git a/lost-pixel/baseline/tokens-color--livestream.png b/lost-pixel/baseline/tokens-color--livestream.png
diff --git a/lost-pixel/baseline/tokens-color--rainbow.png b/lost-pixel/baseline/tokens-color--rainbow.png
diff --git a/lost-pixel/baseline/tokens-color--status.png b/lost-pixel/baseline/tokens-color--status.png
diff --git a/lost-pixel/baseline/tokens-color--stroke.png b/lost-pixel/baseline/tokens-color--stroke.png
diff --git a/lost-pixel/baseline/tokens-color--surface.png b/lost-pixel/baseline/tokens-color--surface.png
diff --git a/lost-pixel/baseline/tokens-color--text.png b/lost-pixel/baseline/tokens-color--text.png
diff --git a/lost-pixel/baseline/tokens-color--upsell.png b/lost-pixel/baseline/tokens-color--upsell.png
diff --git a/lost-pixel/baseline/tokens-edge--edge.png b/lost-pixel/baseline/tokens-edge--edge.png
diff --git a/lost-pixel/baseline/tokens-space--space.png b/lost-pixel/baseline/tokens-space--space.png
diff --git a/lost-pixel/baseline/tokens-typography--size.png b/lost-pixel/baseline/tokens-typography--size.png
diff --git a/lost-pixel/baseline/typography-big-stat--big-stat.png b/lost-pixel/baseline/typography-big-stat--big-stat.png
diff --git a/lost-pixel/baseline/typography-big-stat-props--content-editable.png b/lost-pixel/baseline/typography-big-stat-props--content-editable.png
diff --git a/lost-pixel/baseline/typography-header--header.png b/lost-pixel/baseline/typography-header--header.png
diff --git a/lost-pixel/baseline/typography-header-props--content-editable.png b/lost-pixel/baseline/typography-header-props--content-editable.png
diff --git a/lost-pixel/baseline/typography-header-props--size.png b/lost-pixel/baseline/typography-header-props--size.png
diff --git a/lost-pixel/baseline/typography-header-props--variant.png b/lost-pixel/baseline/typography-header-props--variant.png
diff --git a/lost-pixel/baseline/typography-link--link.png b/lost-pixel/baseline/typography-link--link.png
diff --git a/lost-pixel/baseline/typography-link-examples--custom-styles.png b/lost-pixel/baseline/typography-link-examples--custom-styles.png
diff --git a/lost-pixel/baseline/typography-link-props--format.png b/lost-pixel/baseline/typography-link-props--format.png
diff --git a/lost-pixel/baseline/typography-link-props--variant.png b/lost-pixel/baseline/typography-link-props--variant.png
diff --git a/lost-pixel/baseline/typography-meta--meta.png b/lost-pixel/baseline/typography-meta--meta.png
diff --git a/lost-pixel/baseline/typography-paragraph--paragraph.png b/lost-pixel/baseline/typography-paragraph--paragraph.png
diff --git a/lost-pixel/baseline/typography-paragraph-props--format.png b/lost-pixel/baseline/typography-paragraph-props--format.png
diff --git a/lost-pixel/baseline/typography-paragraph-props--size.png b/lost-pixel/baseline/typography-paragraph-props--size.png
diff --git a/lost-pixel/baseline/typography-paragraph-props--status.png b/lost-pixel/baseline/typography-paragraph-props--status.png
diff --git a/lost-pixel/baseline/typography-text--text.png b/lost-pixel/baseline/typography-text--text.png
diff --git a/lost-pixel/baseline/typography-text-examples--custom-heavy.png b/lost-pixel/baseline/typography-text-examples--custom-heavy.png
diff --git a/lost-pixel/baseline/typography-text-examples--custom-meta.png b/lost-pixel/baseline/typography-text-examples--custom-meta.png
diff --git a/lost-pixel/baseline/typography-text-examples--custom-thin.png b/lost-pixel/baseline/typography-text-examples--custom-thin.png
diff --git a/lost-pixel/baseline/typography-text-props--content-editable.png b/lost-pixel/baseline/typography-text-props--content-editable.png
diff --git a/lost-pixel/baseline/typography-text-props--size.png b/lost-pixel/baseline/typography-text-props--size.png
diff --git a/lost-pixel/baseline/utilties-character-count--common.png b/lost-pixel/baseline/utilties-character-count--common.png
diff --git a/lost-pixel/baseline/utilties-use-anchor--common.png b/lost-pixel/baseline/utilties-use-anchor--common.png
diff --git a/lost-pixel/baseline/utilties-use-measure--children.png b/lost-pixel/baseline/utilties-use-measure--children.png
diff --git a/lost-pixel/baseline/utilties-use-measure--common.png b/lost-pixel/baseline/utilties-use-measure--common.png
diff --git a/lostpixel.config.ts b/lostpixel.config.ts
@@ -0,0 +1,15 @@
+import { CustomProjectConfig } from 'lost-pixel';
+
+// https://docs.lost-pixel.com/user-docs/api-reference/lost-pixel.config.js-or-ts
+export const config: CustomProjectConfig = {
+  browser: 'chromium',
+  storybookShots: {
+    storybookUrl: './storybook-static',
+  },
+  threshold: 3,
+  imagePathBaseline: './lost-pixel/baseline',
+  imagePathCurrent: './lost-pixel/current',
+  imagePathDifference: './lost-pixel/difference',
+  generateOnly: true,
+  failOnDifference: true,
+};
diff --git a/package.json b/package.json
@@ -75,6 +75,7 @@
     "framer-motion": "^6.5.1",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.3",
+    "lost-pixel": "^3.4.1",
     "polished": "^4.2.2",
     "pre-commit": "^1.2.2",
     "prettier": "^2.8.8",