Feat(web, web-twig, web-react): Deprecate UNSTABLE_ActionLayout

packages/web-react/src/components/UNSTABLE_ActionLayout/README.md

@@ -26,3 +26,13 @@ ActionLayout component is a container component that is used to position action
   </ButtonLink>
 </UNSTABLE_ActionLayout>
 ```
+
+### ⚠️ DEPRECATION NOTICE
+
+The component will be deleted in the next major version.
+Use [ActionGroup][action-group-component] component instead.
+
+[What are deprecations?][readme-deprecations]
+
+[action-group-component]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/ActionGroup/README.md
+[readme-deprecations]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/README.md#deprecations

packages/web-react/src/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.tsx

@@ -2,7 +2,7 @@
 
 import classNames from 'classnames';
 import React, { ReactElement } from 'react';
-import { useStyleProps } from '../../hooks';
+import { useDeprecationMessage, useStyleProps } from '../../hooks';
 import { SpiritActionLayoutProps } from '../../types/actionLayout';
 import { useActionLayoutStyleProps } from './useActionLayoutStyleProps';
 
@@ -11,6 +11,15 @@ const UNSTABLE_ActionLayout = (props: SpiritActionLayoutProps): ReactElement =>
   const { classProps, props: modifiedProps } = useActionLayoutStyleProps(restProps);
   const { styleProps, props: otherProps } = useStyleProps(modifiedProps);
 
+  useDeprecationMessage({
+    method: 'component',
+    trigger: true,
+    componentProps: {
+      delete: true,
+    },
+    componentName: 'UNSTABLE_ActionLayout',
+  });
+
   return (
     <div {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>
       {children}

packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/README.md

@@ -22,3 +22,13 @@ ActionLayout component is a container component that is used to position action
   <ButtonLink href="#" color="secondary">Secondary Action</ButtonLink>
 </UNSTABLE_ActionLayout>
 ```
+
+### ⚠️ DEPRECATION NOTICE
+
+The component will be deleted in the next major version.
+Use [Flex][flex-component] CSS classes instead.
+
+[What are deprecations?][readme-deprecations]
+
+[flex-component]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/Flex/README.md
+[readme-deprecations]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-twig/README.md#deprecations

packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/UNSTABLE_ActionLayout.twig

@@ -1,6 +1,9 @@
 {# Class names #}
 {%- set _rootClassName = _spiritClassPrefix ~ 'UNSTABLE_ActionLayout' -%}
 
+{# Deprecations #}
+{% deprecated 'UNSTABLE_ActionLayout: The component will be deleted in the next major version.' %}
+
 <div class="{{ _rootClassName }}">
     {% block content %}{% endblock %}
 </div>

packages/web-twig/src/Resources/components/UNSTABLE_EmptyState/README.md

@@ -50,10 +50,10 @@ The component is based on the [Stack][stack] component and accepts all its prope
     <Text>Description</Text>
   </UNSTABLE_EmptyStateSection>
   <UNSTABLE_EmptyStateSection>
-    <UNSTABLE_ActionLayout>
+    <div class="Flex Flex--noWrap Flex--alignmentXStretch Flex--tablet--alignmentXCenter Flex--alignmentYStretch Flex--vertical Flex--tablet--horizontalReversed">
       <ButtonLink href="#" color="primary">Primary Action</ButtonLink>
       <ButtonLink href="#" color="secondary">Secondary Action</ButtonLink>
-    </UNSTABLE_ActionLayout>
+    </div>
   </UNSTABLE_EmptyStateSection>
   <UNSTABLE_EmptyStateSection>
     <Link href="#">Link to something</Link>

packages/web/src/scss/components/UNSTABLE_ActionLayout/README.md

@@ -22,3 +22,13 @@ ActionLayout component is a container component that is used to position action
   <a href="#" role="button" class="Button Button--secondary Button--medium">Secondary Action</a>
 </div>
 ```
+
+### ⚠️ DEPRECATION NOTICE
+
+The component will be deleted in the next major version.
+Use [Flex][flex-component] component instead.
+
+[What are deprecations?][readme-deprecations]
+
+[flex-component]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/Flex/README.md
+[readme-deprecations]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/README.md#deprecations

packages/web/src/scss/components/UNSTABLE_ActionLayout/_UNSTABLE_ActionLayout.scss

@@ -2,6 +2,7 @@
 @use 'theme' as theme;
 @use '../../tools/breakpoint';
 
+// @deprecated Will be removed in the next major version.
 .UNSTABLE_ActionLayout {
     display: flex;
     flex-direction: column;