diff --git a/.github/workflows/documentation-main.yml b/.github/workflows/documentation-deploy-prod.yml similarity index 96% rename from .github/workflows/documentation-main.yml rename to .github/workflows/documentation-deploy-prod.yml index f8fd4e61ed..8c56420c32 100644 --- a/.github/workflows/documentation-main.yml +++ b/.github/workflows/documentation-deploy-prod.yml @@ -45,20 +45,23 @@ jobs: - name: Plasma UI Docs run: | - export NODE_OPTIONS=--openssl-legacy-provider npm run build --prefix="./website/plasma-ui-docs" cp -R ./website/plasma-ui-docs/build ./s3_build/next-${{ github.sha }}/ui - name: Plasma Web Docs run: | - export NODE_OPTIONS=--openssl-legacy-provider npm run build --prefix="./website/plasma-web-docs" cp -R ./website/plasma-web-docs/build ./s3_build/next-${{ github.sha }}/web - - name: Plasma SDDS-SERV Docs + - name: SDDS-SERV Docs run: | npm run build --prefix="./website/sdds-serv-docs" - cp -R ./website/sdds-serv-docs/build ./s3_build/next-${{ github.sha }}/sdds-serv + cp -R ./website/sdds-serv-docs/build ./s3_build/next-${{ github.sha }}/sdds-serv + + - name: CALDERA-ONLINE Docs + run: | + npm run build --prefix="./website/caldera-online-docs" + cp -R ./website/caldera-online-docs/build ./s3_build/next-${{ github.sha }}/caldera-online - name: Plasma UI Storybook run: | diff --git a/.github/workflows/documentation-deploy-stage-demo.yml b/.github/workflows/documentation-deploy-stage-demo.yml index 3ba20ba203..bbe2cdbb1a 100644 --- a/.github/workflows/documentation-deploy-stage-demo.yml +++ b/.github/workflows/documentation-deploy-stage-demo.yml @@ -38,11 +38,16 @@ jobs: npm run build --prefix="./website/plasma-web-docs" cp -R ./website/plasma-web-docs/build ./s3_build/web - - name: Plasma SDDS SERV Docs + - name: SDDS SERV Docs run: | npm run build --prefix="./website/sdds-serv-docs" cp -R ./website/sdds-serv-docs/build ./s3_build/sdds-serv + - name: CALDERA-ONLINE Docs + run: | + npm run build --prefix="./website/caldera-online-docs" + cp -R ./website/caldera-online-docs/build ./s3_build/caldera-online + - name: Plasma UI Storybook run: | npm run storybook:build --prefix="./packages/plasma-ui" diff --git a/.github/workflows/documentation-deploy-stage-dev.yml b/.github/workflows/documentation-deploy-stage-dev.yml index f57fba7d10..d86d4a3ad0 100644 --- a/.github/workflows/documentation-deploy-stage-dev.yml +++ b/.github/workflows/documentation-deploy-stage-dev.yml @@ -13,6 +13,7 @@ jobs: steps: - uses: actions/checkout@v4 with: + fetch-depth: 0 show-progress: false - name: Prepare environment @@ -186,7 +187,7 @@ jobs: --no-mime-magic sync ./s3_build_sb/caldera-online-storybook/ - s3://${{ secrets.AWS_S3_BUCKET_2 }}/caldera-online-storybook/ + s3://${{ secrets.AWS_S3_BUCKET_DEV_STAGE }}/caldera-online-storybook/ - name: Upload to S3 storybook "SDDS SERV" run: > diff --git a/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _size.snap.png b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _size.snap.png new file mode 100644 index 0000000000..2ace0c8cbe Binary files /dev/null and b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _size.snap.png differ diff --git a/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _type.snap.png b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _type.snap.png new file mode 100644 index 0000000000..8b299c1c7d Binary files /dev/null and b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _type.snap.png differ diff --git a/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _viewclear.snap.png b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _viewclear.snap.png new file mode 100644 index 0000000000..e10225a93a Binary files /dev/null and b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _viewclear.snap.png differ diff --git a/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- animation.snap.png b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- animation.snap.png new file mode 100644 index 0000000000..3b4daa25f4 Binary files /dev/null and b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- animation.snap.png differ diff --git a/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- simple.snap.png b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- simple.snap.png new file mode 100644 index 0000000000..ad98162a99 Binary files /dev/null and b/cypress/snapshots/b2c/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- simple.snap.png differ diff --git a/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png b/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png index b06e279874..f0d0f98057 100644 Binary files a/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png and b/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png differ diff --git a/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png b/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png index de10f69328..d4baf741c7 100644 Binary files a/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png and b/cypress/snapshots/b2c/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png index 04f3082d92..51125acb97 100644 Binary files a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png and b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png differ diff --git a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png index c1a1392e2f..26520a64af 100644 Binary files a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png and b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png differ diff --git a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png index 7c41abfbe3..b6c4181151 100644 Binary files a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png and b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png differ diff --git a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png index e8e79424fa..ba20503be2 100644 Binary files a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png and b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png differ diff --git a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png index 8843a63784..4f1e1f4837 100644 Binary files a/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png and b/cypress/snapshots/b2c/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png differ diff --git a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- multiple choice predefined.snap.png b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- multiple choice predefined.snap.png new file mode 100644 index 0000000000..9abf7e7032 Binary files /dev/null and b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- multiple choice predefined.snap.png differ diff --git a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- single choice predefined.snap.png b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- single choice predefined.snap.png new file mode 100644 index 0000000000..6e515c5b9c Binary files /dev/null and b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- single choice predefined.snap.png differ diff --git a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png index 3c7b7058d9..954fe914ab 100644 Binary files a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png and b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png differ diff --git a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png index 1e47c5bf12..196661d762 100644 Binary files a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png and b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png differ diff --git a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png index b98c0f8172..8b0fb6d7a0 100644 Binary files a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png and b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png differ diff --git a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png index 79987c7151..e196fbd5ad 100644 Binary files a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png and b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png differ diff --git a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png index 7c7979c3da..07c0a2efee 100644 Binary files a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png and b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png differ diff --git a/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/closed.snap.png b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/closed.snap.png new file mode 100644 index 0000000000..9a71615ac4 Binary files /dev/null and b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/closed.snap.png differ diff --git a/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/opened.snap.png b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/opened.snap.png new file mode 100644 index 0000000000..4c8b073e99 Binary files /dev/null and b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/opened.snap.png differ diff --git a/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- onClose.snap.png b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- onClose.snap.png new file mode 100644 index 0000000000..c0c1bc3ff3 Binary files /dev/null and b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- onClose.snap.png differ diff --git a/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- simple.snap.png b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- simple.snap.png new file mode 100644 index 0000000000..f9dad96099 Binary files /dev/null and b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- simple.snap.png differ diff --git a/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- withoutOverlay.snap.png b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- withoutOverlay.snap.png new file mode 100644 index 0000000000..de6cfa14be Binary files /dev/null and b/cypress/snapshots/b2c/components/Sheet/Sheet.component-test.tsx/plasma-b2c Sheet -- withoutOverlay.snap.png differ diff --git a/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png b/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png index 99ff3bcf2f..65b4b87367 100644 Binary files a/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png and b/cypress/snapshots/b2c/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png differ diff --git a/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png b/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png index c536eed958..5359e501bf 100644 Binary files a/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png and b/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png differ diff --git a/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png b/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png index 9518bf5c13..2388ffd241 100644 Binary files a/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png and b/cypress/snapshots/b2c/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png differ diff --git a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __sub-title.snap.png b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __sub-title.snap.png index f2c15121bc..16b723558d 100644 Binary files a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __sub-title.snap.png and b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __sub-title.snap.png differ diff --git a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __title.snap.png b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __title.snap.png index 13bcef7935..2e4e07d1b7 100644 Binary files a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __title.snap.png and b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader desktop -- __title.snap.png differ diff --git a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __sub-title.snap.png b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __sub-title.snap.png index 8188f6b5b8..abeec844c8 100644 Binary files a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __sub-title.snap.png and b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __sub-title.snap.png differ diff --git a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __title.snap.png b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __title.snap.png index 8188f6b5b8..abeec844c8 100644 Binary files a/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __title.snap.png and b/cypress/snapshots/ui/components/Header/NeuHeader.component-test.tsx/plasma-ui NeuHeader mobile -- __title.snap.png differ diff --git a/cypress/snapshots/ui/components/MarkedList/MarkedList.component-test.tsx/plasma-ui MarkedList -- simple.snap.png b/cypress/snapshots/ui/components/MarkedList/MarkedList.component-test.tsx/plasma-ui MarkedList -- simple.snap.png index e7d66d21b1..dd1e02a847 100644 Binary files a/cypress/snapshots/ui/components/MarkedList/MarkedList.component-test.tsx/plasma-ui MarkedList -- simple.snap.png and b/cypress/snapshots/ui/components/MarkedList/MarkedList.component-test.tsx/plasma-ui MarkedList -- simple.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+1.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+1.snap.png index 1dd8192dd2..ec44299704 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+1.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+1.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+10.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+10.snap.png index 72a7312e91..adec62574c 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+10.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+10.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+8.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+8.snap.png index 41d8f2424f..19f9db0720 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+8.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+8.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+9.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+9.snap.png index afa986e138..19432db69a 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+9.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/+9.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-1.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-1.snap.png index afa986e138..19432db69a 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-1.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-1.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-10.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-10.snap.png index 72a7312e91..adec62574c 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-10.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-10.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-8.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-8.snap.png index d3ae38fee7..5e1508b19c 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-8.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-8.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-9.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-9.snap.png index 1dd8192dd2..ec44299704 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-9.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/-9.snap.png differ diff --git a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/plasma-ui SmartPaginationDots -- simple.snap.png b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/plasma-ui SmartPaginationDots -- simple.snap.png index 72a7312e91..adec62574c 100644 Binary files a/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/plasma-ui SmartPaginationDots -- simple.snap.png and b/cypress/snapshots/ui/components/PaginationDots/SmartPaginationDots.component-test.tsx/plasma-ui SmartPaginationDots -- simple.snap.png differ diff --git a/cypress/snapshots/ui/components/Pickers/DatePicker.component-test.tsx/plasma-ui DatePicker -- with controls.snap.png b/cypress/snapshots/ui/components/Pickers/DatePicker.component-test.tsx/plasma-ui DatePicker -- with controls.snap.png index 75b7afa3e0..6ae0ba1107 100644 Binary files a/cypress/snapshots/ui/components/Pickers/DatePicker.component-test.tsx/plasma-ui DatePicker -- with controls.snap.png and b/cypress/snapshots/ui/components/Pickers/DatePicker.component-test.tsx/plasma-ui DatePicker -- with controls.snap.png differ diff --git a/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker -- label with controls.snap.png b/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker -- label with controls.snap.png index 6960597752..fa9a552d85 100644 Binary files a/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker -- label with controls.snap.png and b/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker -- label with controls.snap.png differ diff --git a/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker update value -- with controls.snap.png b/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker update value -- with controls.snap.png index 3e8b070325..3d66c07f71 100644 Binary files a/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker update value -- with controls.snap.png and b/cypress/snapshots/ui/components/Pickers/TimePicker.component-test.tsx/plasma-ui TimePicker update value -- with controls.snap.png differ diff --git a/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _size.snap.png b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _size.snap.png new file mode 100644 index 0000000000..15dd871e30 Binary files /dev/null and b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _size.snap.png differ diff --git a/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _type.snap.png b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _type.snap.png new file mode 100644 index 0000000000..0b84fdd887 Binary files /dev/null and b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _type.snap.png differ diff --git a/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _viewclear.snap.png b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _viewclear.snap.png new file mode 100644 index 0000000000..5c0175397e Binary files /dev/null and b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- _viewclear.snap.png differ diff --git a/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- animation.snap.png b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- animation.snap.png new file mode 100644 index 0000000000..d5f6662447 Binary files /dev/null and b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- animation.snap.png differ diff --git a/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- simple.snap.png b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- simple.snap.png new file mode 100644 index 0000000000..693d319db2 Binary files /dev/null and b/cypress/snapshots/web/components/Accordion/Accordion.component-test.tsx/plasma-web Accordion -- simple.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png index 1e33f50e34..40b2665565 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png index be448c8231..104dc14a12 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- disabled days.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png index 9f7e8295bc..f9c2d239f1 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- event list.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png index 7fd7fad6fa..02b6478745 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- min and max.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png index c07def6e02..7aed3e3f24 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress with disabled.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png index ebc6788275..399b127cd4 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range in progress.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png index e8488ce911..9f81477c12 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- range.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png index 2a7c5c7ac9..03a9582679 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar -- set value.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png index d78a11b72a..fef6de502f 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png index b3b1c54a9b..1f148f701f 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png index 5c05ba5dd5..3014e6d77a 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png index 2588627dd8..73865122f4 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- disabled days.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png index de49fd58b2..d9b0d42d94 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- event list.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png index 002af3bcc9..193adf1569 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- min and max.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png index 2bb451e267..5f8ef5dbdd 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress with disabled.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png index d0d0100b03..ff5e649adc 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range in progress.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png index ca2e35595e..5eded726dc 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- range.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png index f64f0d3ebc..2d6e62dbd7 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble -- set value.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png index ac65d8b5ad..f446f0323f 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ diff --git a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png index 39f6d27c12..60c15d08f4 100644 Binary files a/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/web/components/Calendar/Calendar.component-test.tsx/plasma-web CalendarDouble keyboard navigation -- set value with `Enter` and `Space`.snap.png differ diff --git a/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png b/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png index 24f9e8fcad..e6681e6bd1 100644 Binary files a/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png and b/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- _align.snap.png differ diff --git a/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png b/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png index 3dfb2c83a7..50341db646 100644 Binary files a/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png and b/cypress/snapshots/web/components/Cell/Cell.component-test.tsx/plasma-web Cell Styled -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- multiple.snap.png b/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- multiple.snap.png index e415fcc14d..10096904c6 100644 Binary files a/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- multiple.snap.png and b/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- multiple.snap.png differ diff --git a/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- single.snap.png b/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- single.snap.png index 3968647e20..828e7c0ed8 100644 Binary files a/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- single.snap.png and b/cypress/snapshots/web/components/Combobox/Combobox.component-test.tsx/plasma-web Combobox keyboard navigation -- single.snap.png differ diff --git a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png index b2d68ddf8d..8111d50243 100644 Binary files a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png and b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- _isSelected.snap.png differ diff --git a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png index d387cd54c8..6f0b1c4a43 100644 Binary files a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png and b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- simple selectable.snap.png differ diff --git a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png index 0e5c270c89..595893a98d 100644 Binary files a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png and b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery -- with tooltip.snap.png differ diff --git a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png index b46045db15..3334cfb82e 100644 Binary files a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png and b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- remove last item.snap.png differ diff --git a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png index ff47d57458..6c5ffa9b09 100644 Binary files a/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png and b/cypress/snapshots/web/components/PreviewGallery/PreviewGallery.component-test.tsx/plasma-hope PreviewGallery utils -- select first item.snap.png differ diff --git a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- multiple choice predefined.snap.png b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- multiple choice predefined.snap.png new file mode 100644 index 0000000000..dff9a4a571 Binary files /dev/null and b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- multiple choice predefined.snap.png differ diff --git a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- single choice predefined.snap.png b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- single choice predefined.snap.png new file mode 100644 index 0000000000..24a9db89d1 Binary files /dev/null and b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- single choice predefined.snap.png differ diff --git a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png index fe08bff742..cb0eb3b95c 100644 Binary files a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png and b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- default.snap.png differ diff --git a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png index 25ecaf058e..78fafedad1 100644 Binary files a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png and b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- disabled.snap.png differ diff --git a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png index 91f08c49b0..22b0fb81e6 100644 Binary files a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png and b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- handling dropdown menu height.snap.png differ diff --git a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png index 01533f2f55..baff5deb81 100644 Binary files a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png and b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- item click.snap.png differ diff --git a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png index 21b2d08ceb..84e6ba3c7f 100644 Binary files a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png and b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-hope Select -- multiselect.snap.png differ diff --git a/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/closed.snap.png b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/closed.snap.png new file mode 100644 index 0000000000..09b1459f64 Binary files /dev/null and b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/closed.snap.png differ diff --git a/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/opened.snap.png b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/opened.snap.png new file mode 100644 index 0000000000..3d6f410a11 Binary files /dev/null and b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/opened.snap.png differ diff --git a/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- onClose.snap.png b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- onClose.snap.png new file mode 100644 index 0000000000..e2dc181846 Binary files /dev/null and b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- onClose.snap.png differ diff --git a/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- simple.snap.png b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- simple.snap.png new file mode 100644 index 0000000000..dba76b3a1e Binary files /dev/null and b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- simple.snap.png differ diff --git a/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- withoutOverlay.snap.png b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- withoutOverlay.snap.png new file mode 100644 index 0000000000..a9fe54cde5 Binary files /dev/null and b/cypress/snapshots/web/components/Sheet/Sheet.component-test.tsx/plasma-web Sheet -- withoutOverlay.snap.png differ diff --git a/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png b/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png index d45c2415a0..c727d2b714 100644 Binary files a/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png and b/cypress/snapshots/web/components/Tabs/TabsBase.component-test.tsx/plasma-core Tabs -- with icon.snap.png differ diff --git a/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png b/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png index ba66606729..c557a08b5b 100644 Binary files a/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png and b/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png differ diff --git a/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png b/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png index 6b5ee1e02e..e7dbabcb3b 100644 Binary files a/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png and b/cypress/snapshots/web/components/TextArea/TextAreaResize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png differ diff --git a/packages/caldera-online/api/caldera-online.api.md b/packages/caldera-online/api/caldera-online.api.md index f60d875c0e..dc6af4d2f1 100644 --- a/packages/caldera-online/api/caldera-online.api.md +++ b/packages/caldera-online/api/caldera-online.api.md @@ -33,7 +33,6 @@ import { dsplMBold } from '@salutejs/caldera-online-themes/tokens'; import { dsplS } from '@salutejs/caldera-online-themes/tokens'; import { dsplSBold } from '@salutejs/caldera-online-themes/tokens'; import { Filter } from '@salutejs/plasma-new-hope/types/engines/types'; -import { FocusProps } from '@salutejs/plasma-new-hope/styled-components'; import type { ForwardRefExoticComponent } from 'react'; import { FunctionComponent } from 'react'; import { h1 } from '@salutejs/caldera-online-themes/tokens'; @@ -48,7 +47,6 @@ import { h5 } from '@salutejs/caldera-online-themes/tokens'; import { h5Bold } from '@salutejs/caldera-online-themes/tokens'; import { HTMLAttributes } from 'react'; import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types'; -import type { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react'; import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link'; import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components'; import { modalClasses } from '@salutejs/plasma-new-hope/styled-components'; @@ -66,11 +64,14 @@ import { RefAttributes } from 'react'; import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components'; +import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components'; import { SpacingProps } from '@salutejs/plasma-new-hope/styled-components'; import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components'; import { StyledComponent } from 'styled-components'; -import { SwitchPropsVariations } from '@salutejs/plasma-new-hope/types/components/Switch/Switch.types'; +import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components'; import { textL } from '@salutejs/caldera-online-themes/tokens'; import { textLBold } from '@salutejs/caldera-online-themes/tokens'; import { textM } from '@salutejs/caldera-online-themes/tokens'; @@ -538,6 +539,19 @@ export { SegmentItemProps } export { SegmentProvider } +export { SegmentProviderProps } + +// @public +export const Sheet: FunctionComponent & SheetProps & RefAttributes>; + +export { sheetClasses } + +export { SheetProps } + export { ShowToastArgs } // @public @@ -582,7 +596,7 @@ export type SpinnerProps = HTMLAttributes & { export { SSRProvider } -// @public +// @public (undocumented) export const Switch: FunctionComponent & Filter, "size"> & SwitchPropsVariations & RefAttributes>; +}> & SwitchProps_2 & RefAttributes>; +// Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts +// // @public (undocumented) -export type SwitchProps = { - id?: string; - label?: React.ReactNode; - size?: string; - view?: string; - labelPosition?: 'before' | 'after'; - description?: React.ReactNode; - disabled?: boolean; - pressed?: boolean; - focused?: boolean; - outlined?: boolean; -} & FocusProps & Omit, 'onChange' | 'onFocus' | 'onBlur'> & Pick, 'name' | 'value' | 'checked' | 'disabled' | 'readOnly' | 'onChange' | 'onFocus' | 'onBlur'>; +export type SwitchProps = ComponentProps; // @public (undocumented) export const TextL: FunctionComponent", "license": "MIT", @@ -20,7 +20,7 @@ }, "dependencies": { "@salutejs/caldera-online-themes": "0.12.0", - "@salutejs/plasma-new-hope": "0.87.0" + "@salutejs/plasma-new-hope": "0.93.0-dev.0" }, "peerDependencies": { "react": ">=16.13.1", @@ -95,4 +95,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/caldera-online/src/components/Segment/index.ts b/packages/caldera-online/src/components/Segment/index.ts index fa52f3ab1a..54ace2d0e1 100644 --- a/packages/caldera-online/src/components/Segment/index.ts +++ b/packages/caldera-online/src/components/Segment/index.ts @@ -1,2 +1,6 @@ export { useSegment, SegmentProvider, SegmentItem, SegmentGroup } from './Segment'; -export type { SegmentItemProps, SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components'; +export type { + SegmentItemProps, + SegmentGroupProps, + SegmentProviderProps, +} from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/caldera-online/src/components/Sheet/Sheet.config.tsx b/packages/caldera-online/src/components/Sheet/Sheet.config.tsx new file mode 100644 index 0000000000..ef3e87c015 --- /dev/null +++ b/packages/caldera-online/src/components/Sheet/Sheet.config.tsx @@ -0,0 +1,17 @@ +import { css, sheetTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + }, + variations: { + view: { + default: css` + ${sheetTokens.sheetOverlayColor}: var(--overlay-soft); + ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur); + ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card); + ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary); + `, + }, + }, +}; diff --git a/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx b/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx new file mode 100644 index 0000000000..397f8c0c40 --- /dev/null +++ b/packages/caldera-online/src/components/Sheet/Sheet.stories.tsx @@ -0,0 +1,341 @@ +import React, { ComponentProps, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import styled from 'styled-components'; + +import { Button } from '../Button'; +import { BodyM } from '../Typography'; + +import { Sheet } from '.'; +import type { SheetProps } from '.'; + +const meta: Meta = { + title: 'Content/Sheet', + decorators: [InSpacingDecorator], + args: { + withBlur: false, + withOverlay: true, + withTransition: true, + hasHandle: true, + isHeaderFixed: false, + isFooterFixed: false, + }, +}; + +export default meta; + +type StorySheetProps = ComponentProps & { + storyHasHeader: boolean; + storyHasFooter: boolean; +}; + +const StyledBody = styled(BodyM)` + padding-bottom: 300px; +`; + +const StoryDefault = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > + body +
+ + ); +}; + +export const Default: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; + +const StoryWithoutOverlay = () => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)}> + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea + fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum + placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam, + dolorem labore quaerat vero maxime ab ipsa nihil. + + + + ); +}; + +export const WithoutOverlay: StoryObj = { + render: () => , +}; + +const StoryWithScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > + + +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+
+
+ + ); +}; + +export const WithScroll: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; + +const StoryWithInsideScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > +

Вложенные кнопки

+
+ + + + + + + + +
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. +
+ + ); +}; + +export const WithInsideScroll: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; + +const StoryWithDoubleScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > + + +

Вложенные кнопки

+
+ + + + + + + + +
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+
+
+ + ); +}; + +export const WithDoubleScroll: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; diff --git a/packages/caldera-online/src/components/Sheet/Sheet.tsx b/packages/caldera-online/src/components/Sheet/Sheet.tsx new file mode 100644 index 0000000000..17ce6d80b7 --- /dev/null +++ b/packages/caldera-online/src/components/Sheet/Sheet.tsx @@ -0,0 +1,11 @@ +import { sheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Sheet.config'; + +const mergedConfig = mergeConfig(sheetConfig, config); +const SheetComponent = component(mergedConfig); + +/** + * Открывает окно-шторку поверх основного экрана. + */ +export const Sheet = SheetComponent; diff --git a/packages/caldera-online/src/components/Sheet/index.ts b/packages/caldera-online/src/components/Sheet/index.ts new file mode 100644 index 0000000000..f2609ddd16 --- /dev/null +++ b/packages/caldera-online/src/components/Sheet/index.ts @@ -0,0 +1,4 @@ +export { Sheet } from './Sheet'; +export { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; + +export type { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/caldera-online/src/components/Switch/Switch.tsx b/packages/caldera-online/src/components/Switch/Switch.tsx index 0e6d77ad5c..db87cda862 100644 --- a/packages/caldera-online/src/components/Switch/Switch.tsx +++ b/packages/caldera-online/src/components/Switch/Switch.tsx @@ -1,62 +1,10 @@ -import type { InputHTMLAttributes } from 'react'; -import { switchConfig, component, mergeConfig, FocusProps } from '@salutejs/plasma-new-hope/styled-components'; +import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import { ComponentProps } from 'react'; import { config } from './Switch.config'; const mergedConfig = mergeConfig(switchConfig, config); const SwitchComponent = component(mergedConfig); -export type SwitchProps = { - /** - * Уникальный идентификатор контрола - */ - id?: string; - /** - * Метка-подпись к элементу - */ - label?: React.ReactNode; - /** - * Размер контрола. - */ - size?: string; - /** - * Вид контрола. - */ - view?: string; - /** - * Расположение подпись - */ - labelPosition?: 'before' | 'after'; - /** - * Описание элемента - */ - description?: React.ReactNode; - /** - * Компонент неактивен - */ - disabled?: boolean; - /** - * Нажатие на компонент - * @deprecated - */ - pressed?: boolean; - /** - * Добавить рамку при фокусе - */ - focused?: boolean; - /** - * Добавить рамку при фокусе - * @deprecated - */ - outlined?: boolean; -} & FocusProps & - Omit, 'onChange' | 'onFocus' | 'onBlur'> & - Pick< - InputHTMLAttributes, - 'name' | 'value' | 'checked' | 'disabled' | 'readOnly' | 'onChange' | 'onFocus' | 'onBlur' - >; - -/** - * Визуальный переключатель между двумя взаимоисключающими состояниями — вкл. и выкл. - */ export const Switch = SwitchComponent; +export type SwitchProps = ComponentProps; diff --git a/packages/caldera-online/src/index.ts b/packages/caldera-online/src/index.ts index 2520509869..e8f6b22c82 100644 --- a/packages/caldera-online/src/index.ts +++ b/packages/caldera-online/src/index.ts @@ -6,6 +6,7 @@ export * from './components/Modal'; export * from './components/Popup'; export * from './components/Radiobox'; export * from './components/Segment'; +export * from './components/Sheet'; export * from './components/Spinner'; export * from './components/Switch'; export * from './components/Typography'; diff --git a/packages/plasma-asdk/api/plasma-asdk.api.md b/packages/plasma-asdk/api/plasma-asdk.api.md index 155c154619..28547221df 100644 --- a/packages/plasma-asdk/api/plasma-asdk.api.md +++ b/packages/plasma-asdk/api/plasma-asdk.api.md @@ -14,11 +14,9 @@ import { ButtonHTMLAttributes } from 'react'; import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types'; import { ComponentProps } from 'react'; import { Filter } from '@salutejs/plasma-new-hope/types/engines/types'; -import { FocusProps } from '@salutejs/plasma-new-hope/styled-components'; import { FunctionComponent } from 'react'; import { HTMLAttributes } from 'react'; import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types'; -import type { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react'; import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link'; import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types'; import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components'; @@ -28,7 +26,7 @@ import { SpacingProps } from '@salutejs/plasma-new-hope/styled-components'; import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components'; import { StyledComponent } from 'styled-components'; import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components'; -import { SwitchPropsVariations } from '@salutejs/plasma-new-hope/types/components/Switch/Switch.types'; +import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components'; import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld'; // @public (undocumented) @@ -437,7 +435,7 @@ m: string; }; }> & SubtitleProps & RefAttributes>; -// @public +// @public (undocumented) export const Switch: FunctionComponent & Filter, "size"> & SwitchPropsVariations & RefAttributes>; +}> & SwitchProps_2 & RefAttributes>; +// Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts +// // @public (undocumented) -export type SwitchProps = { - id?: string; - label?: React.ReactNode; - size?: string; - view?: string; - labelPosition?: 'before' | 'after'; - description?: React.ReactNode; - disabled?: boolean; - pressed?: boolean; - focused?: boolean; - outlined?: boolean; -} & FocusProps & Omit, 'onChange' | 'onFocus' | 'onBlur'> & Pick, 'name' | 'value' | 'checked' | 'disabled' | 'readOnly' | 'onChange' | 'onFocus' | 'onBlur'>; +export type SwitchProps = ComponentProps; // @public (undocumented) export const TextL: FunctionComponent=16.13.1", @@ -4401,15 +4401,16 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.87.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.87.0.tgz", - "integrity": "sha512-5XkkQJ8D/IZmEaX/8poJYz0htDLcHVZHcRUQ+7/ADcHmyvZaLpvWtCLUgB/rfUxG4oy3RzCypEu0EEspDOhLFw==", + "version": "0.93.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0-dev.0.tgz", + "integrity": "sha512-beL9Va0MbJOZ/Jxv7EyXW3OQlmJuMdhQ9xdj9Cy7KdOeRNnd3VV5CmEYiwbad5IxfD1YG0QixObKUJ1DCEkybA==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", "@salutejs/plasma-core": "1.160.0", "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", "react-popper": "2.3.0", "storeon": "3.1.5" @@ -17043,21 +17044,22 @@ "dev": true }, "@salutejs/plasma-icons": { - "version": "1.194.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.194.0.tgz", - "integrity": "sha512-EZ78AOA/nGcj4Ipr/JVc6wquh11cYcdZt8P3GLLKAu8aEAsnjdZTHCF81U2zPhhtG4nq+N+FS8habIXEmePEtg==", + "version": "1.198.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0-dev.0.tgz", + "integrity": "sha512-PZo5Llod+6MCcq1WxNFf1hOOkpyexsupg189zI14v5it987makOheQq61VoheBSDGqDL0vkeEIs3Rv9fWlQ1Nw==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.87.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.87.0.tgz", - "integrity": "sha512-5XkkQJ8D/IZmEaX/8poJYz0htDLcHVZHcRUQ+7/ADcHmyvZaLpvWtCLUgB/rfUxG4oy3RzCypEu0EEspDOhLFw==", + "version": "0.93.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0-dev.0.tgz", + "integrity": "sha512-beL9Va0MbJOZ/Jxv7EyXW3OQlmJuMdhQ9xdj9Cy7KdOeRNnd3VV5CmEYiwbad5IxfD1YG0QixObKUJ1DCEkybA==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", "@salutejs/plasma-core": "1.160.0", "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", "react-popper": "2.3.0", "storeon": "3.1.5" diff --git a/packages/plasma-asdk/package.json b/packages/plasma-asdk/package.json index f5dca688b6..53f2f17445 100644 --- a/packages/plasma-asdk/package.json +++ b/packages/plasma-asdk/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-asdk", - "version": "0.86.0", + "version": "0.96.0-dev.0", "description": "Salute Design System / React UI kit for Assistant web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -19,7 +19,7 @@ "directory": "packages/plasma-asdk" }, "dependencies": { - "@salutejs/plasma-new-hope": "0.87.0", + "@salutejs/plasma-new-hope": "0.93.0-dev.0", "@salutejs/plasma-tokens": "1.81.0", "@salutejs/plasma-tokens-b2b": "1.40.0", "@salutejs/plasma-typo": "0.40.0" @@ -41,7 +41,7 @@ "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-core": "1.160.0", "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.194.0", + "@salutejs/plasma-icons": "1.198.0-dev.0", "@salutejs/plasma-sb-utils": "0.158.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", @@ -98,4 +98,4 @@ "Fanil Zubairov" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-asdk/src/components/Switch/Switch.tsx b/packages/plasma-asdk/src/components/Switch/Switch.tsx index 0e6d77ad5c..db87cda862 100644 --- a/packages/plasma-asdk/src/components/Switch/Switch.tsx +++ b/packages/plasma-asdk/src/components/Switch/Switch.tsx @@ -1,62 +1,10 @@ -import type { InputHTMLAttributes } from 'react'; -import { switchConfig, component, mergeConfig, FocusProps } from '@salutejs/plasma-new-hope/styled-components'; +import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; +import { ComponentProps } from 'react'; import { config } from './Switch.config'; const mergedConfig = mergeConfig(switchConfig, config); const SwitchComponent = component(mergedConfig); -export type SwitchProps = { - /** - * Уникальный идентификатор контрола - */ - id?: string; - /** - * Метка-подпись к элементу - */ - label?: React.ReactNode; - /** - * Размер контрола. - */ - size?: string; - /** - * Вид контрола. - */ - view?: string; - /** - * Расположение подпись - */ - labelPosition?: 'before' | 'after'; - /** - * Описание элемента - */ - description?: React.ReactNode; - /** - * Компонент неактивен - */ - disabled?: boolean; - /** - * Нажатие на компонент - * @deprecated - */ - pressed?: boolean; - /** - * Добавить рамку при фокусе - */ - focused?: boolean; - /** - * Добавить рамку при фокусе - * @deprecated - */ - outlined?: boolean; -} & FocusProps & - Omit, 'onChange' | 'onFocus' | 'onBlur'> & - Pick< - InputHTMLAttributes, - 'name' | 'value' | 'checked' | 'disabled' | 'readOnly' | 'onChange' | 'onFocus' | 'onBlur' - >; - -/** - * Визуальный переключатель между двумя взаимоисключающими состояниями — вкл. и выкл. - */ export const Switch = SwitchComponent; +export type SwitchProps = ComponentProps; diff --git a/packages/plasma-b2c/api/plasma-b2c.api.md b/packages/plasma-b2c/api/plasma-b2c.api.md index 76da048d43..b2ff196d3a 100644 --- a/packages/plasma-b2c/api/plasma-b2c.api.md +++ b/packages/plasma-b2c/api/plasma-b2c.api.md @@ -6,6 +6,8 @@ /// +import { AccordionItem } from '@salutejs/plasma-new-hope/styled-components'; +import { AccordionProps } from '@salutejs/plasma-new-hope/styled-components'; import { addFocus } from '@salutejs/plasma-core'; import { addNotification } from '@salutejs/plasma-new-hope/styled-components'; import { AlignProp } from '@salutejs/plasma-new-hope/types/components/Cell/Cell.types'; @@ -201,11 +203,14 @@ import { ScrollSnapProps } from '@salutejs/plasma-core'; import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components'; import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components'; +import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components'; import { SelectGroup } from '@salutejs/plasma-hope'; import { SelectProps } from '@salutejs/plasma-hope'; import { selectText } from '@salutejs/plasma-hope'; import { setRef } from '@salutejs/plasma-core'; import { shadows } from '@salutejs/plasma-core'; +import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; +import { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; import { ShiftProps } from '@salutejs/plasma-core'; import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components'; import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components'; @@ -228,7 +233,7 @@ import { StyledCard } from '@salutejs/plasma-hope'; import { StyledComponent } from 'styled-components'; import { StyledPreviewGallery } from '@salutejs/plasma-hope'; import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components'; -import type { SwitchProps } from '@salutejs/plasma-core'; +import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components'; import { syntheticFocus } from '@salutejs/plasma-core'; import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components'; import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components'; @@ -236,7 +241,7 @@ import { TabsContext } from '@salutejs/plasma-new-hope/styled-components'; import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components'; import { TabsProps } from '@salutejs/plasma-new-hope/styled-components'; import { TextareaHTMLAttributes } from '@salutejs/plasma-core'; -import { TextAreaProps } from '@salutejs/plasma-hope'; +import type { TextAreaProps as TextAreaProps_2 } from '@salutejs/plasma-hope'; import { TextareaResize } from '@salutejs/plasma-core'; import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types'; import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types'; @@ -279,6 +284,38 @@ import { WithAutoFocusProps } from '@salutejs/plasma-core'; import { withSkeleton } from '@salutejs/plasma-new-hope/styled-components'; import { WithSkeletonProps } from '@salutejs/plasma-new-hope/styled-components'; +// @public +export const Accordion: FunctionComponent & { +view: string; +size?: string | undefined; +singleActive?: boolean | undefined; +defaultActiveEventKey?: number[] | undefined; +disabled?: boolean | undefined; +stretching?: "fixed" | "filled" | undefined; +onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined; +children?: ReactNode; +className?: string | undefined; +} & RefAttributes>; + +export { AccordionItem } + +export { AccordionProps } + export { addFocus } export { addNotification } @@ -825,11 +862,11 @@ l: string; view: { default: string; }; -}> & ((Omit, "onChange" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & { +}> & ((Omit, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & { valueType?: "single" | undefined; value?: ComboboxPrimitiveValue | undefined; onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined; -} & RefAttributes) | (Omit, "onChange" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & { +} & RefAttributes) | (Omit, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & { valueType: "multiple"; value?: ComboboxPrimitiveValue[] | undefined; onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined; @@ -1802,6 +1839,8 @@ export { SegmentItemProps } export { SegmentProvider } +export { SegmentProviderProps } + // @public export const Select: React_2.ForwardRefExoticComponent & React_2.RefAttributes>; @@ -1815,6 +1854,17 @@ export { setRef } export { shadows } +// @public +export const Sheet: FunctionComponent & SheetProps & RefAttributes>; + +export { sheetClasses } + +export { SheetProps } + export { ShiftProps } export { ShowToastArgs } @@ -1873,9 +1923,29 @@ m: string; }> & SubtitleProps & RefAttributes>; // @public (undocumented) -export const Switch: ForwardRefExoticComponent>; +export const Switch: FunctionComponent & SwitchProps_2 & RefAttributes>; -export { SwitchProps } +// Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export type SwitchProps = ComponentProps; export { syntheticFocus } @@ -1926,7 +1996,11 @@ export const TextArea: ForwardRefExoticComponent=16.13.1", @@ -5050,15 +5050,16 @@ } }, "node_modules/@salutejs/plasma-new-hope": { - "version": "0.87.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.87.0.tgz", - "integrity": "sha512-5XkkQJ8D/IZmEaX/8poJYz0htDLcHVZHcRUQ+7/ADcHmyvZaLpvWtCLUgB/rfUxG4oy3RzCypEu0EEspDOhLFw==", + "version": "0.93.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0-dev.0.tgz", + "integrity": "sha512-beL9Va0MbJOZ/Jxv7EyXW3OQlmJuMdhQ9xdj9Cy7KdOeRNnd3VV5CmEYiwbad5IxfD1YG0QixObKUJ1DCEkybA==", "dependencies": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", "@salutejs/plasma-core": "1.160.0", "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", "react-popper": "2.3.0", "storeon": "3.1.5" @@ -19937,9 +19938,9 @@ "dev": true }, "@salutejs/plasma-hope": { - "version": "1.281.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.281.0.tgz", - "integrity": "sha512-YkNWpxoQyw3Avrp0lbpYqYtwFyqqHW7FX2rHn7aPfh6wMpB9yt+K1n5kK1MTSMU18x9UqvRzCCP1JpbstTyZeQ==", + "version": "1.285.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-hope/-/plasma-hope-1.285.0-dev.0.tgz", + "integrity": "sha512-6rGxT8BxYrgOY147cH5A5Bj7LKXE+EdziW8pDSFkyL8NPd1lmbv2BZ3g3CsOraaf/jtkX1tkBm1DTm1ImYt7ZQ==", "requires": { "@popperjs/core": "2.9.2", "@salutejs/plasma-core": "1.160.0", @@ -19951,21 +19952,22 @@ } }, "@salutejs/plasma-icons": { - "version": "1.194.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.194.0.tgz", - "integrity": "sha512-EZ78AOA/nGcj4Ipr/JVc6wquh11cYcdZt8P3GLLKAu8aEAsnjdZTHCF81U2zPhhtG4nq+N+FS8habIXEmePEtg==", + "version": "1.198.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.198.0-dev.0.tgz", + "integrity": "sha512-PZo5Llod+6MCcq1WxNFf1hOOkpyexsupg189zI14v5it987makOheQq61VoheBSDGqDL0vkeEIs3Rv9fWlQ1Nw==", "dev": true }, "@salutejs/plasma-new-hope": { - "version": "0.87.0", - "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.87.0.tgz", - "integrity": "sha512-5XkkQJ8D/IZmEaX/8poJYz0htDLcHVZHcRUQ+7/ADcHmyvZaLpvWtCLUgB/rfUxG4oy3RzCypEu0EEspDOhLFw==", + "version": "0.93.0-dev.0", + "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.93.0-dev.0.tgz", + "integrity": "sha512-beL9Va0MbJOZ/Jxv7EyXW3OQlmJuMdhQ9xdj9Cy7KdOeRNnd3VV5CmEYiwbad5IxfD1YG0QixObKUJ1DCEkybA==", "requires": { "@linaria/core": "5.0.2", "@linaria/react": "5.0.3", "@popperjs/core": "2.11.8", "@salutejs/plasma-core": "1.160.0", "focus-visible": "5.2.0", + "lodash.throttle": "4.1.1", "react-draggable": "4.4.3", "react-popper": "2.3.0", "storeon": "3.1.5" diff --git a/packages/plasma-b2c/package.json b/packages/plasma-b2c/package.json index 91b38953df..51d2369b4e 100644 --- a/packages/plasma-b2c/package.json +++ b/packages/plasma-b2c/package.json @@ -1,6 +1,6 @@ { "name": "@salutejs/plasma-b2c", - "version": "1.328.0", + "version": "1.338.0-dev.0", "description": "Salute Design System / React UI kit for business-related web applications", "author": "Salute Frontend Team ", "license": "MIT", @@ -43,8 +43,8 @@ }, "dependencies": { "@salutejs/plasma-core": "1.160.0", - "@salutejs/plasma-hope": "1.281.0", - "@salutejs/plasma-new-hope": "0.87.0", + "@salutejs/plasma-hope": "1.285.0-dev.0", + "@salutejs/plasma-new-hope": "0.93.0-dev.0", "@salutejs/plasma-tokens-b2c": "0.50.0", "@salutejs/plasma-tokens-web": "1.55.0", "@salutejs/plasma-typo": "0.40.0" @@ -71,7 +71,7 @@ "@rollup/plugin-node-resolve": "15.2.3", "@salutejs/plasma-colors": "0.13.0", "@salutejs/plasma-cy-utils": "0.92.0", - "@salutejs/plasma-icons": "1.194.0", + "@salutejs/plasma-icons": "1.198.0-dev.0", "@salutejs/plasma-sb-utils": "0.158.0", "@storybook/addon-docs": "7.6.17", "@storybook/addon-essentials": "7.6.17", @@ -107,4 +107,4 @@ "react" ], "sideEffects": false -} +} \ No newline at end of file diff --git a/packages/plasma-b2c/src/components/Accordion/Accordion.component-test.tsx b/packages/plasma-b2c/src/components/Accordion/Accordion.component-test.tsx new file mode 120000 index 0000000000..12574f0698 --- /dev/null +++ b/packages/plasma-b2c/src/components/Accordion/Accordion.component-test.tsx @@ -0,0 +1 @@ +../../../../plasma-web/src/components/Accordion/Accordion.component-test.tsx \ No newline at end of file diff --git a/packages/plasma-b2c/src/components/Accordion/Accordion.config.ts b/packages/plasma-b2c/src/components/Accordion/Accordion.config.ts new file mode 100644 index 0000000000..4818c3cb31 --- /dev/null +++ b/packages/plasma-b2c/src/components/Accordion/Accordion.config.ts @@ -0,0 +1,121 @@ +import { css, accordionTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + size: 'm', + }, + variations: { + view: { + default: css` + ${accordionTokens.accordionGap}: 0.125rem; + ${accordionTokens.accordionWidth}: 20rem; + ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal}); + ${accordionTokens.accordionItemBackground}: var(--surface-solid-card); + ${accordionTokens.accordionItemTitleColor}: var(--text-primary); + ${accordionTokens.accordionItemTextColor}: var(--text-primary); + ${accordionTokens.accordionItemFocus}: var(--surface-accent); + ${accordionTokens.accordionBackground}: var(--surface-clear); + ${accordionTokens.accordionItemBorderBottom}: 0; + `, + clear: css` + ${accordionTokens.accordionGap}: 0.125rem; + ${accordionTokens.accordionWidth}: 20rem; + ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem; + ${accordionTokens.accordionItemBackground}: var(--surface-clear); + ${accordionTokens.accordionItemTitleColor}: var(--text-primary); + ${accordionTokens.accordionItemTextColor}: var(--text-primary); + ${accordionTokens.accordionItemFocus}: var(--surface-accent); + ${accordionTokens.accordionItemBorderRadius}: 0rem !important; + ${accordionTokens.accordionBackground}: var(--surface-clear); + ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary); + `, + }, + size: { + l: css` + ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem; + ${accordionTokens.accordionItemGap}: 0.5rem; + ${accordionTokens.accordionItemBorderRadius}: 0.875rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height); + `, + m: css` + ${accordionTokens.accordionItemPaddingVertical}: 0.875rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem; + ${accordionTokens.accordionItemGap}: 0.375rem; + ${accordionTokens.accordionItemBorderRadius}: 0.75rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height); + `, + s: css` + ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem; + ${accordionTokens.accordionItemGap}: 0.375rem; + ${accordionTokens.accordionItemBorderRadius}: 0.625rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height); + `, + xs: css` + ${accordionTokens.accordionItemPaddingVertical}: 0.5rem; + ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem; + ${accordionTokens.accordionItemGap}: 0.25rem; + ${accordionTokens.accordionItemBorderRadius}: 0.5rem; + + ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family); + ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size); + ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style); + ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight); + ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height); + + ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family); + ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size); + ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style); + ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight); + ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing); + ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height); + `, + }, + stretching: { + filled: css``, + fixed: css``, + }, + }, +}; diff --git a/packages/plasma-b2c/src/components/Accordion/Accordion.stories.tsx b/packages/plasma-b2c/src/components/Accordion/Accordion.stories.tsx new file mode 100644 index 0000000000..7c9abfa2f3 --- /dev/null +++ b/packages/plasma-b2c/src/components/Accordion/Accordion.stories.tsx @@ -0,0 +1,58 @@ +import * as React from 'react'; +import type { ComponentProps } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { disableProps } from '@salutejs/plasma-sb-utils'; + +import { Accordion, AccordionItem } from '.'; + +const meta: Meta = { + title: 'Content/Accordion', + component: Accordion, + args: { + singleActive: false, + view: 'default', + size: 'm', + stretching: 'filled', + type: 'arrow', + title: 'Как оплатить заправку бонусами СберСпасибо?', + body: + 'После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива', + }, + argTypes: { + ...disableProps(['text']), + stretching: { + options: ['filled', 'fixed'], + control: { + type: 'select', + }, + }, + type: { + options: ['arrow', 'sign', 'clear'], + control: { + type: 'select', + }, + }, + }, +}; + +export default meta; + +export const Default: StoryObj> = { + render: (props: ComponentProps) => { + const args = { ...props, text: undefined }; + + return ( + + + {args.body} + + + {args.body} + + + {args.body} + + + ); + }, +}; diff --git a/packages/plasma-b2c/src/components/Accordion/Accordion.tsx b/packages/plasma-b2c/src/components/Accordion/Accordion.tsx new file mode 100644 index 0000000000..d56bbf45e0 --- /dev/null +++ b/packages/plasma-b2c/src/components/Accordion/Accordion.tsx @@ -0,0 +1,11 @@ +import { accordionConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Accordion.config'; + +const mergedConfig = mergeConfig(accordionConfig, config); +const AccordionComponent = component(mergedConfig); + +/** + * Accordion + */ +export const Accordion = AccordionComponent; diff --git a/packages/plasma-b2c/src/components/Accordion/index.ts b/packages/plasma-b2c/src/components/Accordion/index.ts new file mode 100644 index 0000000000..8a291f450d --- /dev/null +++ b/packages/plasma-b2c/src/components/Accordion/index.ts @@ -0,0 +1,4 @@ +export { AccordionItem } from '@salutejs/plasma-new-hope/styled-components'; +export { Accordion } from './Accordion'; + +export type { AccordionProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx b/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx index 6dba21b226..3f9538dc4c 100644 --- a/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx +++ b/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx @@ -227,6 +227,22 @@ describe('plasma-web: Segment', () => { cy.matchImageSnapshot(); }); + it('single choice predefined', () => { + mount( + + + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + it('multiple choice', () => { mount( @@ -246,6 +262,22 @@ describe('plasma-web: Segment', () => { cy.matchImageSnapshot(); }); + it('multiple choice predefined', () => { + mount( + + + + + + + + + , + ); + + cy.matchImageSnapshot(); + }); + it('navigate with arrow`', () => { mount( diff --git a/packages/plasma-b2c/src/components/Segment/index.ts b/packages/plasma-b2c/src/components/Segment/index.ts index fa52f3ab1a..54ace2d0e1 100644 --- a/packages/plasma-b2c/src/components/Segment/index.ts +++ b/packages/plasma-b2c/src/components/Segment/index.ts @@ -1,2 +1,6 @@ export { useSegment, SegmentProvider, SegmentItem, SegmentGroup } from './Segment'; -export type { SegmentItemProps, SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components'; +export type { + SegmentItemProps, + SegmentGroupProps, + SegmentProviderProps, +} from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-b2c/src/components/Sheet/Sheet.component-test.tsx b/packages/plasma-b2c/src/components/Sheet/Sheet.component-test.tsx new file mode 100644 index 0000000000..3f9d26ec7f --- /dev/null +++ b/packages/plasma-b2c/src/components/Sheet/Sheet.component-test.tsx @@ -0,0 +1,117 @@ +import { mount, CypressTestDecorator, getComponent } from '@salutejs/plasma-cy-utils'; +import { standard as standardTypo } from '@salutejs/plasma-typo'; +import React, { FC, PropsWithChildren, useState } from 'react'; +import { createGlobalStyle } from 'styled-components'; + +import { SheetProps } from '.'; + +const StandardTypoStyle = createGlobalStyle(standardTypo); + +describe('plasma-b2c: Sheet', () => { + const Sheet = getComponent('Sheet'); + const BodyM = getComponent('BodyM'); + + const CypressTestDecoratorWithTypo: FC = ({ children }) => ( + + + {children} + + ); + + it('simple', () => { + mount( + + + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. + + + , + ); + + cy.matchImageSnapshot(); + }); + + const Interactive = ({ withOverlay }: Pick) => { + const [opened, setOpened] = useState(true); + + return ( + <> +
Content
+ setOpened(false)}> + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. + + + + ); + }; + + it('onClose', () => { + mount( + + + , + ); + + cy.root().click(); + + cy.matchImageSnapshot(); + }); + + it('onTouchMove', () => { + cy.viewport('iphone-6'); + + mount( + + + , + ); + + const touchEvent = ({ clientX, clientY }) => ({ + changedTouches: { + 0: { + clientX, + clientY, + }, + }, + }); + + // Handle + cy.get('#sheet > div:first-child') + .trigger('touchstart', touchEvent({ clientX: 180, clientY: 409 })) + .trigger('touchmove', touchEvent({ clientX: 180, clientY: 420 })) + .trigger('touchmove', touchEvent({ clientX: 180, clientY: 450 })) + .trigger('touchend', touchEvent({ clientX: 180, clientY: 450 })); + + cy.matchImageSnapshot(':opened'); + + cy.get('#sheet > div:first-child') + .trigger('touchstart', touchEvent({ clientX: 180, clientY: 409 })) + .trigger('touchmove', touchEvent({ clientX: 180, clientY: 450 })) + .trigger('touchmove', touchEvent({ clientX: 180, clientY: 500 })) + .trigger('touchend', touchEvent({ clientX: 180, clientY: 500 })); + + cy.matchImageSnapshot(':closed'); + }); + + it('withoutOverlay', () => { + cy.viewport('iphone-6'); + + mount( + + + , + ); + + cy.matchImageSnapshot(); + }); +}); diff --git a/packages/plasma-b2c/src/components/Sheet/Sheet.config.tsx b/packages/plasma-b2c/src/components/Sheet/Sheet.config.tsx new file mode 100644 index 0000000000..ef3e87c015 --- /dev/null +++ b/packages/plasma-b2c/src/components/Sheet/Sheet.config.tsx @@ -0,0 +1,17 @@ +import { css, sheetTokens } from '@salutejs/plasma-new-hope/styled-components'; + +export const config = { + defaults: { + view: 'default', + }, + variations: { + view: { + default: css` + ${sheetTokens.sheetOverlayColor}: var(--overlay-soft); + ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur); + ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card); + ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary); + `, + }, + }, +}; diff --git a/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx b/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx new file mode 100644 index 0000000000..397f8c0c40 --- /dev/null +++ b/packages/plasma-b2c/src/components/Sheet/Sheet.stories.tsx @@ -0,0 +1,341 @@ +import React, { ComponentProps, useState } from 'react'; +import type { StoryObj, Meta } from '@storybook/react'; +import { InSpacingDecorator } from '@salutejs/plasma-sb-utils'; +import styled from 'styled-components'; + +import { Button } from '../Button'; +import { BodyM } from '../Typography'; + +import { Sheet } from '.'; +import type { SheetProps } from '.'; + +const meta: Meta = { + title: 'Content/Sheet', + decorators: [InSpacingDecorator], + args: { + withBlur: false, + withOverlay: true, + withTransition: true, + hasHandle: true, + isHeaderFixed: false, + isFooterFixed: false, + }, +}; + +export default meta; + +type StorySheetProps = ComponentProps & { + storyHasHeader: boolean; + storyHasFooter: boolean; +}; + +const StyledBody = styled(BodyM)` + padding-bottom: 300px; +`; + +const StoryDefault = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > + body +
+ + ); +}; + +export const Default: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; + +const StoryWithoutOverlay = () => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)}> + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea + fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum + placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam, + dolorem labore quaerat vero maxime ab ipsa nihil. + + + + ); +}; + +export const WithoutOverlay: StoryObj = { + render: () => , +}; + +const StoryWithScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > + + +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+
+
+ + ); +}; + +export const WithScroll: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; + +const StoryWithInsideScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > +

Вложенные кнопки

+
+ + + + + + + + +
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. +
+ + ); +}; + +export const WithInsideScroll: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; + +const StoryWithDoubleScroll = ({ + withOverlay, + withTransition, + storyHasFooter, + isFooterFixed, + storyHasHeader, + isHeaderFixed, + hasHandle, + withBlur, +}: StorySheetProps) => { + const [opened, setOpened] = useState(false); + + return ( + <> + + setOpened(false)} + hasHandle={hasHandle} + withBlur={withBlur} + contentHeader={ + storyHasHeader ? ( +
+

header

+
+ ) : undefined + } + isHeaderFixed={isHeaderFixed} + contentFooter={ + storyHasFooter ? ( +
+

footer

+
+ ) : undefined + } + isFooterFixed={isFooterFixed} + > + + +

Вложенные кнопки

+
+ + + + + + + + +
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam + consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel + illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos + nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt + ullam, dolorem labore quaerat vero maxime ab ipsa nihil. +

+
+
+ + ); +}; + +export const WithDoubleScroll: StoryObj = { + args: { + storyHasHeader: true, + storyHasFooter: true, + }, + render: (args) => , +}; diff --git a/packages/plasma-b2c/src/components/Sheet/Sheet.tsx b/packages/plasma-b2c/src/components/Sheet/Sheet.tsx new file mode 100644 index 0000000000..17ce6d80b7 --- /dev/null +++ b/packages/plasma-b2c/src/components/Sheet/Sheet.tsx @@ -0,0 +1,11 @@ +import { sheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; + +import { config } from './Sheet.config'; + +const mergedConfig = mergeConfig(sheetConfig, config); +const SheetComponent = component(mergedConfig); + +/** + * Открывает окно-шторку поверх основного экрана. + */ +export const Sheet = SheetComponent; diff --git a/packages/plasma-b2c/src/components/Sheet/index.ts b/packages/plasma-b2c/src/components/Sheet/index.ts new file mode 100644 index 0000000000..f2609ddd16 --- /dev/null +++ b/packages/plasma-b2c/src/components/Sheet/index.ts @@ -0,0 +1,4 @@ +export { Sheet } from './Sheet'; +export { sheetClasses } from '@salutejs/plasma-new-hope/styled-components'; + +export type { SheetProps } from '@salutejs/plasma-new-hope/styled-components'; diff --git a/packages/plasma-b2c/src/components/Switch/Switch.tsx b/packages/plasma-b2c/src/components/Switch/Switch.tsx index 505e7e73da..db87cda862 100644 --- a/packages/plasma-b2c/src/components/Switch/Switch.tsx +++ b/packages/plasma-b2c/src/components/Switch/Switch.tsx @@ -1,12 +1,10 @@ import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components'; -import type { SwitchProps } from '@salutejs/plasma-core'; +import { ComponentProps } from 'react'; import { config } from './Switch.config'; const mergedConfig = mergeConfig(switchConfig, config); const SwitchComponent = component(mergedConfig); -export const Switch = SwitchComponent as React.ForwardRefExoticComponent< - SwitchProps & React.RefAttributes ->; -export type { SwitchProps }; +export const Switch = SwitchComponent; +export type SwitchProps = ComponentProps; diff --git a/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx b/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx index 71c1ba8c2e..c9324bd3b8 100644 --- a/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx +++ b/packages/plasma-b2c/src/components/TextArea/TextArea.stories.tsx @@ -59,6 +59,11 @@ const meta: Meta = { 'onBlur', ]), }, + args: { + autoResize: false, + minAuto: 0, + maxAuto: 0, + }, }; export default meta; @@ -77,6 +82,7 @@ const StoryDefault = ({ status, enableContentRight, ...rest }: StoryProps) => { return (