diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/README.md b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/README.md new file mode 100644 index 0000000000..2ce89438cd --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/README.md @@ -0,0 +1,4 @@ +# UNSTABLE ActionLayout + +⚠️ This component is UNSTABLE. It may significantly change at any point in the future. +Please use it with caution. diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.stories.twig b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.stories.twig new file mode 100644 index 0000000000..d27f54607b --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.stories.twig @@ -0,0 +1,9 @@ +{% extends 'layout/plain.html.twig' %} + +{% block content %} + + + {% include '@components/UNSTABLE_ActionLayout/stories/ActionLayoutDefault.twig' %} + + +{% endblock %} diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.twig b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.twig new file mode 100644 index 0000000000..2c8009631a --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.twig @@ -0,0 +1,6 @@ +{# Class names #} +{%- set _rootClassName = _spiritClassPrefix ~ 'UNSTABLE_ActionLayout' -%} + +
+ {% block content %}{% endblock %} +
diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__fixtures__/UNSTABLE_ActionLayout.twig b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__fixtures__/UNSTABLE_ActionLayout.twig new file mode 100644 index 0000000000..a316267379 --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__fixtures__/UNSTABLE_ActionLayout.twig @@ -0,0 +1,5 @@ + + + Primary Button + Secondary Button + diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_ActionLayout.twig.snap.html b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_ActionLayout.twig.snap.html new file mode 100644 index 0000000000..71497e2d33 --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_ActionLayout.twig.snap.html @@ -0,0 +1,12 @@ + + + + + + + +
+ Primary Button Secondary Button +
+ + diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/stories/ActionLayoutDefault.twig b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/stories/ActionLayoutDefault.twig new file mode 100644 index 0000000000..cdcdd5bb4e --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/stories/ActionLayoutDefault.twig @@ -0,0 +1,4 @@ + + Primary Button + Secondary Button + diff --git a/packages/web-twig/src/Resources/twig-components/unstable_ActionLayout.twig b/packages/web-twig/src/Resources/twig-components/unstable_ActionLayout.twig new file mode 100644 index 0000000000..a71cf46acc --- /dev/null +++ b/packages/web-twig/src/Resources/twig-components/unstable_ActionLayout.twig @@ -0,0 +1 @@ +{% extends '@spirit/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.twig' %} diff --git a/tests/e2e/demo-components-compare.spec.ts-snapshots/unstable-actionlayout-chromium-linux.png b/tests/e2e/demo-components-compare.spec.ts-snapshots/unstable-actionlayout-chromium-linux.png new file mode 100644 index 0000000000..b63d0d11a8 Binary files /dev/null and b/tests/e2e/demo-components-compare.spec.ts-snapshots/unstable-actionlayout-chromium-linux.png differ diff --git a/tests/e2e/demo-homepages.spec.ts-snapshots/web-chromium-linux.png b/tests/e2e/demo-homepages.spec.ts-snapshots/web-chromium-linux.png index 7b95263b1a..ec613ff3bc 100644 Binary files a/tests/e2e/demo-homepages.spec.ts-snapshots/web-chromium-linux.png and b/tests/e2e/demo-homepages.spec.ts-snapshots/web-chromium-linux.png differ