diff --git a/README.md b/README.md index f1f8c059c..2c76934f0 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,6 @@ Design system built with A11Y in mind. Developed as a [Lerna](https://lerna.js.o - [Run unit tests](#run-unit-tests) - [Run visual regression tests](#run-visual-regression-tests) - [Approve the updated for visual regression test screenshots](#approve-the-updated-for-visual-regression-test-screenshots) - - [Generate new screenshots for the new/updated components](#generate-new-screenshots-for-the-newupdated-components) - [Run all checks at once](#run-all-checks-at-once) - [Releasing a new version](#releasing-a-new-version) @@ -182,23 +181,6 @@ pnpm run test:visual Now, if the test suite failed, we need to go to `packages/ui/.loki` and manually review the screenshots in the `current` folder and the diff in the `difference` folder. If we like what we see, we need to run `pnpm run test:visual:approve` in the `packages/ui` folder. It will update the reference screenshots. -### Generate new screenshots for the new/updated components - -Go to `packages/ui` and run command for screenshot generation. The command builds storybook and updates screenshots. - -``` -cd packages/ui -pnpm run generate-screenshots -``` - -In case you see an error in the console `error:0308010C:digital envelope routines` - -try to run first - -```shell -export NODE_OPTIONS=--openssl-legacy-provider -``` - ### Run all checks at once ``` diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Active.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Active.png index bb11ec6aa..3f9385d43 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Active.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Active.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Default.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Default.png index 67a52ad15..6d1754a31 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Default.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Default.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled.png index 854736df1..08badc76c 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label.png index 59cf35eb5..902485fca 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label_Showing_Label_In_Tooltip.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label_Showing_Label_In_Tooltip.png index 59cf35eb5..902485fca 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label_Showing_Label_In_Tooltip.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Disabled_With_Long_Label_Showing_Label_In_Tooltip.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Focused.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Focused.png index e77034ea8..a1f050ccb 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Focused.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Focused.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Hovered.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Hovered.png index 04c54a4ea..40e2d3fdd 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Hovered.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Hovered.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Non_Capitalized.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Non_Capitalized.png index 77f3eec06..5a432d5ea 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_Non_Capitalized.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_Non_Capitalized.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Inset_Outline.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Inset_Outline.png index 67a52ad15..6d1754a31 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Inset_Outline.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Inset_Outline.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_And_Right_Icons.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_And_Right_Icons.png index 6d344a2ee..0a5b3a96b 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_And_Right_Icons.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_And_Right_Icons.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_Icon.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_Icon.png index 95dacdb7d..81bf91fee 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_Icon.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Left_Icon.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader.png index 296156dbd..0d048083d 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Both_Icons.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Both_Icons.png index 871a78bc0..b80cea632 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Both_Icons.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Both_Icons.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Left_Icon.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Left_Icon.png index 296156dbd..0d048083d 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Left_Icon.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Left_Icon.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Right_Icon.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Right_Icon.png index dd6961a34..428d1d3cf 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Right_Icon.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Loader_And_Right_Icon.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Long_Label.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Long_Label.png index dc01b13ef..4a15fcce7 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Long_Label.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Long_Label.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Right_Icon.png b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Right_Icon.png index 760439b11..7a28595f4 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Right_Icon.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Button_With_Right_Icon.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_CheckableSelectField_Without_Options.png b/packages/ui/.loki/reference/chrome_minimal_Components_CheckableSelectField_Without_Options.png index 3c27ee62c..48170fa62 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_CheckableSelectField_Without_Options.png and b/packages/ui/.loki/reference/chrome_minimal_Components_CheckableSelectField_Without_Options.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value.png b/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value.png index 937cd098d..a87a20523 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value.png and b/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value_And_No_Results.png b/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value_And_No_Results.png index d7a6ccb1d..c5d7ed4eb 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value_And_No_Results.png and b/packages/ui/.loki/reference/chrome_minimal_Components_MultiSelectField_Open_With_Input_Value_And_No_Results.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Default.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Default.png index 03b6d94ab..32a0bbdd0 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Default.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Default.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen.png index 51424e3ea..b07decbd0 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Full_Height_Content.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Full_Height_Content.png index d4c0e607b..cddfb5669 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Full_Height_Content.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Full_Height_Content.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Long_Content.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Long_Content.png index d4c0e607b..cddfb5669 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Long_Content.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Fullscreen_With_Long_Content.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Not_Closable.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Not_Closable.png index 5d68d09a1..95e2e03fe 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Not_Closable.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Not_Closable.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Close_Text.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Close_Text.png index f280049da..6d8beb974 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Close_Text.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Close_Text.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Title.png b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Title.png index ff1cf5bef..b4044c1ce 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Title.png and b/packages/ui/.loki/reference/chrome_minimal_Components_Overlay_Without_Title.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value.png b/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value.png index 2d7254db0..6cd3bbd8f 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value.png and b/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value_And_No_Results.png b/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value_And_No_Results.png index b352b0556..ba7f1ee15 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value_And_No_Results.png and b/packages/ui/.loki/reference/chrome_minimal_Components_SelectField_Open_With_Input_Value_And_No_Results.png differ